프론트엔드 개발자로 가장 빠르게 시작하는 방법

오늘 유튜브에서 눈에 띈 한 영상!

(사실 구독하고 있는 뉴스레터에서 추천해줘서 알았다.)

 

프론트엔드 개발자로 가장 빠르게 시작하는 방법, 꼭 익혀야 하는 5가지 핵심 기술이란?

 

https://youtu.be/-_X6PhkjpzU

(Codewishmosh.com라는 사이트를 운영하고 있다니까 관심 있으면 들려보자.)

 

기초

 

HTML과 CSS, Javascript.

너무 유명해서 다들 아는 말이겠지만 HTML은 기본 구조를 잡을 때, CSS는 그 구조를 꾸밀 때, Javascript는 동작을 지정할 때 쓰인다.

 

기초 중에 기초로, 하루에 3-5시간씩 공부한다고 가정했을 때 3달 정도 잡으면 통달할 거라 함. (아니... 일주일에 다 마스터하려고 했던 내가 이상한 거였군)

 

 

프레임워크, 라이브러리

 

반복되는 코드를 미리 정의해서 업무 효율성을 높이기 위한 툴, 프레임워크랑 라이브러리!

그 둘의 차이는?

 

프레임워크는 특정 구조를 따르도록 강요한다면 (forces our application into a structure) ex. Angular와 Vue

라이브러리는 사용자가 자유롭게 구조를 정의할 수 있다고 한다  ex. React

 

React가 현재 가장 널리 쓰이므로 React만 배워도 된다고 조언.

프론트엔드 기초를 다 떼고 온 상태면 React는 한 두달이면 될 거라고.

 

 

Version Control System

 

협업과 기록을 가능하게 하는 버전 관리 툴! 70% 이상이 git을 쓰고 있으므로 git만 알아도 된다. 

2주면 알 수 있다.

 

 

CSS Preprocessors

 

CSS의 진화버전 (SASS, LESS, Stylus)은 모든 브라우저에서 작동하지는 않으므로,

preprocessor는 진화버전의 CSS를 현재 CSS로 변환하여 브라우저에서 작동하도록 하는 장치이다.

 

이 중 SASS만 알아도 되며, 간단하므로 1-2주면 알 수 있다.

 

 

Transpiler

 

마찬가지로 Javascript의 진화 버전을 현재 자바스크립트로 변환해주는 역할을 하며, 

진화 버전 중 Typescript만 알면 된다.

Typescript는 (한 번 자바스크립트를 배웠다는 전제 하에) 2-4주면 배울 수 있다.

 

한 언어를 마스터하면 다른 언어를 배우는 데에는 큰 시간이 걸리지 않는다고 한다.

 

 

이 중 기초는 git까지이며, SASS와 Transpiler는 다른 지원자 대비 돋보일 수 있는 옵션으로 생각하면 된다고.