[프론트엔드] cs 지식2 - 프론트엔드 기초

1. 프론트엔드 (Front-end)

 => 웹 사이트나 어플리케이션의 사용자가 보고 상호작용하는 부분을 만들고 디자인하는 과정입니다. 프론트엔드 개발자는 HTML, CSS, Javascript 기반으로 사용자에게 보여줄 View단을 담당합니다.

 

2. HTML (HyperText Markup Language)

 => 웹페이지의 구조를 정의하는 언어.

 

3. CSS (Cascading Style Sheets)

 => 스타일링과 레이아웃을 담당.

 

4. JavaScript

=> 동적인 요소를 추가하면서 웹사이트를 인터랙티브하게 만듬

 

5. 프레임워크와 라이브러리 개념과 차이점

 => React, Angular, Vue.js 등의 JavaScript 프레임워크 및 라이브러리를 사용해주면서 더 복잡하고 고급 기능 구현이 가능함. 차이는 제어 역행으로 프레임워크가 권한을 가지고, 라이브러리는 사용자가 권한을 가짐

 

6. 반응형 디자인

 => 다양한 디바이스와 화면 크기에 맞게 콘텐츠가 보여지도록 만듬. 대표적으로 크기에 맞춰 스스로 반응하는 어플리케이션을 말함.

7. 웹 접근성

 => 모든 사용자가 웹사이트를 사용할 수 있도록 보장. 즉 사용자가 접근하기 쉽게 표현하는 것을 말함

 

 

8. 모듈과 컴포넌트 개념과 차이점

 => 모듈은 연관성 있는 클래스와 메소드 집합을 말하고, 컴포넌트는 기능의 최소 단위를 말함. 둘다 재사용성을 위해 사용하는 것으로 정적으로 구성된 컴포넌트들이 모듈로 모아 런타임으로 독립적으로 배포함

 

9. SSR과 CSR 차이

 => CSR은 서버 요청시 HTML과 JS를 전송하여 클라이언트에서 렌더링 하고, SSR은 서버 요청시 미리 HTML과 JS를 렌더링하여 보내줌

 

10. SEO?

 => 검색엔진 최적화를 뜻하는 용어로 자사 사이트를 검색엔진에 상위 노출시켜 자연적으로 트래픽을 높이는 디지털 마케팅을 뜻함