본문 바로가기
개발회고/인사이트

[인사이트] 프론트엔드 로드맵과 프론트엔드 개발자가 하는일

by 죠르띠에 2024. 5. 14.

 

 

프론트엔드 로드맵과 프론트엔드 개발자가 하는 일 | 요즘IT

프론트엔드에 관심이 있다면 기본적으로 HTML, CSS, JAVASCRIPT 등의 용어는 들어보셨을 텐데요. 비전공자&입문자라면 뭐부터 공부해야 할지 막막한 경우가 많습니다. 이번 글에서는 전체적인 프론트

yozm.wishket.com

요즘 IT에서 프론트엔드 로드맵과 개발자가 하는일에 대해 작성된 글을 보고 느낀 점을 작성하고자 한다. 로드맵도 잘 그려져 있고, 하는 일에 대해서도 잘 작성되어 있다.

 

 

이 글에서 프론트엔드 로드맵의 순서는 다음과 같다.

  1. 네트워크와 인터넷
  2. HTML, CSS, 자바스크립트
  3. HTML, CSS, 자바스크립트 심화기술
  4. 개발 도구
  5. 자바스크립트 프레임워크, CSS 프레임워크
  6. 네트워크 통신
  7. API
  8. 테스트
  9. 배포

하지만 조금 순서를 바꾸고 빠져야 하는 부분이 있다고 생각이 든다. 크게 세 가지만 나열해 보았다.

  1. HTML, CSS, 자바스크립트
  2. API
  3. 자바스크립트 프레임워크, CSS 프레임워크

입문을 할 때, 가장 먼저 수행되야 하는 것은 HTML, CSS, 자바스크립트이다. 이 세 가지로 처음 백지 상태에서 무언가를 만들고 꾸미고, 바꿀 수 있게 해주기 때문에 첫 번째이다. 두 번째는 API이고, API를 하면 자연스럽게 네트워크가 따라온다. API 연동하면서 네트워크를 공부해보자. 마지막으로 프레임워크이다. 프레임워크라고 불리는 것들이 최근에 굉장히 많아졌다. 하지만 국내에선 React가 독보적이다. 만약 취업을 위한 프레임워크를 공부하겠다면 React를 우선적으로 하자.

 

개발 도구는 개인 취향 또는 기업에서 사용하는 개발 도구가 다르기 때문에 따로 우선 순위는 두지 않았다. 테스트와 배포도 여러 환경에 따라 바뀔 수 있기 때문에 상황에 맞게 추가적으로 공부하는 것을 추천한다.