CSS(Cascading Style Sheets)
- html로 작성한 웹 애플리케이션의 구조에 디자인을 적용할수 있는 스타일 시트 언어이다.
- html로 구성한 구조의 외부와 내부를 꾸미는 역할을 담당한다.
- 웹페이지 스타일 및 레이아웃을 정의 하는 스타일시트 언어이다.
- 독립적으로 기능하지 않는다. 반드시 HTML이 있어야만 동작할수 있다.
# 인터페이스(interface)
- 컴퓨터와 교류하기 위한 연결고리
- 버튼도 없고, 마우스도 없던 시대의 개발자는 자신이 만든 애플리케이션과 소통하기 위해서 CLI를 사용했다
CLI는 키보드로 작성한 비밀 암호같은 코드 (Command Line Interface)
# 사용자 인터페이스(UI; user interface)
-일반인도 쉽게 사용할수 있는 인터페이스에는 앞에 '사용자'를 붙여 사용자 인터페이스 UI라고 부른다.
#아무리 훌륭한 내부 기능을 갖고 있더라도, UI가 없으면 소용이 없다.
즉, 사용자가 애플리케이션을 사용하게 하려면 UI가 꼭 필요하다.
이처럼 중요한 UI를 만드는 것이 프론트엔드 개발자의 역할이다.
#좋은 사용자 경험(UX; user experience)은 직관적이고 쉬운 UI에서 나온다.
복잡한 내용을 단순하게 구분짓고, 페이지를 나누어 사용자가 한 페이지에서 볼수 있는 내용을 제한했다.
화면크기는 같지만. 사용자가 하나의 내용에 집중할수 있도록 UX를 고려하여 리디자인했다.
#UX를 고려하여 애플리케이션의 로고나 이미지를 디자인할때
-검색을 통해 무료로 사용할수있는 아이콘을 쉽게 찾을수 있다 (검색어: free app icon)
-네모 혹은 모서리가 둥근 네모, 동그라미와 같은 도형은 CSS로 쉽게 만들수 있다.
#프론트엔드 개발자가 되려면 웹페이지 제작을 위해 아래 역량들이 필요하다
-컴포넌트 기능별로 묶어서 제작
-화면의 구성이나 배치(레이아웃 디자인)
-굵은 글씨와 같은 타이포그래피와 색상을 적용하는 일 등
