프론트엔드 개발자의 역할과 필수 소프트 스킬

🐱‍🏍 목표

• 프론트엔드 개발자가 갖춰야 할 요소를 파악한다.

---

📌 1. Web Front-End

• Web, Front-End를 다루는 Front-End 엔지니어
• Web, Front, End 세 단어를 통해 고려할 점을 확인

1-1) Web

• Web : Open Standard Technology
• IT 생태계 : Google, MS, Apple, Facebook(Meta)
• 즉, 주요 기업들에 사업 방향에 따라 기술이 바뀔 수 있다.

1-2) Front

• 프로페셔널, 아마추어 모두가 확인할 수 있는 영역
• 지식이 있고, 없고를 떠나 평가를 할 수 있다
• 이런 이유로 트렌드에 민감하고 기술 스택도 자주 바뀜
• 프로, 아마추어 두 의견 모두 의미가 있다

1-3) End

• 개발 프로세스는 다음과 같다.

기획 > 설계 > 디자인 > 백엔드(API) > 프론트엔드

• 릴리즈함에 있어 마지막 개발 단계인 프론트엔드
• 계획은 변동성이 있지만, Due Date는 바뀌지 않는다

---

📌 2. Front-End 터닝 포인트

1. 2008년 : 크롬 출시 (Google, V8 엔진)
2. 2009년 : NodeJS 출시 (V8 엔진 기반)
3. 2010년
   • npm 등장
   • Angular, Knockout 프레임워크 출시
4. 2012년 : TypeScript 출시
5. 2013년 : React 출시 (Virtual DOM)
6. 2020년 : Deno 출시 (Node 개선판)

---

📌 3. 학습 전략

3-1) 필수로 알아야 할 지식

• 네트워크
• 메모리
• 성능
• 소프트웨어 공학 ( 알고리즘, 자료구조, 디자인패턴등 )

3-2) 필요한 상황이 생기면 알고 싶지만 쉽게 배울 수 없는 지식

• Graphics
• Math : 대수학, 기하학

3-3) 필요하다면 쉽게 배울 수 있는 지식

• JavaScript, TypeScript, React

---

참고

김민태의 The Red - React, Redux