[알쓸싸잡] 프론트엔드 개발자란?

안녕하세요~~!

SSAFYcial 주영인입니다!

 

알아두면 쓸모있는 싸피 잡학사전!

이번 기획 주제는

프론트엔드 개발자란? 입니다!

 

 

먼저 SSAFY의 교육과정을 한 번 보실까요?

 

다음과 같이 Web/Framework

과정 중에

웹상에서 눈에 보이는 부분(Front-End)가 보이시죠?

 

그래서 이번 기회에 프론트 엔드 개발자에 대해서 소개하려고 합니다!

프론트엔드 개발자란?

 

프론트엔드 개발자는

웹 페이지의 시각적인 부분과 사용자와의 상호 작용을 구현하는

개발자입니다!

 

프론트엔드 개발자는 사용자 경험(UX)과 디자인에 대한 이해도를 갖추어

쾌적하고 직관적인 사용자 인터페이스(UI)를 구현합니다.

 

또한, 웹 표준, 최적화 기법, 크로스 브라우징 등에 대한 지식을 활용하여

웹 애플리케이션을 개발하고 다른 팀원과 협업하여

웹 프로젝트를 완성합니다.

 

 

 

1. HTML(HyperText Markup Language)

 

HTML은 웹 페이지의 구조를 정의하는 마크업 언어입니다.

웹 요소(element)를 사용하여 텍스트, 이미지, 링크 등의 콘텐츠를 표시하고 구조화합니다.

 

2. CSS(Cascading Style Sheets)

 

CSS는 웹 페이지의 스타일과 레이아웃을 지정하는 스타일 시트 언어입니다.

CSS를 사용하여 색상, 폰트, 크기, 간격 등의 디자인 요소를 조정하여 웹 페이지를 꾸밀 수 있습니다.

 

3. JavaScript

 

JavaScript는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 프로그래밍 언어입니다.

사용자의 입력을 처리하거나 동적으로 콘텐츠를 변경하고,

웹 페이지의 상호 작용을 구현할 수 있습니다.

 

 

 

1. React!

 

Facebook에서 개발된 선언적이고 효율적인 UI 컴포넌트를 구축하기 위한 JavaScript 라이브러리입니다.

Virtual DOM(가상 돔)을 사용하여 성능을 최적화하고, 컴포넌트 기반 아키텍처를 강조합니다.

단방향 데이터 흐름을 사용하여 데이터의 흐름을 예측 가능하게 합니다.

생태계가 활발하며, 다양한 서드파티 라이브러리와 커뮤니티 지원이 강력합니다.

 

 

2. Angular

 

Angular는 Google에서 개발된 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크입니다.

완전한 MVC(Model-View-Controller) 아키텍처를 갖추고 있으며, 프론트엔드와 백엔드의 통합을 강조합니다.

TypeScript 기반으로 개발되었으며, 정적 타입 검사와 모듈화를 강조합니다.

데이터 바인딩, 의존성 주입, 라우팅 등 다양한 기능을 제공하며, 큰 규모의 애플리케이션 개발에 적합합니다.

 

3. Vue.js

 

Evan You가 개발한 진보적인 JavaScript 프레임워크입니다.

가볍고 유연한 구조를 가지며, 코어 라이브러리에만 의존합니다.

가상 돔(Virtual DOM)을 사용하여 성능을 향상시키고,

단일 파일 컴포넌트 형식으로 구성된 Vue 파일을 사용하여 컴포넌트를 정의합니다.

반응성(Reactivity) 시스템을 갖추고 있어 데이터의 변경을 자동으로 감지하고 화면을 업데이트합니다.

작은 규모의 프로젝트부터 대규모 애플리케이션까지 다양한 범위의 개발에 적합합니다.

 

이렇게 프론트엔드 개발자에 대해서 알아봤는데요

 

SSAFY에서는 프론트엔드 개발도 교육하니까

 

FrontEnd 개발자로 취업하시길 원한다면

 

SSAFY에 오셔서 교육받고

포트폴리오 쌓고 가시길 바랍니다~~!

 

https://www.ssafy.com?utm_source=ssafycial&utm_medium=social&utm_campaign=ssafycial+%EC%BD%98%ED%85%90%EC%B8%A0

삼성 청년 SW 아카데미