큰돌이 이야기하는 프론트엔드 로드맵

 

네이버 출신의 개발자의 프론트엔드 로드맵이라는 제목이 눈에 띄어 보게 되어 정리한다.

무작정 발을 때어 앞으로 가기 보다는, 길을 떠나기 전에 행선지를 알고 가는 것이 효율적이다.

현재 나는 프론트엔드 로드맵의 시작점은 아니지만, 중턱에서 이정표를 확인하는 중이다.

 

 

1. JS와 CSS, HTML의 기초

- (웹) Poiema; 웹 프로그래밍 튜토리얼. ECMAScript6까지 학습하기

- (웹) JAVASCRIPT.INFO; 모던 JavaScript 튜토리얼. 포이마와 중복된 내용는 넘어가며 JavaScript 심화 학습

- (책) 실시간 모니터링시스템을 만들면서 정복하는 MEVN; MongoDB, Express, Vue.js, Node.js, D3.js 학습

 

2. React/Vue/TypeScript 학습과 사이트 필사

- React.js, Vue.js, TypeScript 를 유튜브(무료) 또는 인프런(유료)을 통해서 자세히 배우기

- Apple.com과 삼성 사이트 필사; 시각화, 효과, 시멘틱 태그, 접근성 등을 개발자 모드에서 필사하며 학습하기

 

3. 추가적인 학습

- TDD관련 테스팅 연습; moca, Jest 와 같은 테스팅 라이브러리로 TDD 도구와 테스팅 연습

- 디자인 감각; 디자이너와 협업을 위해 전시회, 미술품 등을 보면서 디자인 감각 키우기

- 알고리즘, 자료구조, CS지식; 탄탄한 프론트엔드 개발자로 가기 위한 지식

 

 

 

 

 

출처: 유튜브 큰톨의터전 (2022.02.05)

https://www.youtube.com/watch?v=ceJMyCfYuwc