[3-1] 날씨 API 웹 포스터 (2) - 폰트, sass 경로, flex

배경생성, 콘텐츠 생성

텍스트 준비

< 텍스트 준비하기 >
- woff , woff2 라는 확장자를 가진 폰트 준비
- Pretendard 같은 경우에는 subset 으로 마련

---

sass 경로

< css 경로 설정 >
1. root 폴더에 만들게 끔 설정
2. style 폴더 안에 지정

> 별도 지정 방법
- extensions 안에 들어간다
- 다운 받았던 것 중에서 Live Sass와 관련된 것을 선택 후
우클릭 한 다음 Extension Settings 를 누른다.
그 다음 Edit in settings.json 클릭
- 그 다음, liveSsassCompile.settings.formats 라는 것을 지정할 수 있다.
- "savePath" : "/" = root 폴더에 저장.
- "savePath" : "~/" = Sass 폴더가 있는 그 폴더 안에 저장.

- foramat 부분을 expanded 가 아닌,
compressed 로 바꾸면
한 줄 일렬로 작성되어 용량 절약 할 수 있다.

"savePath" : "~/"
compressed 이렇게 지정을 하고
root에 두었던 것을 style폴더 안쪽으로 옮겨 두게 한 다음에 저장하고 style.css 확인하고 root폴더에 자동 생성된 건 지워줌.