Orientation - 문법책 졸업하자! 만들면서 복습하는 JavaScript
문법책 졸업하자! 만들면서 복습하는 JavaScript
    • 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 등록
    Orientation
    01 Orientation
    Orientation


    Q&A