프론트엔드 개발자가 사용하는 언어

인트로

프론트엔드 웹 개발은 웹사이트나 웹 애플리케이션의 시각적, 상호작용적 요소를 만드는 과정이다. 예전에 존재하던 퍼블리셔의 직무에 JavaScript가 함께 더해진 형태라고 생각한다. 재직 중인 회사에서는 서비스 기획자 → 서비스 디자이너 → 프론트엔드 개발자 순으로 업무가 내려온다. 서비스 기획자가 작성한 스토리보드와 디자이너가 만든 웹 디자인을 보고 '디자인'과 '상호작용'을 웹상으로 구현하는 것이 보편적이다.

프론트엔드 개발자와 관련한 밈

프론트엔드 개발자가 사용하는 언어 종류

프론트엔드 개발자들이 사용하는 주요 언어는 HTML, CSS, 자바스크립트이다. 이 세 언어는 모든 현대 웹 개발의 기초를 형성하며 웹 사이트의 구조, 디자인 및 상호 작용을 만드는 데 필수적이다.

HTML(Hypertext Markup Language)은 웹 사이트의 구조를 만드는 데 사용됩니다. 웹 페이지의 뼈대가 되는 역할을 수행하며, 다른 모든 요소에 대한 프레임워크를 제공한다.
CSS(Cascading Style Sheets)는 HTML의 스타일링과 비주얼 디자인에 사용된다. 웹 사이트의 레이아웃, 색상, 글꼴 및 기타 시각적 측면을 제어할 수 있다. HTML이 '뼈'라면, CSS는 '피부'라고 이해하면 편하다.
JavaScript는 웹 페이지에서 기능 간의 상호작용을 할 수 있게 만드는 데 사용되는 프로그래밍 언어이다. 사용자의 행동에 반응하는 동적 UI를 만들고, 사용자가 입력하는 양식의 유효성 검사나 이미지 슬라이더와 같은 여러 인터랙션 요소들을 추가하는 데 .
※ 사실 HTML과 CSS는 둘 다 마크업 언어이다. 마크업 언어는 문서나 데이터 구조를 나타내기 위해 태그를 사용하는 언어이다. 프로그래밍 언어가 사용자와 사이트 간의 상호 작용을 지원하는 경우 마크업 언어는 미리 작성된 '고정 정보'만을 통신할 수 있습니다. 더 궁금하다면 '정적 페이지'를 검색해볼 것.

자바스크립트 프레임워크 유형

이러한 핵심 언어 외에도 프론트엔드 개발자들은 개발 프로세스를 단순화하고 능률화하기 위해 다양한 프론트엔드 프레임워크와 라이브러리를 사용한다. 프론트엔드 개발자가 사용하는 인기 있는 자바스크립트 프레임워크로는 React, Angular, Vue.js 등이 있다.

React는 사용자 인터페이스를 구축하기 위해 널리 사용되는 자바스크립트 라이브러리이다. 구성 요소 기반 아키텍처와 가상 DOM을 사용하므로 매우 효율적이고 작업하기 쉽다. React는 오늘날 가장 보편적으로 사용되는 프론트엔드 프레임워크다. (우리 회사의 메인 플랫폼은 기존 Vue.js를 사용했지만, 차세대 프로젝트로 버전업을 진행하며 React를 사용하는 형태로 바꿈. React + 타입스크립트)

Angular는 웹 애플리케이션을 구축하기 위한 포괄적인 프레임워크라고 할 수 있다. 복잡한 애플리케이션을 구축하기 위한 강력한 기능과 도구 세트를 제공하며, 대규모의 활성 개발자 커뮤니티를 가지고 있다. (근데 이건 리액트도 마찬가지)

Vue.js는 사용자 인터페이스를 구축하기 위한 점진적인 프레임워크이며 가볍고 배우기 쉬워서 중소 프로젝트에서 꽤 인기있었다고 한다. 하지만 요즘 프론트엔드 개발자들 공고보면 대부분 요구 개발 언어로 React ㅎㅎ

Analyzing for 14 months around ~650k frontend job offers

결론

프론트엔드 개발자는 주로 HTML, CSS, JavaScript를 사용하며, JavaScript에는 여러 종류의 프레임워크가 존재한다.
프레임워크의 선택은 특정 요구사항(주로 회사), 프로젝트 요구사항 및 개인 선호도에 따라 달라지며, 인기있는 JavaScript의 프레임워크로는 React, Angular, Vue.js정도가 존재한다.

참조

https://dkje.github.io/2020/08/12/IsHTMLandCSSReallyEasy1/

1. HTML과 CSS 그냥 코딩하면 되나요? - 어? 쓰흡... 하아.... | Dev X

https://www.devjobsscanner.com/blog/the-most-demanded-frontend-frameworks-in-2022/

The Most Demanded Frontend Frameworks in 2022