1. 프런트엔드 개발자 학습 방향

프론트엔드 개발자가 하는일
1.  애플리케이션을 사용하는 사람, 유저가 애플리케이션과 소통하기 위한 창구( User Interface )를 사용하기 좋게 구현한다.

2. UI 는 상태정보를 서버로 전송하기도 하고 서버의 데이터를 가져와서 UI 에 표시하기도 한다.
-> 서버와 연동하여 데이터를 주고받도록 함

3. 디자이너, 백엔드 개발자와의 협업

HTML : tags & attributes, Semantic web
CSS : Layout (float, flex, grid) , transition/ animation, 반응형 웹, Preprocessor ( Sass, PostCSS) ,CSS 방법론, CSS 프레임워크
크로스 브라우징
JavaScript : ES5, ES6, ES Next, DOM/Event , Ajax, 동작원리 (브라우저, 자바스크립트 엔진) , node.js
HTTP
Tools : Git, Webpack , Babel, ESLint, npm ....
Library / Framework : SPA ( Angular, React, Vue.js ) , TypeScript, jQuery, Lodash, Axios ....
TDD ( Test Driven Development) : karma / jasmine, mocha, chai
알고리즘/ 자료구조


node.js : 서버사이드 애플리케이션 개발 사용등 , 자바스크립트 런타임 환경

HTTP : 웹상에서 서버와 통신 규약
TDD : 테스트 주도 개발 방법론

---

1. 책이나 수업의 내용이 무슨말인지 하나도 모르겠다. -> 주변 개발자의 말을 알아 들을 수없다.
-> 배경지식 : CS 지식 + 용어에 대한 이해 + 기본 상식

전문용어를 사용하는 이유 
-> 개념을 작은 단어를 사용하여 명확하게 의미를 전달할수있음

2. 어떻게 만들어야 할 지 감조차 오지 않는다.
- 문제해결능력 : 문제(해결과제) 가 무엇인지 알아채는 능력 + Computational thinking + 알고리즘 / 자료구조 + 경험
해결 과제(문제/ 요구사항) 의 명확한 이해 -> 복잡함을 단순하게 분해 -> 자료를 정리하고 구분 (Modeling) -> 순서에 맞게 행위 배열

정렬, 탐색,  스택, 큐 , 해시탭?

3. 어떻게 만들어야 할 지는 알겠는데 막상 코딩하려니까 한줄도 못짜겠다.
인터넷에서 긁어온 코드를 도무지 수정할 수 없다. 
-> 구현 능력 : 문법에 대한 정확한 이해 + 연습


- 현재 자신의 능력으로 쉽게 해결 가능한 것을 반복하는 것도 연습이 아니다
- 자신의 능력을 살짝 넘어서는 도전을 지속적으로 시도 -> 쉬운 도전은 지루하고 무모한 도전은 불안감만 준다
- 시행착오(삽질) 은 무엇을 알고 무엇을 모르는지 알게 하는 개발자의 벗이자 선생님이다.
- 시도하고 실패하는 의식적인 연습을 반복한다.


내 코드가 어떻게 동작되는지에 대한 예측

 

 

 

---

 

참고 

https://poiemaweb.com/Front-end
https://www.youtube.com/watch?v=02RCNUF-2Vw&t=273s
https://roadmap.sh/frontend