개발언어 간단하게 설명

프론트엔드 개발언어에 대해 간략하게 설명한 글이 있어 가져왔습니다.(by Fast campus)

1. 웹페이지의 구조(뼈대)를 잡는 HTML

HTML(HyperText Markup Language)은 우리가 보고 있는 대부분의 웹페이지를 구성하는 골격이 됩니다. 텍스트, 이미지 등 웹페이지에 담길 정보를 표현할 때 사용 됩니다.

 

2. 웹페이지 골격에 장식을 더해주는 CSS

CSS(Cascading Style Sheets)는 HTML 문서를 꾸밀 때 사용 됩니다. 글자의 크기, 글자체, 줄간격, 배경색, 배열 등 문서의 스타일을 입힐 때 사용 됩니다.

정적페이지: HTML + CSS 동적페이지: 정적페이지 + 자바스크립트

 

3. CSS를 보다 효율적으로 사용할 수 있게 도와주는 SASS

SASS(Syntactically Awesome Style Sheets)는 CSS의 확장언어로 모든 CSS 버전과 호환됩니다. CSS를 보다 쉽고, 구조적이고,효율적으로 사용할 수 있도록 도와줍니다.

 

4. 동적인 부분을 제어할 수 있게 하는 JavaScript

JS(JavaScript)는 마우스를 클릭 하거나, 스크롤을 내릴 때와 같이 웹 화면 상에서 동적인 부분들을 구현하기 위해 활용되는 언어입니다. 보다 활기 있는 웹 페이지를 만들 수 있도록 도와줍니다.

 

5. 웹 사이트를 손 쉽게 만들게 하는 프론트엔드 프레임워크

BootStrap은 자주 사용되는 요소(아이콘, 입력폼, 버튼, 목록, 드롭다운)를 직접 코드로 작성하지 않아도 사용 가능하게 하여 빠르게 웹 페이지를 만들 수 있도록 하며, 반응형 웹페이지를 쉽게 만들 수 있게 도와 줍니다.

 

6. 안전성과 확장성에 강한 TypeScript

TS(TypeScript)는 자바스크립트의 단점을 보완한 프로그래밍 언어입니다. 개발 시, 변수나 함수에 대한 명확한 타입을 규정할 수 있는 특징이 있고, 대규모 어플리케이션 개발이 필요한 경우 추천됩니다.

 

7. 코드의 저장과 협업을 위한 Git/GitHub

Git은 개발 과정에서의 변경 사항을 관리해 소스코드 관리에 도움을 주며 Github는 Git의 웹 호스팅 사이트 중 가장 인기 있는 플랫폼 입니다. 이를 통해 프로젝트를 관리할 수 있고, 코드를 공유할 수도 있습니다. 

 

8. 글로벌 기업에서 사용 중인 React

React는 페이스북이 만든 자바스크립트 라이브러리 입니다. 이미 Facebook, Instagram, Airbnb, Dropbox 등 세계적인 기업에서 React를 선택 했고, 앞으로도 점유율이 더 높아질 것으로 기대됩니다.

 

9. 효과적인 React 활용을 위해 꼭 필요한 Webpack

Webpack은 현재 React 라이브러리에 내장 되어 필수적으로 사용 되고 있는 도구 입니다. 많은 자바스크립트 코드를 모듈로 관리하는 Webpack의 작동원리를 익힘으로써 보다 심도 있는 개발 학습을 할 수 있습니다.