CodeSoom/ConStu

3์ฃผ์ฐจ ๊ณ„ํš

Closed this issue ยท 0 comments

๐Ÿ“Œ ๊ธฐ๋ณธ ์งˆ๋ฌธ

๐Ÿค” 1. ์ด ์•ฑ์„ ์–ธ์ œ ์‚ฌ์šฉํ•˜๋‚˜์š”?

๊ฐœ๋ฐœ๊ณผ ๊ด€๋ จํ•œ ๋˜๋Š” IT์™€ ๊ด€๋ จ๋œ ์Šคํ„ฐ๋””๋ฅผ ์ฐพ๊ณ  ๊ฐ™์ด ๊ณต๋ถ€ํ•˜๊ณ  ์†Œํ†ตํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๐ŸŒˆ 2. ์ด๋ฒˆ ์ฃผ ๊ตฌํ˜„์— ์žˆ์–ด์„œ ์ œ์•ฝ ์กฐ๊ฑด์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

ํšŒ์›์ธ ์‚ฌ์šฉ์ž๋Š” ์Šคํ„ฐ๋””์— ๊ธฐ๊ฐ„ ๋‚ด์— ์‹ ์ฒญํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋‚ด ์ •๋ณด? ํŽ˜์ด์ง€์—์„œ๋Š” ๋‚ด๊ฐ€ ์‹ ์ฒญํ•œ ์Šคํ„ฐ๋”” ๋ชฉ๋ก์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐ŸŽฏ 3. ์ด๋ฒˆ ์ฃผ ๊ตฌ์ฒด์ ์ธ ์‚ฌ๋ก€๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

๋กœ๊ทธ์ธ์„ ํ•˜๊ฑฐ๋‚˜ ํšŒ์›์ด์—ฌ๋งŒ ๊ธ€ ์ž‘์„ฑ๊ณผ ์‹ ์ฒญ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
๋‚ด ์ •๋ณด ํŽ˜์ด์ง€๋Š” ํšŒ์›๋งŒ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
๊ธ€ ์ž‘์„ฑ์‹œ validation ๊ฒ€์‚ฌ๋ฅผ ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ์‹œ ์—๋Ÿฌ๋ฅผ ๋„์›๋‹ˆ๋‹ค.
๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž…์‹œ validation ๊ฒ€์‚ฌ๋ฅผ ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ์‹œ ์—๋Ÿฌ๋ฅผ ๋„์›๋‹ˆ๋‹ค.
๋กœ๋”ฉ์‹œ ๋กœ๋”ฉ ํ™”๋ฉด์ด ๋ณด์ž…๋‹ˆ๋‹ค. ( react-content-loader๋ฅผ ์‚ฌ์šฉํ•ด๋ณผ๊นŒ ์ƒ๊ฐ์ค‘์ž…๋‹ˆ๋‹ค.)

๐Ÿš€ 4. ์ด๋ฒˆ ์ฃผ์— ๊ตฌํ˜„ ํ•  ๊ธฐ๋Šฅ์„ ์šฐ์„  ์ˆœ์œ„๋Œ€๋กœ ์ž‘์„ฑํ•ด ์ฃผ์„ธ์š”.

  • react-use์˜ unmount์™€ useInterval๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ #46 #47
  • ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€์— validation ์ฒดํฌํ•˜๊ธฐ [#27] #48
  • ๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€์— validation ์ฒดํฌํ•˜๊ธฐ [#27] #49 #50
  • ํ˜„์žฌ ๊ธ€ ์ž‘์„ฑ์ž์— ํ•˜๋“œ์ฝ”๋”ฉ์œผ๋กœ ์‚ฌ์šฉ์ž๋ฅผ ๋„ฃ์–ด์ฃผ๋Š” ๋ถ€๋ถ„ ๋กœ๊ทธ์ธํ•œ ์‚ฌ์šฉ์ž๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ๊ธฐ [#27] #56
  • ๋กœ๊ทธ์ธํ•œ ์‚ฌ์šฉ์ž๋Š” ์Šคํ„ฐ๋””์— ์ฐธ๊ฐ€ ์‹ ์ฒญํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ธฐ, ๋ฒ„ํŠผ ์ƒํƒœ๊ฐ€ ๋ณ€๊ฒฝ๋˜๊ฒŒ ํ•˜๊ธฐ. #51
  • ์ด์Šˆ ์‚ฌํ•ญ ์ˆ˜์ • #57 #58
  • ์ „์ฒด์ ์ธ CSS ์ˆ˜์ • ๋ฐ ๋ง๋ถ™์ด๊ธฐ
    • ๋ฒ„ํŠผ์— ๋Œ€ํ•œ CSS ์ˆ˜์ • #62
    • ์Šคํ„ฐ๋”” ๋ชฉ๋ก(๋ฉ”์ธ ํ™”๋ฉด) CSS ์ˆ˜์ • #66
    • ๋กœ๊ทธ์ธ ํšŒ์›๊ฐ€์ž… ํผ CSS ์ˆ˜์ • #68
    • ์Šคํ„ฐ๋”” ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€ CSS ์ ์šฉ #69
  • button๊ณผ input์— ๋Œ€ํ•œ refactoring ํ•˜๊ธฐ #62
  • ๋ฆฌ๋•์Šค ๋ถ€๋ถ„ refactoring ํ•˜๊ธฐ #60
  • useCallback์ด๋‚˜ React.memo ๋“ฑ..์„ ์‚ฌ์šฉํ•˜์—ฌ ์„ฑ๋Šฅ ์ตœ์ ํ™”ํ•˜๊ธฐ #71
  • ๋ชฉ๋ก ๋ถˆ๋Ÿฌ์˜ฌ ๋•Œ ํƒœ๊ทธ๊ฐ€ ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ์— ๋Œ€ํ•œ ๋ฌธ์ œ ๋ณ€๊ฒฝํ•˜๊ธฐ [#13] #59
  • ์Šคํ„ฐ๋”” ๋ชฉ๋ก์„ ๋งˆ๊ฐ์ผ์ž๊ฐ€ ๋น ๋ฅธ ์ˆœ์œผ๋กœ ์ •๋ ฌ #70
  • ๋กœ๋”ฉ์‹œ ํ™”๋ฉด ๊ตฌํ˜„ํ•˜๊ธฐ #72
  • ๋‚ด ์ •๋ณด ํŽ˜์ด์ง€ ๊ตฌํ˜„ํ•˜๊ธฐ
    • ๋‚ด๊ฐ€ ์ ‘์ˆ˜ํ•œ ์Šคํ„ฐ๋”” ๋ชฉ๋ก ๋งŒ๋“ค๊ธฐ
    • ํ•ด๋‹น ์Šคํ„ฐ๋””์— ๋Œ€ํ•ด ์ฑ„ํŒ… ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ (์‹œ๊ฐ„์ด ์žˆ์œผ๋ฉด)