문법책 졸업하자! 만들면서 복습하는 JavaScript

자바스크립트 공부는 했는데 응용하려니 너무 어렵게 느껴지신다면 재밌게 복습해보세요!

클래스 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
자바스크립트
소요 시간
약 7시간
추천 학습대상
- 자바스크립트 핵심 지식을 챙기고 싶은 분
- 자바스크립트 문법은 배웠는데 뭘 해야 할 지 모르겠는 분
- 자바스크립트 실력을 탄탄히 다지고 싶은 분
😎자바스크립트, 이제 졸업할 때 됐죠?



자바스크립트,
공부는 했는데 써먹기 어렵다구요?


개발자를 꿈꾼다면 문법책 졸업해야죠!
한땀 한땀 프로젝트를 만들며
반드시 알아두고 써먹어야 할 자바스크립트의
핵심을 낱낱이 파헤쳐봅시다




미니게임부터 크롬 확장 앱까지



자바스크립트를 깊이 있게 공부하면
문제 상황을 마주했을 때 좀 더 유연히
대처할 수 있을 겁니다

프레임워크 없이 CRUD를 구현하고
공 피하기 게임, 크롬 확장앱을 제작하고
뉴스와 멜론 차트를 크롤링하며
자바스크립트를 딥하게 살펴보세요!










개발은 적성, 지식나눔은 취미입니다


강민철

現 React, Node.js, Django 프리랜서 개발자

데벨업 1기 멘토
도농고등학교, 숙명여대, 덕성여대
WISET 사업단 IT멘토링 강사
타 서비스 전문 강사 이력 보유

Pycon Korea 2020 Speaker

GDG (Google Developer Group) DevFest
on Campus 2019 Speaker

서울시립대학교 컴퓨터과학부 재학
성남외국어고등학교 졸업

all Icon made by Freepik from www.flaticon.com

체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    Orientation
  • Orientation
  • 02
    프레임워크 없이 CRUD 구현하기
  • Overview
    이번 프로젝트에서 쓰일 핵심 JS 개념
    초기 세팅
    데이터 정의_1
    데이터 정의_2
    테이블에 데이터 넣기
    버튼 만들기
    입력 행 만들기
    삭제 구현
    추가 구현
    수정하기
    save 구현
  • 03
    웹 게임 제작: 공 피하기
  • overview
    이번 프로젝트에서 쓰일 핵심 JS 개념
    환경설정
    데이터 정의
    마우스 좌표와 timer 함수
    시작 기능 만들기
    공 만들기_1
    공 만들기_2
    공 움직이기
    게임오버 점수판 만들기
    reset 기능과 프로젝트 마무리
  • 04
    JavaScript 크롤링: 뉴스와 멜론 차트
  • 이번 프로젝트에서 쓰일 핵심 JS 개념
    프로젝트 환경 세팅
    뉴스 기사 크롤링_1
    뉴스 기사 크롤링_2
    Melon Chart 크롤러_1
    Melon Chart 크롤러_2
  • 05
    크롬 확장 앱 만들기
  • Overview
    이번 프로젝트에서 쓰일 핵심 JS 개념
    Chrome Extension을 이루는 요소
    manifest.json
    로고 이미지 만들기
    기본 환경 세팅
    클릭시 새 탭에서 열기 구현
    popup html 구현
    DomContentLoaded 이벤트 리스너 등록 & 프로젝트 큰 그림 정리하기
    검색 기록에서 가장 많이 typed된 url 가져오기
    url-typed된 횟수 매핑
    최종 배열 만들기
    Chrome Extension 등록
마지막 업데이트|2021년 01월 24일
강의자 소개
구름은 '모두가 개발자가 된다'라는 비전으로 언제 어디서나 AI∙SW 개발을 배우고, 원하는 결과물을 구현할 수 있도록 '개발자 성장 중심'의 생태계를 만들어 나가고 있습니다. - 누구에게나 열린 기회를 제공하고 - 입문자의 진입장벽을 낮추며 - 상생하는 생태계를 만들어갑니다.

강좌 후기
49,000

평균평점
5.0
난이도
보통
수강기간
평생 무제한
소요 시간
약 7시간