CSS 기초 개요 HTML이 웹 페이지의 구조 담당 CSS는 HTML로 구성한 구조의 외부와 내부를 꾸미는 역할을 담당 📌Chapter1-1. CSS와 프론트엔드 개발 CSS(Cascading Style Sheets) CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어이다.CSS가 개발자인 우리에게 어떤 의미가 있을까? 미래의 프론트앤드 개발자로써 앞으로 CSS에 대해 가져야 할 마음가짐을 공유하고자 한다. CSS는 좋은 사용자 경험(UX)을 제공하기 위한 도구이다. 직관적이고 쉬운 UI 제작은 프론트엔드 개발자의 기본 소양이다. 좋은 사용자 경험(UX)은 직관적이고 쉬운 UI에서 나온다. 📌Chapter1-2. CSS 따라하기 CSS는 스타일링 도구이므로, 독립적으로 기능하지 않는다. 반..
마크업언어 : HTML HTML은 집을 짓기 전 설계도에 따라 구조를 잡듯,웹 페이지의 구조를 짜는 언어 Chpater1. 웹 개발 이해하기 HTML - 구조(Structure) CSS - 스타일(Presentation) JavaScript - 상호작용(Interaction) 웹개발과정은 건물을 짓는것과 같다. 너무 어려우면 강아지 집을 짓는것을 생각해보자. 누군가가 강아지 집을 지을때 강아지 집의 구조를 간단히 그리는 것은 웹개발에서 HTML 을 작성하는 거와 같다. 누군가가 그린 강아지 집의 구조를 그릴때 '어디가 문이다', '어디가 제목이다',이런 정보를 기록해야한다. 그것을 HTML로 문서화하면 오른쪽 그림과 같다. 누군가가 강아지 집에 대한 디자인에 대한 정보를 기록해논것을 문서화하면 css를 ..
1강. HTML은 정보를 표현하기 위해서 고안된 언어이다.하지만 사람들은 정보만으로 못산다고 불평을 쏟아낸다. 2강.CSS 등장 이전의 상황 불평(문서의글꼴,색상,정렬 등등등) 을 해결하기위해 2가지 방법이 있다. 1.HTML에 디자인에 대한 새로운 태그를 추가하는것이 쉬운길. 웹브라우저를 만든사람들은 쉬운 길을 선택. 하지만 한계를 깨닫고 어렵지만 근본 적인 해결책을 찾는다 그게 바로 CSS라는 언어 2. 디자인에 최적화된 완전히 새로운 언어 - CSS 어렵지만 근본적인 해결책. CSS를 살펴보기전에 쉽지만 한계가 있었던 방법을 먼저 살펴보자. 지금은 사용되지않는 디자인 태그. 지금은 사용x 이번 한번만 쓰고 기억에서 지우자. WEB HTML CSS JavaScript HTML 삽입 미리보기할 수 없는..
