FE 개발자가 무엇인가

안녕하세요 저의 꿈은 프런트엔드 개발자입니다!

근데 FE개발자가 무엇인가요? FE 개발자가 Frontend 개발자의 약자라는 것을 최근에 알았다. 띠이용

---

 

FE 개발자란 Frontend(프런트엔드) 개발자의 약자로,

웹이나 모바일 애플리케이션에서 사용자가 직접적으로 상호작용하는 화면과 인터페이스를 개발하는 사람을 의미한다.

 

FE 개발자의 역할

 

(1) 사용자 인터페이스(UI) 구현

• 웹 페이지의 구조(HTML), 디자인(CSS), 동작(JavaScript)을 개발
• 사용자가 쉽게 이해하고 사용할 수 있는 직관적인 인터페이스를 제작

(2) 사용자 경험(UX) 개선

• 애니메이션, 전환 효과 등을 통해 사용자 경험을 향상
• 웹사이트나 애플리케이션의 반응성과 사용성을 높이는 데 초점을 맞춘다.

(3) 브라우저 호환성 확보

• 다양한 웹 브라우저(Chrome, Safari, Edge 등)에서 동일하게 작동하도록 코드를 최적화

(4) API 연동

• 백엔드 개발자가 제공하는 API와 통신하여 데이터를 가져오거나 전송

 

FE 개발자가 사용하는 기술

​

(1) 기본 기술

• HTML: 콘텐츠 구조와 의미를 정의.
• CSS: 디자인과 스타일을 추가.
• JavaScript: 사용자와의 동작을 처리.

(2) 프론트엔드 프레임워크와 라이브러리

• React: 컴포넌트 기반 UI 개발.
• Vue.js: 직관적이고 가벼운 프레임워크.
• Angular: 대규모 프로젝트에서 사용되는 강력한 프레임워크.

(3) 웹 개발 도구

• Webpack, Vite: 자산 번들링 도구.
• Babel: 최신 JavaScript를 구형 브라우저에서도 사용할 수 있도록 변환.
• Sass, LESS: CSS 전처리기.

(4) 버전 관리 도구

• Git: 코드 버전을 관리하고 협업을 돕는 도구.

(5) API 통신

• REST API 또는 GraphQL을 사용하여 백엔드와 데이터를 주고받는다.

(6) 반응형 디자인

• 다양한 화면 크기(PC, 태블릿, 스마트폰 등)에 적합한 웹 디자인을 구현하기 위해 미디어 쿼리, Flexbox, Grid

 

요즘은 타입스크립트가 선택이 아닌 필수라고 한다. 

 

나의 앞으로의 계획

 

프론트엔드 개발자는 클라이언트와 서버의 통신과정에 적용되는 네트워크와 인터넷기초 지식이 필요하기 때문에, CS와 알고리즘 네트워크까지 공부할예정이고, 노마트 웹기초7기를 졸업하면 타입스크립트와 리액트 공부를 할예정이다.