๋ฐ์ํ
โค๏ธ๐ฅ Liked
- 1์ฃผ์ผ ๋ฆ๊ฒ ํฉ๋ฅํ ๋ฉ์ฌ FES 5๊ธฐ, ํ๊ณ ์กฐ๋ฅผ ์ ๋ง๋์ผ ํ๋ค๊ณ ๋ค์๋๋ฐ ๋๋ ์ด์ด ์ข์๋ ๊ฒ ๊ฐ๋ค! (์ฐ๋ฆฌ์กฐ ์ต๊ณ ๐ฆ)
- ์์คํ ์ด ์ฒด๊ณ์ ์ผ๋ก ์ค๋น๋์ด ์๋ค. ๋น๋๋ฉด ์จ๋ผ์ธ ์์ ์ด์ง๋ง ์๊ฐ์ ๊ทธ๋ฃน๋ณ๋ก ๋งค๋์ ๊ฐ ๋ฐฐ์ ๋์ด ์์ด์ ์ค์๊ฐ ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๋ค. ์ ์ถํ ์๋ฅ๊ฐ ์์๋๋ฐ ์ด์์ ๋ด๋นํ๋ ๋งค๋์ ๊ฐ ์์ด์ ์ฝ๊ฒ DM์ ์ฃผ๊ณ ๋ฐ์ผ๋ฉฐ ๋ฐ๋ก ์ฒ๋ฆฌ! ์ ๊ธฐ์๋ค์ ์ํ์ฐฉ์ค๋ฅผ ๊ฒช์ผ๋ฉฐ ๋ ๋์ ๊ต์ก์ฒด๊ณ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋ ธ๋ ฅํ๋ ๋ชจ์ต์ ๋ณด๋ฉด ์์ผ๋ก ์ ๊ณต๋ ์์ ์ ์ผ๋ง๋ ๋ ์ข์๊น ๊ธฐ๋๋ ๋๊ณ , ์ง์ํด ์ฃผ๋ ๋งํผ ์ด์ฌํ ์ต๋ํ๊ณ ๋ฐ๋ผ๊ฐ๊ธฐ๋ง ํ๋ฉด ๋๊ฒ ๋ค๋ ์๊ฐ์ด ๋ ๋ค.
- ์ง๋ฌธ์ ํด๋ ๋ต๋ณ์ ์ ํด์ฃผ๋ ๋ถ์๊ธฐ. ์งง์ 4๊ฐ์ ๊ณผ์ ์ธ ๋งํผ ๋์ฒ๋ผ ๋ด์ฑ์ ์ธ ์ฌ๋๋ ์ข ๋ ์ ๊ทน์ ์ผ๋ก ํ๋ํ๋ค๋ฉด ํจ์ฌ ์ป์ด๊ฐ ๊ฒ ๋ง์ ๊ฒ ๊ฐ๋ค.
- ํผ์์ ๋ ํํ ๋๋ ๋์ถฉ ์๊ณ ์๋ ๋ด์ฉ์ ์คํตํ๋๋ฐ ๊ฐ์ ์ฑ์ ๋๊ณ ๊ธฐ์ด๋ถํฐ ํ๋ จํ๋๊น ๋ด๊ฐ ์๋ ๊ฒ ๋ค๊ฐ ์๋๋ผ๋ ๊ฒ์ด ๋ ํ์คํด์ง๋ค. ๋ฐ์ฑ๋ ํ๋ฉด์ CSS ๊ธฐ์ด ์ง์๋ค์ ํผํผํ๊ฒ ์ฌ๊ฐ๊ณตํ๋ ์ค!
๐ฃ Lacked
- ์ ๋ฒ์ฃผ ์์ ์ ๋์ณ์ git์ ๋ํด ๋ฐฐ์ฐ์ง ๋ชปํ๋ค. add์ commit, push๋ง ์๋ ์์ค์ผ๋ก ์ ํ๋ธ ์์ ์๋ฃ๋ฅผ ๋ณด๊ณ ๋ ํ์ ํ๋ค. ๋ค๋ฅธ ์ฌ๋๋ค์ด ๋งค์ผ ์๋๋ฅผ ์ฌ์ด์ผ ํ๋ค๊ณ ํด์ ์ผ๋จ ์ฌ๊ณ ๋ ์๋๋ฐ, ๊ฐ์ด ์์ ์ ๋ชป ๋ค์ด์ ๋จ๋ค ํ๋ ๋๋ก ๋ฐ๋ผ๊ฐ๋ ๊ฒ ๊ฐ์์ ์์ฝ๋ค. ๊ฒ๋ค๊ฐ git pull์ ํ๋ค๊ฐ ์๋ฌ๊ฐ ๋์ ๋์ถฉ ๊ตฌ๊ธ๋ง ํด์ ์ฒ๋ฆฌํ๋ค๊ฐ ์ปค๋ฐํด ๋์ ๋ฐ์ดํฐ๋ค์ด ๋ค ์ฌ๋ผ์ก๋ค. ๊ฒฐ๊ตญ ์์ ๋ ์์ฑํ ์ฝ๋ ๋ค์ ์ฐ๋ฉด์ ๋ณต์ตํ๊ณ ๊ทธ๋๊ทธ๋... ์ด๋ ๊ฒ ๋ฐฐ์ฐ๋ ๊ฑฐ์ง. ๐
- ์์ ์๊ฐ์ ๋ฐ์ํ ๊ตฌํ์ ํ๋ ๊ณผ์ ๊ฐ ์์๋๋ฐ ๊ทธ๋ฅ ๋ด๊ฐ ์๋ ๊ธฐ์ ์ธ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ์ฌ์ฉํด์ ๊ณผ์ ๋ฅผ ํ๊ณ ๋ ํ ๋ค๋ฅธ ์ฌ๋๋ค์ด ํ์ง ๋ชปํ๋ ๊ฑธ ๋ณด๊ณ ์์ง ์ง๋๊ฐ ๋๊ฐ์ง ์์ ๊ธฐ์ ๋ก ํธํ๊ฒ ๊ณผ์ ๋ฅผ ํ์๋ค๋ ๊ฒ ๋ฏผ๋งํ๋ค. ์์ ์ง๋์ ๋ง๋ ๊ธฐ์ ๋ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ๋ณด๋ ํ๋๊ฐ ๋ถ์กฑํ๋ ์ ์ ๋ฐ์ฑํ๋ค.
โ๏ธ Learned
- ์ฌ์ฉ์๊ฐ ๋ฐฉ๋ฌธํ์ ๋ ์ ๋ณด๋ก์์ ์์ธ๊ฐ์ ๋๋ผ์ง ์๋๋ก ํ๋ ๋ฐฉ๋ฒ๋ก ์ ๊ฐ์ด๋๊ฐ ํฌ๋ก์ค๋ธ๋ผ์ฐ์ง. ๋ ผ๋ฆฌ์ ์ผ๋ก๋ง ํ๋ก๊ทธ๋๋ฐ์ ์ ๊ทผํ ๊ฒ์ด ์๋๋ผ ์ฌ์ฉ์์ ํธ์์ฑ์ ์ํด ์ค๋ฆฌ์์์ ๊ฐ์ง๊ณ ์น์ ํ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ๊ฒ๋ FE ๊ฐ๋ฐ์๊ฐ ํด์ผํ ์ผ. ๐
- ๊ผญ ์๋ฉํฑํ ์น์ ๋ง๋๋ ๊ฒ์ด ์นํ์ค์ ์๋๋ค. ์ ์ ํ๊ฒฝ์ ์ฌ์ ํ ๋ค์ํ๊ธฐ ๋๋ฌธ์ ๋ค์ํ ๋๋ฐ์ด์ค์ ๋์ํ๋ ๊ฒ์ด ์ค์.
- main์ ์น ํ์ด์ง์์ ๋จ ํ ๋ฒ๋ง ์ฌ์ฉํ๋ body์ ์ฃผ์ ์ฝํ ์ธ .
- article์ ๋ ๋ฆฝ์ ์ผ๋ก ๊ตฌ๋ถํด ๋ฐฐํฌํ๊ฑฐ๋ ์ฌ์ฌ์ฉํ ์ ์๋ ๊ตฌํ. div ๋ง๊ณ ์๋ฉํฑ ํ๊ฒ article์ ์ฌ์ฉํ์~
- CSS ํต์ฌ ๊ธฐ์ flex ์ grid! ์ด๊ฑด ๊ฐ๊ฐ ๊ธฐ์ ํฌ์คํธ๋ก ์ ๋ก๋ํ ์์ .
- CSS ๋ณ์, ํจ์ :root๋ฅผ ์ด์ฉํด์ ์ ์ญ ๋ณ์๋ฅผ ์ ์ธํ๊ณ ์์ฑ์ var() ํ๊ทธ๋ก ๋ถ๋ฌ์ค๋ฉด ์ฌ์ฌ์ฉ์ฑ์ด ๋์์ง๋ค.
- clac() min() max() clamp() ๋ฐ์ํ์์ ์ฌ์ด์ฆ๋ฅผ ์กฐ์ ํ ๋ ์ฌ์ฉํ๋ ํจ์! ์ด๊ฒ๋ ํฌ์คํ ํด์ผ๊ฒ ๋ค.
- git commit ํ๊ณ git pages์ ์์
์๋ฃ๋ฅผ ์ฌ๋ ค์ ๋ณด๋๋ฐ ๋ฐ์ํ์ผ๋ก ๋ง๋ค์ด๋์ผ๋ ์์๊ณ ๋ณด๊ธฐ ์ข๋ค.
์์ผ๋ก ํ๋์ ์ด ํ ํ๋ฆฟ์ผ๋ก ์์ ์๋ฃ ์ฌ๋ ค์ผ๊ฒ ๋ค. :)
๐ฉ๐ป๐ป Longed For
- ์ํ๋ ์ฌ๋ ๋ณด๊ณ ํ๋ค๋ฆฌ์ง ๋ง๊ณ , ๋ค๋ฅธ ์ง์ ์ต๋๋ณด๋ค ์์ ์ง๋๋ฅผ ์ถฉ์คํ ๋ฐ๋ผ๊ฐ๋ ๊ฒ ๋ชฉํ๋ผ๋ ๊ฑฐ ์์ง ๋ง์.
- ์ง ์ข์ ์์ ์ ๊ฐ๋ฐ ์ง์์ ๋ด ๊ฒ์ผ๋ก ๋ง๋ค๊ธฐ ์ํด์ ์์ต์ ํ์! ์ฃผ๋ง ๋์ ๋ค์ ์ฃผ ๊ต์, ๋งค์ผ ๋ค์๋ ๊ต์ ํ์ด๋ณด์.
- JS ์์ ์ ๋๋นํด ๋๋ฆผ์ฝ๋ฉ ์๋ฐ์คํฌ๋ฆฝํธ ์๋ฆฌ์ฆ ์๊ฐํ๊ธฐ. ์ฃผ๋ง์ ๋ฐ๋ก ์์ํด ๋ณด๊ณ ๋ด ์์ค์ ๋ง๋ ๋ฃจํด ๋ง๋ค์.
- ์ฒด๋ ฅ์ด ๋จ์ด์ง๋ฉด ์๋ฌด๊ฒ๋ ๋ชป ํ๋ค. 1์ฃผ์ผ 10km ๋ฌ๋ ๋ชฉํ ๋ฌ์ฑํ์.
๋ฐ์ํ