Frontend ๊ฐœ๋ฐœ์ž - hyo.loui

(React) WIL - 14์ฃผ์ฐจ ํšŒ๊ณ  ๋ณธ๋ฌธ

WIL

(React) WIL - 14์ฃผ์ฐจ ํšŒ๊ณ 

hyo.loui 2023. 2. 3. 21:20

๐Ÿ“ WIL: Weekly I Learned

 


Work done this week

์ด๋ฒˆ ์ฃผ ๋๋‚ธ ์ผ!

  1. ํ‹ฐ์Šคํ† ๋ฆฌ ํฌ์ŠคํŒ… = ๋งค์ผ TIL ์ผ์ง€ (์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์Šคํ„ฐ๋”” ๋‚ด์šฉ)
  2. Project : Develife = ํ”„๋กœ์ ํŠธ ์™„์„ฑ ( ๋ฐฐํฌ >> ๋ฐœํ‘œ )
  3. 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