[TIL] Day40 #Section2_KPT_ํšŒ๊ณ 

Beanxxยท2022๋…„ 6์›” 22์ผ
1

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
40/120
post-thumbnail

2022.06.22(Wed)

[TIL] Day40
[SEB FE] Day40

โ˜‘๏ธย Keep

  • 9์‹œ ์ด์ „์— ์ง€๊ฐ ์•ˆ ํ•˜๊ณ  ์ถœ์„ ์ฒดํฌ โœ…
  • Github ์ž”๋”” ๋งค์ผ๋งค์ผ ๐ŸŒฑ๐ŸŒฟ
  • ์ˆ˜์—… ๋๋‚˜๊ณ  ๋งค์ผ @velog์— TIL ๊ธฐ๋ก โœ๏ธ
  • ์ •๊ทœ ์ˆ˜์—… ๋๋‚˜๊ณ  ์ €๋… ์‹œ๊ฐ„์— ๋ถ€์กฑํ•œ ๋ถ€๋ถ„ ์ฑ„์šฐ๊ธฐ ์œ„ํ•œ ๊ฐœ์ธ ๊ณต๋ถ€ํ•˜๋ ค๊ณ  ๋…ธ์˜ค๋ ฅ.. ๐Ÿซ 

โ˜‘๏ธย Problem

  • Section1 ๋•Œ์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์—ฌ์ „ํžˆ ๊ทœ์น™์ ์ธ ์ˆ˜๋ฉดํŒจํ„ด์ด ์ง€์ผœ์ง€์ง€ ์•Š์Œ (๋ฐค ๋Šฆ๊ฒŒ ์ž๊ณ , ๋Šฆ๊ฒŒ ์ผ์–ด๋‚จ,, ์˜ค๋žซ๋™์•ˆ ๋Šฆ๊ฒŒ ์ž๊ณ  ๋Šฆ๊ฒŒ ์ผ์–ด๋‚ฌ๋˜ ๋ฒ„๋ฆ‡์ด ํ•˜๋ฃจ ์•„์นจ์— ๊ณ ์ณ์ง€๋ฉด ๋ง์ด ์•ˆ๋˜์ง€ ๐Ÿ˜ช)
  • ๊ถ๊ธˆํ–ˆ๋˜ ๋ถ€๋ถ„, ์ž˜ ์ดํ•ด๊ฐ€ ์•ˆ ๋๋˜ ๋ถ€๋ถ„ ์™„๋ฒฝํžˆ ์ดํ•ดํ•˜์ง€ ์•Š๊ณ  ๊ทธ๋ƒฅ ๋„˜์–ด๊ฐ„ ์  ๋งŽ์Œ..
  • ๋งค์ผ๋งค์ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ 1๋ฌธ์ œ ์ด์ƒ ํ’€๋ ค๊ณ  ํ–ˆ์ง€๋งŒ ๋“ค์‘ฅ๋‚ ์‘ฅ ์•ˆ ํ‘ธ๋Š” ๋‚ ๋„ ๊ฝค ์žˆ์—ˆ์Œ
  • ์ฃผ๋ง์ด๋‚˜ ํœด์ผ์— ์Šค์Šค๋กœ ๋ถ€์กฑํ–ˆ๋˜ ๋ถ€๋ถ„ ๊ณต๋ถ€ ์†Œํ™€ํžˆ ํ•จ
  • ๊ณผ์ œ Advanced๋‚˜ ์‹ฌํ™” ๋ถ€๋ถ„ ํ’€๋ ค๊ณ  ๋…ธ๋ ฅ ๋งŽ์ด ์•ˆ ํ•จ

โ˜‘๏ธย Try

๐Ÿ‘‰ย ์šฐ์„ ์ˆœ์œ„ ๋ฐ˜์˜

  1. ๊ทธ๋‚ ๊ทธ๋‚  ๋ฐฐ์šด ๋‚ด์šฉ TIL ์ž‘์„ฑํ•˜๊ธฐ
  2. ์ „์— ์ž‘์„ฑํ•œ TIL ๋‚ด์šฉ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋‚ด์šฉ ๋ณต์Šตํ•˜๊ธฐ
  3. test๋ฅผ ํ†ต๊ณผํ•˜๋Š” ์‹์ด ์•„๋‹Œ ์ฒจ๋ถ€ํ„ฐ ๋งŒ๋“ค์–ด๋ณด๋Š” ํ† ์ด ํ”„๋กœ์ ํŠธ ํ‹ˆํ‹ˆ์ด ์กฐ๊ธˆ์”ฉ ์ง„ํ–‰ํ•ด๋ณด๊ธฐ
  4. ์ฝ”ํ”Œ๋ฆฟ, ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ ๋‹ค์‹œ ํ’€์–ด๋ณด๊ธฐ (๋‹ค์‹œ ํ’€์–ด๋ณด๋ฉด ๊ฑฐ์˜ ๋ชจ๋“  ๋ฌธ์ œ๊ฐ€ ์ƒˆ๋กœ์šธ ๊ฒƒ ๊ฐ™๋‹ค,,,)
  5. ์ถ”๊ฐ€์ ์ธ ๊ฐ•์˜ ๋”ฐ๋กœ ๋“ค์–ด์„œ ๋ถ€์กฑํ•œ ๊ฐœ๋… ๋ณด์™„ํ•˜๊ธฐ
  6. ๊ธฐ์ˆ ๋ฉด์ ‘ ๋Œ€๋น„ ํ‹ˆํ‹ˆ์ด CS์ง€์‹ ๊ณต๋ถ€ํ•ด์„œ ๋จธ๋ฆฌ์— ๋„ฃ๊ธฐ

โ˜‘๏ธย Comment โœ๏ธ

Section2 ํšŒ๊ณ ์—์„œ ๋˜๋Œ์•„ ๋ณด๋Š” ๋‚˜์˜ ๋ชจ์Šต์€ ๊ฐœ์„ ๋œ ์ ์ด ๋งŽ์ด ์—†๋‹ค,,, ์ „์— Problem์— ์ ์—ˆ๋˜ ๋‚ด์šฉ์€ ์ด๋ฒˆ์—๋„ ์–ด๊น€์—†์ด ๋“ฑ์žฅ๐Ÿฅฒย 
ํ•˜๋‚˜ ๋‹ฌ๋ผ์ง„๊ฒŒ ์žˆ๋‹ค๋ฉด Section1 ๋•Œ๋Š” ์ €๋…์— ๊ฐœ์ธ ๊ณต๋ถ€๋ฅผ ๊ฑฐ์˜ ์•ˆ ํ–ˆ์—ˆ๋Š”๋ฐ Section2๋ถ€ํ„ฐ๋Š” ๋‚ด์šฉ ๋”ฐ๋ผ๊ฐ€๊ธฐ๊ฐ€ ๋ฒ…์ฐจ์„œ ์ €๋…์— ๊ฐœ์ธ ๊ณต๋ถ€๋ฅผ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ํ•ด์•ผ ํ—ˆ๋•์ด๋ฉด์„œ ๊ฐœ๋… ์ซ“์•„๊ฐˆ ์ˆ˜ ์žˆ์—ˆ๋‹ค.
๊ธ€๊ตฌ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ ๋ฐ ์งˆ๋ฌธ/๋‹ต๋ณ€ํ•˜์‹œ๋Š” ๋‹ค๋ฅธ ๋™๊ธฐ?๋ถ„๋“ค์„ ๋ณด๋ฉด์„œ ๋™๊ธฐ๋ถ€์—ฌ๋„ ์–ป์œผ๋ฉด์„œ ์ „๊ณต์ž์ง€๋งŒ ์ „๊ณต์ž๋ผ๊ณ  ํ•˜๊ธฐ์—๋„ ๋ฏผ๋งํ•œ ๋‚˜์˜ ๋ถ€์กฑํ•œ ๊ฐœ๋ฐœ ์‹ค๋ ฅ์„ ๋” ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋„๋ก ์—ด์‹ฌํžˆ ๋…ธ์˜ค๋ ฅํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๋งŽ์ด ๋Š๊ผˆ๋˜,, ๐Ÿ”ฅ
์•„ ๊ทธ๋ฆฌ๊ณ  ์ตœ๊ทผ์— ํ•˜๋‚˜ ๋” ๋‹ฌ๋ผ์ง„ ๋ถ€๋ถ„์€ ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์‹œ์ž‘ํ•˜๊ณ  ๊ฑฐ์˜ JS๋งŒ ๊ณต๋ถ€ํ•˜๋‹ค ๋ณด๋‹ˆ๊นŒ ์ „์— ํŒŒ์ด์ฌ์œผ๋กœ ์กฐ๊ธˆ ์ค€๋น„ํ•˜๋˜ ์ฝ”ํ…Œ ๋ณด๋‚ด์ฃผ๊ณ , JS๋กœ ์ฒจ๋ถ€ํ„ฐ ๋‹ค์‹œ ์ฝ”ํ…Œ ์ค€๋น„๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ํŒŒ์ด์ฌ์ด๋ž‘ JS ๋ฌธ๋ฒ•์ด ์งฌ๋ฝ•๋ผ์„œ ๋” ํ—ท๊ฐˆ๋ ค์„œ ๊ณ ๋ฏผ๊ณ ๋ฏผํ•˜๋‹ค๊ฐ€ ๊ฒฐ๊ตญ ์–ธ์–ด change ๐Ÿซ 
Section3์—์„œ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜, React, JS ๋ชจ๋‘ ๋”๋”์šฑ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•ด๋ณด์ž ๐Ÿ’ช

profile
FE developer

0๊ฐœ์˜ ๋Œ“๊ธ€