스타벅스 웹 사이트 만들기 - ch.4 웹에서 시작하기 (1) ~ (3)

1. Codepen.io

Codepen.io 사이트 활용

=> 간단한 코드를 테스트 할 때 유용
=> 파일들을 연결하거나 하지 않아도 바로 반영 및 출력 가능
=> 간단하게 여러가지 전처리 도구 사용 가능
=> 로그인하면 저장 가능

Codepen.io 스타일 초기화?

css 설정에 들어가서 css base에 있는 reset 클릭

2. 브라우저 스타일 초기화

브라우저에서 제공하는 기본 여백이 있음

=> 이런 기본 css 스타일을 초기화 하는 것이 좋음
=> 내가 원하는 결과물이 안 나올 수 있기 때문

초기화 하는 방법

html 파일에 있는 css 연결 링크 위에 입력

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">

3. Emmet

간단하게 태그 이름만 명시하고 탭키를 눌러서 요소를 자동으로 완성하게 하는 것은 Emmet의 도움을 받음

Codepen.io에도 사용 가능