[HTMS\CSS] 웹개발 배우기 2

01-07. 폰트, 주석, 파일분리

01-07-01. 폰트 가져오기 (URL)

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

  

01-07-02. 주석

보통 모든 개발프로그램에서 [ control + / ]가 쓰인다.

  

01-07-03. PyCharm 파일분리

선생님만 한 내용이긴 하지만, html 내에 style로 부분이 css였다.

이 css부분을 따로 분리해놓고, link를 통해서 html에 참조로 넣으면 분리 전처럼 정상 작동하는 것이다.

  

 

01-08. ‘Bootstrap’, 예쁜 CSS모음집

 

01-08-01. ‘Bootstrap’이란?

예쁜 CSS를 미리 모아둔 것.

(CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.)

 

01-08-02. ‘Bootstrap’에서 CSS 가져오기

https://getbootstrap.com/docs/4.0/components/alerts/

 이 홈페이지에서 여러가지 CSS들을 가져올 수 있다.

다양하게 정말 많다.

   

 

01-09. ‘Bootstrap’을 써보자!

 

01-09-01. ‘Bootstrap’ CSS 가져오는 사이트를 참조

https://getbootstrap.com/docs/4.0/components/alerts/

 

01-09-03. 내가 직접 ‘나홀로메모장뼈대’를 직접 만들어보는 것이다.

Tip 1. 코드를 찾는데 있어서 코드 왼쪽에 +, - 버튼을 이용하여 감추기, 보이기를 통해서 쉽게 정리하거나 찾아낼 수 있다.

 

01-09-04. 배운점 or 느낀점

이 강의에서는 CSS에서 HTML과 CSS를 한꺼번에 따오면서 정말 편리하게 웹페이지를 만들 수 있어서 정말 좋았다.