노트 #10 | CSS 기초 개요

CSS 기초 개요

HTML 웹 페이지의 구조 담당, CSS는 HTML로 구성한 구조의 외부와 내부를 꾸미는 역할을 담당

학습 목표

• CSS의 사용 목적을 이해한다.
• CSS의 기본 문법과 구조를 이해한다.
• CSS를 HTML에 적용하는 방법에 대해서 이해한다.
• HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다.
• CSS를 이용해 텍스트를 꾸밀 수 있다.
• CSS에서 쓰이는 단위의 두 가지 구분을 이해한다.
  • 각 단위가 적합한 경우를 구분할 수 있다.
• MDN 또는 W3School 등의 레퍼런스 사이트를 이용해 CSS 속성을 검색하고 사용할 수 있다.

CSS(Cascading Style Sheets)

• 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어
• 더 나은 사용자 경험을 제공하기 위해 UI 및 레이아웃을 적절히 구성하면 멋진 웹 페이지를 완성할 수 있습니다.

How difficult is CSS?

• 배우기 가장 쉬운 동시에, 가장 어려운 언어중 하나

프론트엔드 개발자의 필요 능력

• 컴포넌트 기능별로 묶어서 제작 (React 등)
• 화면의 구성이나 배치 (레이아웃 디자인, CSS, SCSS 등)
• 데이터를 받거나 내려주는 능력 (API 등)