(React) WIL - 14์ฃผ์ฐจ ํ๊ณ
๐ WIL: Weekly I Learned
Work done this week
์ด๋ฒ ์ฃผ ๋๋ธ ์ผ!
- ํฐ์คํ ๋ฆฌ ํฌ์คํ = ๋งค์ผ TIL ์ผ์ง (์๋ฐ์คํฌ๋ฆฝํธ ์คํฐ๋ ๋ด์ฉ)
- Project : Develife = ํ๋ก์ ํธ ์์ฑ ( ๋ฐฐํฌ >> ๋ฐํ )
- javascript ์คํฐ๋ = ๊ฐ์ ๋ฐํ chapter 1์ฃผ์ฐจ ๋ง๋ฌด๋ฆฌ(๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ ๊ต์ฌ)
Project review
์ด๋ฒ ํ๋ก์ ํธ๊ฐ ๋ง๋ฌด๋ฆฌ๋์ด ์ ํ๋ธ์ ์์ฐ์์์ ์ ๋ก๋ ํ๋ค.
https://www.youtube.com/watch?v=rfuRtHsHwQ4&t=49s
OBS ์๋ฆฌ๊ฐ ์๋ค...๐ฅ
Study review
๋ถ์กฑํ๋ค๊ณ ์๊ฐํ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ
900ํ์ด์ง๊ฐ ๋๋ ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ - ๋ฅ๋ค์ด๋ธ ๊ต์ฌ๋ฅผ ํ์ฉํด์
ํ์ฑํฐ ํ์ฑํฐ ์๋ก๊ฐ ์ค๋นํ๊ณ , ๋ฐํํ๋ฉด์
๊น๊ฒ ๊ณต๋ถํ๋ ๊ณผ์ ์ด ์์ด ์คํฐ๋ ๊ทธ๋ฃน์ ๋ค์ด๊ฐ๊ธธ ์ ๋ง ์ํ๋ค๐คฉ
๋ด๊ฐ ๋ด๋นํ ๋ฐํ๋ ์๋์ ๊ฐ๋ค
4 - ๋ณ์
8 - ์ ์ด๋ฌธ
12 - ํจ์
16 - ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ
20 - strict mode
์ด๋ ๊ฒ ์ผ์ฃผ์ผ์ 5์ฑํฐ๋ฅผ ๋ฐํํ๊ณ , ๊ณต๋ถํ ์์ด ๊พ๋ ๋์ด ๋ฒ์จ ์ ๋ฐ์ ๋ ๋์๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ๊ณต๋ถ๋ ์์ฒ๋ผ ์งํํ๊ณ ,
์ด์ด์
next.js ๊ฐ์๋ฅผ ๋ณด๋ฉด์
CSR SSR SSG ISR์ ๊ฐ ์ดํดํ๊ณ ์ด๋ป๊ฒ ์ฐ๋์ง๋ฅผ ๋ค๋ค๋ค
CSR | SSR | SSG | ISR | |
๋น๋ ์๊ฐ | ์งง๋ค | ์งง๋ค | ๊ธธ๋ค | ๊ธธ๋ค |
SEO | ๋์จ | ์ข์ | ์ข์ | ์ข์ |
ํ์ด์ง ์์ฒญ์ ๋ฐ๋ฅธ ์๋ต ์๊ฐ | ๋ณดํต | ๊ธธ๋ค | ์งง๋ค | ์งง๋ค |
์ต์ ์ ๋ณด์ธ๊ฐ? | ๋ง์ | ๋ง์ | ์๋ | ์๋ ์ ์์ |
TIL์๋ next.js๋ฅผ ๋จ๊ธฐ์ง ๋ชปํด์ ์ด๋ฒ ์ฃผ๋ง์ ๋ค์ ๋ณต์ตํ๋ฉฐ ํฌ์คํ ํ ์์ ์ด๋ค.
๋ค์์ฃผ ๋ถํฐ ๋ณธ๊ฒฉ์ ์ผ๋ก ์ต์ข ํ๋ก์ ํธ ์์์ด๋ค!
์ธ์ ๋ ๊ทธ๋ฌ๋ฏ!
๐ฆพ ๋น ์ดํ ๊ทธ.
2023๋ 2์ | 1 week | 2 week | 3 week | 4 week (project) |
ํ์ต ๋ด์ฉ (ํ๋ก์ ํธ) |
Next.js ํ์ต ๋ฐ ์ค์ต (๊ฐ์) ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐํ ๋ฐ TIL ์ ๋ฆฌ |
|||
์ฌ์ฉ ํด defalut : VS code |
Next.js(ssr, ssg, isr) / Typescript |