웹개발 공부 순서 ( 2019 Ver )

1. HTML / CSS
2. Basic of JavaScript
3. Type Script
   • JavaScript는
     • 데이터 타입이 다이나믹해서 Type safety 취약
     • boolean으로 정의된 변수를 나중에 string 변수에 할당할 수 있다.
     • 컴파일할 때 에러가 걸러지지 않는다.
   • 반면, TypeScript는
     • JavaScript 위에 Type safety가 얹어진 언어
     • boolean 변수는 꼭 boolean 변수에만 할당해야 하며, 
     • 컴파일할 때 데이터 타입이 검사되는 강력한 언어
4. CSS Preprocessor : CSS 코드의 중복 삭제 → SASS, Post CSS
5. CSS Frameworks → Bootstrap
6. CSS Architecture
   • CSS를 어떻게 구조적으로 배치할 것인가
   • BEM에 대한 아티클 읽어 보기
7. Linters and Formatter → Prettier ( of VSCode ) 
8. Module Bundler
   • 코드 배포 시, 압축하여 용량을 줄여주는 프레임 워크
9. Pick a Framework ( of JavaScript )
   • react - mobX의 콤비네이션 추천

 

참고 링크 : youtube 채널, <드림코딩> https://www.youtube.com/watch?v=NeEaTeYcFhE&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y