본문 바로가기

개발/프론트엔드

프론트엔드(Frontend) 개발자의 학습방법

접니다~

 

프론트엔드 개발자

1. 프론트엔드 개발자가 하는 일

- 애플리케이션을 사용하는 사람(user)이 애플리케이션과 소통하기 위한 창구

(User Interface)를 사용하기 좋게 구현한다.

- UI는 상태 정보를 서버로 전송하기도 하고 서버의 데이터를 가져와서 UI에 표시하기도 한다.

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

2. 프론트엔드 개발에 필요한 기술

- HTML : tag & attributes, Semantic web(Html5)

- CSS : Layout(float, flex, grid), transition/animation, 반응형 웹,

preprocessor(Sass, PostCSS), 크로스 브라우징

- javaScript : ESS, ES6, ES Next, Dom/Event, Ajax,

동작 원리(브라우저, 자바스크립트 엔진), node.js

- HTTP(Ajex에 대한 이해도가 떨어질수 있기 때문)

- Tools : Git, Webpack, Babel, ESlint, npm…

- Labrary/FrameWork : SPA(Angular, React(labrary로 구분됨), Vue.js),

TypeScript, JQuery (현재 개발환경에선 배척중이지만

기본적으로 알아야한다), +Lodash, Axios…

- TDD(Test Drven Development):karma/jasmine, mocha, chai

- 알고리즘 / 자료구조

3. 초심자가 경험하는 3가지 어려움

- 책이나 수업의 내용이 무슨 말인지 하나도 모르겠다. 주변 개발자의 말을 알아들을 수 없다.

-> 배경지식 : 기본적 컴퓨터 사이언스 지식

+ 용어에 대한 이해 + 기본상식

 

참고 유튭 : youtu.be/02RCNUF-2Vw