본문 바로가기
직업/IT,기술 직업

[프론트엔드 개발자] - 공부 순서, 하는 일, 연봉, 전망

by B.Iog 2022. 1. 22.
728x90

웹 개발자/웹 프로그래머에 대해서 알아봤는데 이번에는 프론트엔드 개발자에 대해서 알아보겠다. 프론트엔드와 백엔드라는 용어가 있는데 이 둘은 서로 반대되는 직업이다. 쉽게 말해 프론트엔드는 사용자에게 보이는 부분 백엔드는 사용자에게 보이지 않는 부분을 다룬다.

 

[웹 개발자/웹 프로그래머] - 현실, 전망, 처우, 연봉, 하는 일 | IT's

한국은 IT 강국으로 스마트폰, 컴퓨터 보급률이 매우 높은 편이다. 스마트워치나 다른 기기들까지 포함하면 사람마다 여러 대의 컴퓨터를 들고 다니는 수준으로 생각하면 된다. 그래서 웹 사이

wkdus0608.tistory.com

 

프론트엔드 개발자란? (하는 일 + 수행직무)

 

프론트엔드와 백엔드는 서로 반대되는 직업이지만 가깝게 지내는 직업군이라고 볼 수 있다.

프론트엔드 개발자는 백엔드에서 가져온 데이터를 분석하고 사용자들에게 시각적으로 보이는 사용자 인터페이스 부분을 작업한다.

간단히 말하자면 프론트엔드 개발자는 눈에 보이는 모든 것을 개발하고 백엔드는 눈에 보이지 않는 모든 것을 개발한다.

 

[백엔드 개발자] - 공부 순서, 하는 일, 연봉, 전망 | IT's

백엔드 개발자와 프론트엔드 개발자는 모두 웹 프로그래머라라서 직종이 같다고 볼 수 있지만 하는 일은 완전 반대다. 프론트엔드 개발자는 사용자들에게 눈에 보이는 부분을 작업하는 반면 백

wkdus0608.tistory.com

 

프론트엔드가 작업해야 하는 분야는 사용자가 회사의 서비스를 사용하기 전에 보이는 첫인상을 담당하고 있다. 사용자와 가장 먼저 맞닿는 영역의 일을 하기 때문에 프론트엔드는 사용자의 반응을 빠르게 캐치해야 하고 그것을 최대한 빨리 적용시켜야 한다.

 

프론트엔드 개발자는 프론트 영역 전반과 서버의 대한 폭넓은 이해를 필요로 하며 바닐라 JS, HTTP 프로토콜, 웹팩을 다루는 작업이 업무의 대부분을 차지한다. 어떤 직장은 프론트엔드 개발자가 HTML과 CSS작업도 도맡아 하지만 다른 직장에서는 오로지 프론트엔드 개발에 전념하라고 HTML과 CSS만 따로 작업해주는 개발자를 따로 뽑는 경우도 있다.

 

 

프론트엔드 개발자가 되려면

 

프론트엔드 개발자가 되기 위해서는 자바 스크립트, CSS, HTML를 공부해야 한다.

 

HTML

- 웹 페이지는 HTML로 이루어져 있다. - 그래서 HTML 코드를 모른다면 아무것도 할 수 없을 것이다.

 

CSS

- HTML과 CSS를 배운다면 적은 노력으로 웹사이트를 만들 수 있다.

 

자바스크립트

- 만들고자 하는 웹 사이트에 더 많은 기능을 추가할 수 있다. - 특히나 자바스크립트에 대한 깊은 이해도가 필요하다.

 

프론트엔드 개발자는 자격증을 굳이 따지 않아도 된다는 의견이 지배적이다.

 

 

프론트엔드 공부 순서 (로드맵)

 

아래의 프론트엔드 로드맵을 보면 엄청 다양하게 뻗어나간다.

 

큰 틀에서 보면 프론트엔드 공부 순서는 다음과 같다

  1. 인터넷
  2. HTML, CSS, 자바 스크립트
    1. 기본 지식
    2. 레이아웃 구성
    3. 문법, 구조
  3. 버전 관리 시스템
    1. 깃허브
    2. Git 기본 사용법
  4. 웹 보안 지식
    1. HTTPS
    2. CORS
    3. Content Security Policy
    4. OWASP Security Risks
  5. 패키지 관리자
  6. CSS 설계
    1. 모던 프레임워크의 등장과 CSS-in-JS 덕분에 걱정을 덜었지만, 그래도 최소한 BEM과는 친숙해지는 것이 좋다.
  7. CSS 전처리기
    1. 역시나 모던 프레임워크, CSS-in-JS 덕에 필요성은 떨어질 수 있어도 이 기술들과 친숙해지는 것이 좋다.
  8. Build Tools
    1. Linters and Formatters
    2. Task Runners
    3. Module Bundlers
  9. 프레임워크를 선택한다.
    1. React.js
    2. Angular
    3. Vue.js
    4. 등등
  10. CSS in JS
  11. Web Components
  12. CSS 프레임워크
  13. 서버 사이드 렌더링
  14. GraphQL
  15. 정적 사이트 생성기
  16. 모바일 어플리케이션
  17. 데스크톱 애플리케이션
  18. 웹 어셈블리
  19. 공부 또 공부

 

프론트엔드 공부순서 (로드맵)
프론트엔드 공부순서 (로드맵)

 

프론트엔드 개발자는 얼마나 받을까? (연봉 + 페이)

 

평균적인 신입 기준 연봉 : 3000 ~ 3500

[매년 0~4%의 연봉 인상]

 

사실 IT 업계는 연봉이 의미가 없다. 개인의 전문성과 스펙에 따라서 연봉이 달라지기 때문에 본인이 본인만의 스펙을 만들어가기를 바란다.

 

 

프론트엔드 개발자의 현실과 처우 그리고 전망

 

프론트엔드 개발자의 경우 트렌드 변화가 굉장히 빠른 편에 속한다. 대학교 때 배운 지식들로 평생을 써먹는 직업과는 다르게 하나의 기술을 익혔다고 계속 써먹을 수 없고 지속적으로 나오는 새 기술들과 요즘 트렌드를 꾸준하게 익혀야 하는 분야이다. 요즘 시대에 신기술을 배우는 것은 프론트엔드 개발자에만 제한되지는 않지만 다른 개발 분야보다 변화가 빠르다고 할 수 있다. 이 분야가 적성에 맞는다면 다양한 기술을 접할 수 있다는 것이 장점이 되겠지만 반대로 이런 것이 버겁다면 단점이 될 수 있다.

 

전망

코로나 바이러스로 인한 언택트 문화 때문에 온라인 관련 분야가 급등할 것으로 보인다. 프론트엔드 개발자는 웹 사이트 개발에 가장 가까운 업종이다 보니 비전이 있다.

댓글