소개
웹프론트엔드 개발자를 희망하지만 무엇을 해야할 지 몰라 헤매었다. 나중에 틈틈히 보기위해 PoimaWeb/Frontend의 프론트엔드 개발자 학습 방향을 요약하고 생각을 정리했다.
Front-end 개발자는 무슨 일을 하는가?
애플리케이션을 사용하는 사람이 애플리케이션과 소통하기 위한 창구, 즉 유저 인터페이스를 사용하기 좋게 구현한다.
UI는 상태 정보를 서버로 전송하기도 하고, 서버의 데이터를 가져와서 UI에 표시하기도 한다.
디자이너, 백엔드 개발자와의 협업
Front-end 개발에 필요한 기술들
- HTML: tags & Atrribute, Semantic Web
- CSS: Layout(float,flex,grid), transition/animation, 반응형 웹, preprocessor(Sass, PostCSS), CSS 방법론, CSS Framework
- 크로스 브라우징
- 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...
- TDD: Karma/jasmine, mocha, chai
- 알고리즘과 자료구조
그래서 어떻게 해야하나
효율적인 프로그래밍 학습방법은 개인이 찾아낼 수 밖에 없다. 그 전까지는 의식적인 연습을 꾸준히 반복하는 것이 유일한 해답이다.
- 개발능력을 기르기 위해서는 자신의 능력을 살짝 넘어서는 도전을 해야한다. 따라서 자신의 객관적 능력을 파악하는 것부터 시작하자.
- 무엇을 알고 무엇을 모르는지 알기 위해서는 시행착오 즉, 시도하고 실패하는 연습을 반복해야한다.
- 베이스가 되는 것에서 시작해서 쌓아나가자 베이스는 HTML, CSS, Javascript이다.
