지코딩

0. 개념 서버 { (프론트엔드: HTML CSS Javascript) } 서버는 프론트엔드를 주는 곳 클라이언트는 서버에서 프론트엔드를 받음 HTML은 뼈대 CSS는 꾸미기 javascript는 움직임(실행) 1. HTML 와 로 구성된다. 웹페이지의 내용은 , 그 외의 필요한 것은 에 저장된다. 에 들어가는 태그들은 구역을 나누는 태그와 : , , , 구역 내 들어갈 콘텐츠 태그가 있다. : , , , , , , 등등 구역을 나누는 태그는 해당 줄 전체를 차지하지만, 콘텐츠 태그는 해당 부분만 차지한다. 2. CSS css는 꾸미는 것. 뭔가를 꾸밀 때는 꾸밀 대상을 지시해서 꾸민다. (1. 태그에 selector를 붙임: 꾸밀 대상의 이름을 붙임 2. 에서 selector를 지정: 꾸밀 대상을 지시..

HTML로 작성한 뼈대를 에서 꾸미기 위해서는 대상을 특정해야 한다. selector는 이 때 사용하는 것으로 이름을 붙여주기도 하고, 요소를 특정하기도 한다. 종류는 굉장히 많다. (기본선택자, 그룹선택자, 결합자, 의사클래스/의사요소) 모두 이해하지는 못해서 기본적인 내용만 공부했다. 1. *: 모든 HTML 요소를 선택 CSS * {} 2. 유형(type)선택자: 지정된 태그명을 가진 요소를 모두 선택 CSS p {} HTML 3. .class: class 어트리뷰트 값을 지정해 일치하는 요소를 선택, 중복 가능 CSS .practice {} HTML 4. #id: id 어트리뷰트 값을 지정해 일치하는 요소를 선택, 중복 불가능 CSS #practice {} HTML 5. 특성(attribute)선..