본문 바로가기
IT 정보

[IT] 프론트엔드 개발자란 ? 필요 역량? 준비 언어 ? 로드맵? 모든 것 !

by 저여저 2024. 1. 3.

프론트엔드 vs 백엔드 vs 풀스택

-프론트엔드 : 웹 페이지 화면을 비롯한 클라이언트 영역

-백엔드 : 유저에게 보이지 않는 데이터베이스, API 등 서버 영역을 개발

-풀스택 : 프론트엔드 + 백엔드 개발 : 모두 다룰수 있는 개발자


 

프론트엔드 개발자 한걸음 더 !  (웹 개발자의 한 종류)

- 화면 외적 요소를 담당하며, 특히 자바스크립트로 프로그래밍 요소를 개발함

- 사용자에게 보이는 웹사이트 화면을 만들고, 사용자의 클릭, 드래그와 같은 동작에 따라 다양한 기능이 실행되도록 개발

 

ㅡ되기 위해서는 ?  ( + 협업 능력, cs능력도 필요함 이유는 아래에..)

HTML ,CSS 지식은 기본에 추가로 자바스크립트 기본, 심화 지식 이 중요함 + 타입스크립트로 넓히고

React, Vue.js , Angular.js 와 같은 프론트엔드 라이브러리/ 프레임 워크대로 공부하는 것이 도움됨.

 

ㅡ하는 일은 ?

1. 화면에 데이터 잘 보여주기 (시맨틱, 접근성, 검색엔진 최적화 등 )

2. 화면에서 데이터 조작하기 (사용자의 이벤트 감지 및 분류 , 변경,조립, 데이터 출력)

3. 서버로 데이터 보내기 & 받은 데이터 다루기 ( 협업 능력, cs능력이 필요함 ★★★)   

>> 백엔드가 만들어준 API양식에 맞춰서 전달함.

>>데이터 로딩, 중복 방지 등 중간 과정 처리, 서버 응답에 따른 문제 원인 확인, 해결 필요

4. 개발환경 관리 및 배포 (리드 또는 시니어)

 

 

 


프론트엔드 개발자 로드맵 ??

-CS ,프론트엔드 기술 이론 공부

-Github에 개인/ 팀 단위 프로젝트 작업

-코딩 테스트 (알고리즘)공부 <1순위 자바스크립트 > 

-이력서 및 포트폴리오 준비

-과제 및 면접준비 


 

나는 프론트엔드 개발자가 되고 싶다 ! 끊임 없이 공부 해야하는 직업 이다 ! 

나는 한다