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

์‹ ์ž… ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ๋ฉด์ ‘ ์งˆ๋ฌธ ๊ณต์œ  ๋ณธ๋ฌธ

WIL

์‹ ์ž… ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ๋ฉด์ ‘ ์งˆ๋ฌธ ๊ณต์œ 

hyo.loui 2023. 4. 22. 10:53

๐ŸŽฏ WHY? :

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ง€์›ํ•˜์—ฌ
๋ฉด์ ‘ ์ „ํ˜•์—์„œ ๋ฐ›์€ ์งˆ๋ฌธ์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์—๊ฒŒ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ๋„์›€์ด ๋˜์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค


1. ๊ธฐ์ˆ  ์งˆ๋ฌธ

 

- ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ์˜ ์—๋Ÿฌ๋‚˜ ์˜ˆ์™ธ์ฒ˜๋ฆฌ ํ•œ ๊ฒฝํ—˜์ด ์žˆ๋‚˜์š”?

- forEach๋ž‘ map์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

 

- ๋น„๋™๊ธฐ ์–ธ์–ด์™€ ๋™๊ธฐ ์–ธ์–ด๊ฐ€ ๋ฌด์—‡์ธ์ง€?

- css ํ™œ์šฉ ์ž˜ํ•˜๋Š”์ง€?

 

- React ๋ผ์ดํ”„ ์‚ฌ์ดํด useEffect useCallback์—์„œ ์˜์กด์„ฑ์€ ์–ด๋–ป๊ฒŒ ๊ด€๋ฆฌ๋˜๋Š”์ง€?

- ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๊ฒฝํ—˜๊ณผ ์–ด๋–ค ์ƒํ™ฉ์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š”์ง€?

 

- next.js ํ™œ์šฉํ•˜๋ฉด์„œ ์ข‹์•˜๋˜ ์ , ์–ด๋ ค์› ๋˜ ์ 

- ์–ด๋–ค ์ƒํƒœ๊ด€๋ฆฌ ์‚ฌ์šฉํ–ˆ๋Š”์ง€ ์™œ ์‚ฌ์šฉํ–ˆ๋Š”์ง€, ๊ทธ๋Ÿผ ์ƒํƒœ๊ด€๋ฆฌ ํ•˜๋ฉด์„œ ์–ด๋–ค ๊ฒฝ์šฐ์— ํ™œ์šฉํ–ˆ๊ณ  ์–ด๋–ค ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ค˜๋Š”์ง€?

 

- ์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜ค๋Š” ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๊ฐ€ ๋ณต์žกํ•œ ๊ฒฝ์šฐ๋ฅผ ์–ด๋–ป๊ฒŒ ๋Œ€์ฒ˜ํ•ด ๋ณด์…จ๋‚˜์š”?(๊ฐ์ฒด ์•ˆ์— ๊ฐ์ฒด ์•ˆ์— ๊ฐ์ฒด ๋“ฑ)

- ์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜ค๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์–ด๋–ป๊ฒŒ ์ตœ์ ํ™”ํ•ด ๋ณด์…จ๋‚˜์š”?

- Authentication(ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ) ๊ตฌํ˜„ ํ•ด๋ณด์…จ๋‚˜์š”?

 

 


2. ์ปฌ์ณ ํ•

- ์ตœ๊ทผ ์–ด๋–ค ์„œ๋น„์Šค๋ฅผ ๋ณด๊ณ  ์ข‹๋‹ค๊ณ  ๋Š๋‚€๊ฒŒ ์žˆ์œผ์‹ ๊ฐ€์š”?

- ์œ ํŠœ๋ธŒ ์–ด๋–ค ์ฑ„๋„ ๊ตฌ๋…ํ•˜๋Š”์ง€ ๋ง์”€ํ•ด ์ฃผ์„ธ์š”

 

- ๊ฐ€์žฅ ์ตœ๊ทผ์— ์–ธ์ œ ํ™”๋ƒˆ๊ณ  ์™œ ํ™”๋‚ด์…จ๋‚˜์š”?

- ์ŠคํŠธ๋ ˆ์Šค ์–ด๋–ป๊ฒŒ ํ‘ธ์‹œ๋‚˜์š”?

- ํšŒ์‚ฌ ๊ณ ๋ฅด๋ฉด์„œ ์–ด๋–ค ๋ฌธํ™”๊ฐ€ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๊ณ  ๋Š๋ผ์…จ๋‚˜์š”?

 

- ํ”„๋กœ์ ํŠธ ํ•˜๋ฉด์„œ ๋‹คํˆผ์ด ์žˆ์—ˆ๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ํ’€์–ด๋‚˜๊ฐ”๋Š”์ง€ ๋ง์”€ํ•ด ์ฃผ์„ธ์š”

- ํŒ€ ๋ฆฌ๋” ๊ฒฝํ—˜์ด ์žˆ์„๊นŒ์š”?

+ ํŒ€ ๋ฆฌ๋” ์—ญํ• ์ผ ๋•Œ, ํ”„๋กœ์ ํŠธ์—์„œ ์‹œ๊ฐ„์ด๋‚˜ ์—…๋ฌด ๊ด€๋ฆฌ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•˜์…จ๋‚˜์š”?

- ํ”„๋กœ์ ํŠธ์—์„œ์˜ ์—ญํ• ๊ณผ ๋ณธ์ธ์˜ ๋น„์ค‘์€ ์–ผ๋งˆ๋‚˜ ๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š”์ง€

 

- ์–ด๋–ค ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ ์‹ถ์œผ์‹ ๊ฐ€์š”?

- ์ „ ํšŒ์‚ฌ์—์„œ ์™œ ๊ทธ๋งŒ๋‘๊ฒŒ ๋˜์—ˆ์„๊นŒ์š”?

- ์‚ถ์—์„œ ๊ฐ€์žฅ ์–ด๋ ค์› ๋˜ ์ˆœ๊ฐ„์ด ์žˆ์—ˆ๋‹ค๋ฉด, ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜์…จ๋Š”์ง€ ๋ง์”€ํ•ด ์ฃผ์„ธ์š”

- ์ทจ๋ฏธ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์š”?

- ์ƒ์‚ฌ์™€ ์˜๊ฒฌ์ด ์•ˆ๋งž์œผ๋ฉด ์–ด๋–ค์‹์œผ๋กœ ๋Œ€์ฒ˜ํ•˜๋‚˜์š”?

- ๋ธŒ๋žœ๋”ฉ์ด ๋น ๋ฅธ ๊ฐœ๋ฐœ์ด ์šฐ์„ ์ธ๊ฐ€์š”? ์ฝ”๋“œ๋ฅผ ๋จผ์ € ์ดํ•ดํ•˜๋Š” ๊ฐœ๋ฐœ์ด ์šฐ์„ ์ธ๊ฐ€์š”?

 


 

 ๋Š๋‚€์  

  1. ๋””ํ…Œ์ผํ•œ ๊ธฐ์ˆ  ๋ฉด์ ‘์€ ํšŒ์‚ฌ์™€ ๋ฉด์ ‘์ž๊ฐ€ ์„œ๋กœ์˜ ์ˆ˜์ค€์ด๋‚˜ ๊ธฐ์ดˆ ์—ญ๋Ÿ‰์„ ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
  2. ๊ธฐ์ˆ ์งˆ๋ฌธ์ด ์—†๋Š” ํšŒ์‚ฌ์˜ ๋ฉด์ ‘ ์งˆ๋ฌธ์€ ์ œ์™ธํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  3. ๋Œ€๋ถ€๋ถ„ ๋Œ€๋‹ต์„ ํ•˜์˜€์œผ๋‚˜, ๊ธด์žฅ ํ•˜๋‹ˆ ๋Œ€๋‹ต์„ ๊ธธ๊ฒŒํ•˜๋ฉด์„œ ์งˆ๋ฌธ์˜ ๋…ผ์ ์ด ํ๋ ค์ง€๋Š” ๋Š๋‚Œ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.
  4. ์•„์‰ฌ์šด ๋ถ€๋ถ„์€ ์ถ”ํ›„ ์—…๋กœ๋“œ ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.
  5. ๋ฉด์ ‘ ์งˆ๋ฌธ์„ ์ƒ๊ฐ๋ณด๋‹ค ๊ธธ๊ฒŒ ์ค€๋น„ํ–ˆ๋Š”๋ฐ ์ค€๋น„ํ•œ ์งˆ๋ฌธ์€ ๊ฑฐ์˜ ๋‚˜์˜ค์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค..
  6. ๊ฐœ๋ฐœ์ง๊ตฐ์˜ ์ž๊ธฐ์†Œ๊ฐœ๋Š” ๋น„์ค‘์ด ๋‚ฎ์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์งˆ๋ฌธ์˜ ๋นˆ๋„๋Š” ๊ฑฐ์˜ 5๋Œ€ 5๋กœ ํšŒ๋ฐ”ํšŒ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
    (30์ดˆ ์ •๋„ ๋ถ„๋Ÿ‰์œผ๋กœ ๊ฐ„๋žตํ•˜๊ฒŒ ์ค€๋น„ํ•˜๊ธธ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค.)

'WIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

WIL - [23.04.17 ~ 23.04.23]  (0) 2023.04.23
WIL - [23.04.03 ~ 23.04.09]  (0) 2023.04.09
WIL - [23.03.27 ~ 23.04.02]  (0) 2023.04.03
(React) WIL - 17์ฃผ์ฐจ ํšŒ๊ณ   (0) 2023.02.25
(React) WIL - 16์ฃผ์ฐจ ํšŒ๊ณ   (1) 2023.02.23