프런트엔드 개발자가 하는일
애플리케이션을 사용하는 사람이 애플리케이션과 소통하기 위한 창구를 사용하기 좋게 구현한다.
서버의 데이터를 가져와 UI에 표현하기도 하고, 사용자가 입력한 정보를 서버에 전송해주기도 함.
디자이너와 백엔드 개발자와 협업.
프런트엔드 개발에 필요한 기술
HTML, CSS, js (DOM, event, ajax, node.js)
크로스 브라우징, HTTP
툴-git, webpack, babel, npm, eslint
Angular, React, Vue.js, TypeScript, jQuery
TDD
알고리즘/자료구조.
학습해야할 내용이 많음. 순서가 있음.
자바스크립트에대한 이해가 중요.
초심자가 경험하는 3가지 어려움
1.책이나 수업의 내용을 못알아들음. 주변 개발자의 말을 못알아들음.
배경지식의 부족으로 나타남. 컴퓨터 지식, 용어에 대한 이해, 기본 상식.
2. 어떻게 만들어야 할 지 감이 오지 않음.
문제 해결능력 부족. 컴퓨터 사고, 알고리즘/자료구조, 경험.
해결과제의 명확한 이해->복잡한 문제를 단순한 문제로 분해 -> 자료 정리 및 구분 -> 해야할 일 정리
3. 어떻게 만들어야 할 지는 알겠지만, 실제로 구현은 하지 못함.
구글링한 코드를 분석할 수 없다.
이해와 연습이 필요.
효율적인 프로그래밍 학습 방법
->그런 것 없음.
의식적인 연습을 꾸준히 하는 만큼 성장.
단순 반복과 다름.
라이브 코딩은 지식 습득이 아님. 단순 코드 타이핑은 실력이 늘지 않는다.
쉬운 것만 반복하는 것도 연습이 아님.
자신의 능력을 조금 넘는 문제에 도전하는 것이 필요.
시행착오를 통해 성장.
시도->실패->재도전-> ... -> 성장
베이스 지식부터 습득.
너무 얉은 공부도, 너무 깊은 학습도 비효율적.
주위 동료의 피드백에 겸손하고 적극적으로 반응하여 교정.
마음가짐
서두르지 말 것.
실패를 두려워하지 말 것.
학습한 것을 기록.
프로는 기본기가 탄탄해야함
자신의 일을 좋아해야함.
호기심을 갖을 것.
꾸준히 평생.
https://poiemaweb.com/Front-end
'개발 > 웹' 카테고리의 다른 글
[HTML] 4. HTML 기본 태그 (0) | 2019.12.24 |
---|---|
[HTML] 3. 시맨틱 웹 (0) | 2019.12.19 |
[HTML] 2. HTML5 기본 문법 (0) | 2019.12.18 |