[๊ธฐํƒ€/์Šคํ„ฐ๋””] ๋ฉด์ ‘์Šคํ„ฐ๋”” (2ํšŒ: 240307)

2024. 3. 7. 08:26ใ†๐Ÿ”Ž ๊ธฐํƒ€

์€ํ•œ๋‹˜

  • ์งˆ๋ฌธ LIsts
    1. ๊ฐœ๋ฐœ์ง๊ตฐ์„ ์„ ํƒํ•œ ์ด์œ  ?
      1. ์–ด๋А ํšŒ์‚ฌ์— ๊ฐ€๋”๋ผ๋„ ๋‚ด๊ฐ€ ๊ณต๋ถ€ํ–ˆ๋˜ ๊ฒƒ์„ ์ด์–ด์„œ ํ•  ์ˆ˜ ์žˆ๋‹ค
      2. ํ‡ด๊ทผ ํ›„์—๋„ ๊ณ„์†ํ•ด์„œ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋Š” ์‚ถ์„ ์›ํ•œ๋‹ค
    2. useEffect์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š”
      1. ๋ฆฌ์•กํŠธํ›…์˜ ํ•œ ์ข…๋ฅ˜, ์™ธ๋ถ€ ์ปดํฌ๋„ŒํŠธ์˜ ๋™๊ธฐํ™”์ž‘์—…์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•จ
      2. setup ํ•จ์ˆ˜์™€ ์˜์กด์„ฑ๋ฐฐ์—ด๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋Š”๋ฐ, ์˜์กด์„ฑ ๋ฐฐ์—ด์€ ์ƒ๋žต ๊ฐ€๋Šฅํ•จ
      3. setup ํ•จ์ˆ˜๋Š” cleanup ํ•จ์ˆ˜๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Œ.
      4. component๊ฐ€ mount ๋  ๋•Œ, setupํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋จ.
      5. ์ดํ›„์— ๋ฆฌ๋žœ๋”๋ง ๋  ๋•Œ๋งˆ๋‹ค cleanup ํ•จ์ˆ˜๊ฐ€ ๋จผ์ € ์‹คํ–‰๋˜๊ณ  setup ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋จ
      6. ์ด ๋•Œ ์˜์กด์„ฑ๋ฐฐ์—ด์„ ์ถ”๊ฐ€ํ•˜๋ฉด ๋ฐฐ์—ด์— ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„์ด ๋ฆฌ๋žœ๋”๋ง ๋  ๋•Œ๋งŒ setup ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ์„ฑ๋Šฅ๊ฐœ์„ ์— ๋„์›€์ด ๋จ
    3. provider์— ๋Œ€ํ•ด ๋งํ•ด๋ณด์„ธ์š”
      1. React ์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ์ปดํฌ๋„ŒํŠธ
      2. ์ฃผ๋กœ Context API์™€ ํ•จ๊ป˜ ์‚ฌ์šฉ๋จ
      3. Context API๋Š” ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฉ”์ปค๋‹ˆ์ฆ˜ ์ œ๊ณต
      4. Provider๋Š” Context๋ฅผ ์„ค์ •ํ•˜๊ณ  ํ•ด๋‹น Context ๊ฐ’์„ ์ œ๊ณตํ•˜๋Š” ์—ญํ• ์„ ํ•จ.
      5. ํ•ด๋‹น Context๋ฅผ ๊ตฌ๋…ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋“ค์€ Provider๊ฐ€ ์ œ๊ณตํ•œ ๊ฐ’์„ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Œ
      6. ์ „์—ญ์ƒํƒœ๊ด€๋ฆฌ, ํ…Œ๋งˆ, ์‚ฌ์šฉ์ž ์ธ์ฆ ์ •๋ณด ๋“ฑ์„ ๊ด€๋ฆฌํ•˜๋Š”๋ฐ ์ฃผ๋กœ ์‚ฌ์šฉ ๋จ
  • ์‹ฌ์‚ฌ์œ„์›๋ถ„๋“ค์˜ ํ”ผ๋“œ๋ฐฑ
    • ์˜ˆ๋‚˜๋‹˜
      • ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•œ ํ”์ ์ด ๋‚˜ํƒ€๋‚˜์„œ ์ข‹์•˜๋‹ค. ๋””ํ…Œ์ผํ•˜๊ฒŒ ์•Œ๊ณ  ์žˆ๋Š” ๋“ฏํ–ˆ๋‹ค.
    • ํ˜œ์ง„๋‹˜
      • ์ง„์ง€ํ•จ, ์„ฑ์žฅ์„ ๊ฐˆ๋งํ•˜๋Š” ํƒœ๋„๊ฐ€ ์ข‹์•˜๋‹ค.
      • ์ „๋‹ฌ์ด ์ž˜ ๋˜์—ˆ๋‹ค.

ํ˜œ์ง„๋‹˜

  • ์งˆ๋ฌธ Lists
    • ๊ฐœ๋ฐœ์ž ์ง๊ตฐ์„ ์„ ํƒํ•œ ์ด์œ 
    • ๋ผ์ดํ”„์‚ฌ์ดํด ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
    • ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)๊ณผ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์˜ ๊ฐœ๋…์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์‹œ๊ณ , ์žฅ/๋‹จ์ ์„ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
    • SEO๋ž€ ๋ฌด์—‡์ด๊ณ  SEO๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
    • ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์‹œ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•œ ๊ฒฝํ—˜์ด ์žˆ๋‹ค๋ฉด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
  • ์‹ฌ์‚ฌ์œ„์›๋ถ„๋“ค์˜ ํ”ผ๋“œ๋ฐฑ
    • ์˜ˆ๋‚˜๋‹˜

    • ์€ํ•œ๋‹˜
      • ๋‹น๋‹นํ•˜๊ณ  ์ž์‹ ์žˆ๋Š” ๋ชฉ์†Œ๋ฆฌํ†ค์ด ๋“ฃ๊ธฐ ์ข‹๊ณ  ์œ ๋ฆฌํ•˜๊ฒŒ ์ž‘์šฉํ•  ๋“ฏ
      • CSR vs SSR: ์ „์ฒด์ ์œผ๋กœ ์ž˜ ์ดํ•ดํ•˜๊ณ  ์ž˜ ๋ง์”€ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค.

์˜ˆ๋‚˜๋‹˜

  • ์งˆ๋ฌธ Lists
    • ๋„ค์ด๋ฒ„๋ฅผ ์ฃผ์†Œ์ฐฝ์— ์น˜๋ฉด ์–ด๋–ป๊ฒŒ ๋ ๊นŒ?
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์žฅ์ ?
    • get๊ณผ post ์ฐจ์ด
    • ux(์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ตœ์ ํ™”)?
  • ์‹ฌ์‚ฌ์œ„์›๋ถ„๋“ค์˜ ํ”ผ๋“œ๋ฐฑ
    • ์€ํ•œ๋‹˜
      • ๋„ค์ด๋ฒ„: ๋งค์šฐ ๊ตฟ
      • TS: JS์™€ ์ฐจ์ด์ ์„ ์ค‘์‹ฌ์œผ๋กœ ์ž˜ ๋‹ต๋ณ€ํ•˜์‹ฌ
      • get vs post: ๋ฌด๋‚œ
    • ํ˜œ์ง„๋‹˜

'๐Ÿ”Ž ๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[๊ธฐํƒ€/์Šคํ„ฐ๋””] ๋ฉด์ ‘์Šคํ„ฐ๋”” (1ํšŒ: 240228)  (0) 2024.02.28
[๊ธฐํƒ€/AWS] CloudFront  (0) 2023.08.03
[๊ธฐํƒ€/AWS] S3  (0) 2023.08.03
[๊ธฐํƒ€/AWS] Route 53  (0) 2023.08.03
[๊ธฐํƒ€/AWS] EC2  (0) 2023.08.03