-
You Don't Need jQuery 한글 번역 : 이미 jQuery를 안다면
-
plainjs 영문 : jQuery에서 많이 쓰는 문법 기준 비교
-
You Might Not Need jQuery 영문 : CSS tricks 아티클
-
poiemaweb 기초 강의 : js 외 정보 모두 정리 잘 된 사이트
-
Zerocho 기초 강의 : js 다 보고 ES
-
인프런 js강좌 목록 : 국내 영상강의 사이트 중 무난한 가격대
-
js garden : es6 이전, 한장에 요약된 정리 페이지
-
캡틴 판교 js 기본기 : 기본 문법 익히고 정리할 때
-
자바스크립트 개론 web 원서 : 정석
-
모던 자바스크립트 튜토리얼 : es6 이후의 문법 정리 잘 된 사이트
-
모던 js 치트시트 : 문법 한장 요약 치트시트
-
인사이드 자바스크립트 : 개인적인 추천 1순위
-
자바스크립트 개론 : 한글, 영어 원문의 경우 무료
-
DOM을 깨우치다 : DOM 관련한 책 중 얇고 쉬움
-
자바스크립트를 깨우치다 : js내용 중 객체에 대해서만 파고드는 책, 얇고 쉬움
-
자바스크립트 닌자 비급 : ES6 이전, 기본기 익히고 보면 좋음
로컬에 환경 세팅해보고 진행하는 것도 좋으나,
빠른 코드 작성 > 결과 확인이 1순위
- 입문 : 크롬 devtool > console 탭 열고 바로 쳐보고 결과 확인
- 기초 : codepen 또는 codesandbox 에 코드 작성후 결과 확인
- 숙달 : 사이드 프로젝트 계획해서 github 계정에 연동
단순 기능 구현 먼저, 상세한 기능 정하고 다시 만들어보기
(spinbox 숫자 증가, 감소 => 최소값, 최대값, 버튼 누르고 있으면 가속적으로 증감, 키보드 화살표 위아래 입력)
jQuery로 이미 작업 가능한 영역, ES6만으로 구현
- spinbox
- web UI
- class 추가,삭제,토글
- tab
- accodian
- modal layer
- Todo
- 방명록 or 게시판
- 날씨 api 받아와서 화면에 좋음/나쁨 표시
무슨 용도인지 어떤 용도로 쓰는지 파악, 자세한 공부는 나중에
- git, github/gitlab/bitbucket
- npm
- gulp
- webpack, rollup, parcel
- ES 심화
- React.js / Vue.js