폰트, 주석, 파일분리 방법

송수용·2022년 4월 2일
0

웹 개발 종합반

목록 보기
4/24

폰트

구글 폰트에서 마음에 드는 폰트를 클릭하여 적용시켜보자!

https://fonts.google.com/?subset=korean

마음에 드는 폰트를 골라 체크한 빨간 부분의 link와 아래의 font-family를 각 각 복사한다.

위의 link 태그는 HTML head태그 안쪽에 붙이면 되는데 보통 title 아래에 넣는다.
아래의 font-family는 head 태그아래 style 태그 안에서 적용시킬 부분에 넣어준다.

style 아래 {font-family : ~~ }의 는 전체에 적용할 때 사용한다.

주석

주석 사용은
1. 필요없어진 코드를 삭제하는 대신 임시로 작동하지 못하게 하고 싶을 때.
2. 코드에 대한 간단한 설명을 붙여두고 싶을 때

개발자 본인과 동료를 위해 붙인다.

파일 분리

index.html 파일에 style 태그로 css를, script 태그로 javascript를 모두 넣을 수는 있다.
하지만, 그럴 경우에 코드가 매우 길어지면서 보기 어려워진다.
그렇기 때문에 파일을 따로 분리하여 html파일과 css파일을 연결한다.

이렇게 하면 html은 html 만, css 는 css만 파일관리를 할 수 있어
가독성 측면에서도 좋다!

profile
#공부중 #협업 #소통중시 #백엔드개발자 #능동적 #워커홀릭 #스파르타코딩 #항해99 #미니튜터 #Nudge #ENTJ #브레인스토밍 #아이디어뱅크

0개의 댓글