๐ 2019.08.19 ~ 2019.08.25
๐ ๋ธ๋ก๊ทธ
- Homebrew์ cask, mas๋ฅผ ์ด์ฉํ์ฌ brew๋ฅผ ํตํด ์ค์นํ ์ ์๋ ํ๋ก๊ทธ๋จ๋ค์ ํ๋ฐฉ์ ์ค์นํ๋ ๋ฐฉ๋ฒ์ ์๊ฐํ๋ ๊ธ.
brew bundle dump
์ปค๋งจ๋๋ก ํ์ฌ ๋งฅ์ ์ค์น๋ ๋ชจ๋ ํ๋ก๊ทธ๋จ ๋ฆฌ์คํธ๋ฅผ ๊ฐ์ง Brewfile
์ ์์ฑํ ๋ค, ์ด ํ์ผ์ ์ ๋งฅOS์ ์ฎ๊ฒจ์ brew bundle
์ปค๋งจ๋๋ก ๋ชจ๋ ํ๋ก๊ทธ๋จ์ ํ๋ฒ์ ์ค์น ํ ์ ์๋ค .
- brew์ ๋ชฐ๋๋ ๊ธฐ๋ฅ์ธ๋ฐ, ์์ผ๋ก ์ด Brewfile์ ์ฃผ๊ธฐ์ ์ผ๋ก Github์ ๋ฐฑ์
ํด๋๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค.
- ํญ์ ๊ณ ํ๋ฆฌํฐ์ ์ข์ ๊ธ์ ์จ์ฃผ์๋ Evan Moon๋์ ํด์ฌ ํ๊ณ ๊ธ.
- 2๋
๊ฐ ์ง์์๊ฐ 13๋ช
์์ 50๋ช
๊น์ง ๋๋ฉด์ ์ป์ ๊ฐ์ง ๊ฒฝํ๋ค์ ๊ณต์ ํด์ฃผ์
จ๋ค.
- ๋ฐ์ํ ์ด๋ฏธ์ง์ ์ข
ํก๋น๋ฅผ ์ ์งํ๊ธฐ ์ํด์ ๋ณดํต
padding-top
๊ฐ์ hack์ ์ฌ์ฉํ๊ธฐ๋ ํ๋๋ฐ, ๊ฐ์ ํจ๊ณผ๋ฅผ ๋ผ ์ ์๋ img ํ๊ทธ์ intrinsicsize
ํ๋กํผํฐ์ CSS์ aspect-ratio
์์ฑ์ ๋ํด ์ค๋ช
ํ๋ css-tricks ๋ธ๋ก๊ทธ ๊ธ.
- link ํ๊ทธ์ rel ์์ฑ ๊ฐ ์์ ์ฌ์ฉํ ์ ์๋ ์ต์
๋ค์ ๋ํด ์ค๋ช
ํ๋ css-tricks ๋ธ๋ก๊ทธ ๊ธ.
dns-prefetch
, preconnect
, prefetch
, subresource
, prerender
, preload
๋ฑ์ ์์ฑ์ ๋ํด ์ค๋ช
ํ๋ค. ์ ํ ๋ชฐ๋๋ ์์ฑ๊ฐ๋ ๋ง๋ค.
- ์ฌ๋๋ค์ด ์ ์๋ ค์ฃผ์ง ์๋ Github ์ฌ์ฉ ํ๋ค์ ๋ํ ๊ธ.
- ๋ค๋ฅธ ์ฌ๋์ด forkํด์ ๋ณด๋ด์ค PR ๋ธ๋์น์ ๋ํ ์ฐ๊ธฐ ๊ถํ์ด ์๊ฒจ์ ๊ทธ PR์ ์ง์ ์์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ๋ชฐ๋๋ ๊ธฐ๋ฅ์ด๋ค.
- ๊ฐ๋ฐ์๋ฅผ ์ฑ์ฉํ ๋ ๊ณ ๋ คํด์ผ ํ ์์น ๋ช ๊ฐ์ง๋ฅผ ์ ๋ฆฌํ ๊ธ.
- Netlify์์ Git Large File Storage๊ธฐ๋ฅ๊ณผ ํจ๊ป ์ด๋ฏธ์ง์ ์ฌ์ด์ฆ๋ ํ์ฅ์ ๋ฑ์ query parameter๋ฅผ ํตํด ๋์ ์ผ๋ก ๋ณํ์์ผ์ ๋ฐ์ํ ์ด๋ฏธ์ง๋ฅผ ์๋นํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช
ํ๋ css-tricks ๋ธ๋ก๊ทธ ๊ธ.
- ์ผ๋์๋ฅผ ํด์ฌํ์ ๋ถ์ด ๋ง์ ํ์ฌ๋ค์ ์ง์ํ๋ฉฐ ํฉ๊ฒฉ, ๋ถํฉ๊ฒฉํ์ ๊ฒฝํ์ ๊ณต์ ํด์ฃผ์ ํ๊ณ ๊ธ.
- ํฉ๊ฒฉ ์ดํ์๋ ๋ธ๋ก๊ทธ, ์์ ๊ฐ, ์ด๋ ฅ์ ๋ฑ ์์ ์ด ์ด๋ป๊ฒ ํฉ๊ฒฉํ ์ ์์๋์ง ์ ๋ฆฌํ์ ๋ถ๋ถ์ด ๊ต์ฅํ ์ธ์๊น๋ค.
๐ฐ ๋ด์ค
- ์คํ๋ผ์ธ ์ํ์ด ์ ํ ์๋ ์นด์นด์ค๋ฑ
ํฌ๊ฐ ์์ค์ํ๋ค์ ๋ชจ๋ ์ ์น๊ณ ๋ชจ๋ฐ์ผ๋ฑ
ํน ์ฑ ์ ์ฌ์ฉ์ 1์๋ฅผ ์ฐจ์งํ๋ค๊ณ ํ๋ค.
๐น ์์
- AWS, Azure, Firebase, Github, Netlify, Heroku, Now ๋ฑ์ ํธ์คํ
์๋น์ค๋ค์ Static hosting์ธ์ง, ์ธ์คํด์ค ์๋์ธ์ง ๋ฑ์ ๋ชฉ์ ์ ๋ฐ๋ผ ์ด๋ค ํธ์คํ
์๋น์ค๊ฐ ๋ ์ข์์ง ์์๋ฅผ ๋งค๊ธฐ๊ณ ๋น๊ต ์ค๋ช
ํ๋ ์์.
๐ป ์คํ์์ค
- Mac, Linux ์ดํ๋ฆฌ์ผ์ด์
์ ์ธํ
์ ํด๋ผ์ฐ๋ ์คํ ๋ฆฌ์ง๋ฅผ ํตํด ์ฑํฌํด์ฃผ๋ ํด.
- ์์ผ๋ก ๊ทธ๋ฆฐ๊ฒ ๊ฐ์ ๋๋์ ๊ทธ๋ํ, ์ฐจํธ ๋ฑ์ ๋ง๋ค์ ์๊ฒ ํด์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ.
- ์นํ์ด์ง๋ฅผ ํ๋์ HTML ํ์ผ๋ก ๋ค์ด๋ก๋ ๋ฐ์ ์ ์๊ฒ ๋์์ฃผ๋ ํด.
- ์ค๋ฅธ์ชฝ๋ฒํผ ํด๋ฆญ ํ
Save page as...
๋ wget
๊ณผ๋ ๋ค๋ฅด๊ฒ HTML ํ์ผ ์์ inline์ผ๋ก ํฌํจ๋ asset๋ค๊น์ง ๋ชจ๋ fetchํด์ ์ ์ฅํ๊ธฐ ๋๋ฌธ์ ์คํ๋ผ์ธ์์๋ ๋์ํ๋ single HTML file์ ์ป์ ์ ์๋ค.
๐ ๊ทธ ์ธ ์ ์ฉํ ๋งํฌ
- ์ธ๊ตญ์ธ Geek ์น๊ตฌ๊ฐ ์๋ ค์ค ๋ฆฌ๋
์ค ๋ฐฐํฌํ OS์ธ ZorinOS.
- ์ฌ์ฉํ๋๊ฑธ ๋ดค๋๋ฐ ์๋นํ ๊ด์ฐฎ์ ๋ณด์๋ค. MacOS๋ฅผ ์ฌ์ฉํ ์ ์๋ค๋ฉด Windows ๋์ ์ฌ์ฉํด๋ด๋ ๊ด์ฐฎ์ ๋ณด์ธ๋ค.
- Domain name service์ธ๋ฐ, ๋ค๋ฅธ ์๋น์ค๋ค ๋ณด๋ค ๋๋ฉ์ธ ๊ฐฏ์๊ฐ ๋ง๊ณ , ๋ฌด์๋ณด๋ค ๋๋ฉ์ธ ๊ฒ์ UX๊ฐ ์ข๋ค.
์ด๋ฒ์ฃผ๋ ์ ์ฝ์์ต๋๋ค.๐บ