๐Ÿ–‹ After Finishing WeCode

[meษช]ยท2021๋…„ 10์›” 27์ผ
0

0-1. Warming-up

๋ชฉ๋ก ๋ณด๊ธฐ
5/5

10์›” 1์ผ์— 2์ฐจ team project๊นŒ์ง€ ๋๋‚œ ์ดํ›„ ๊ทธ๋™์•ˆ ๋“ฃ๊ณ  ์‹ถ์–ด๋„ ๋“ฃ์ง€ ๋ชปํ–ˆ๋˜ ๊ฐ•์˜๋ฅผ ์ญ‰ ๋“ฃ๊ณ  ์žˆ๋‹ค.
๋‚ด๊ฐ€ ์ œ๋Œ€๋กœ ์•Œ์ง€ ๋ชปํ–ˆ๋˜ ๋‚ด์šฉ์„ blog post์— ์ถ”๊ฐ€ํ•˜๊ณ  ํŽธ์ง‘ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋ฌธ์ œ๋Š” ๋‚ด๊ฐ€ ๋ชจ๋ฅด๋Š” ๋‚ด์šฉ์ด ๋„ˆ๋ฌด ๋งŽ๋‹ค...๏ฝฅแด—๏ฝฅ;
HTML, CSS, JavaScript, React๊นŒ์ง€ ๋“ค์–ด๋ณด๋‹ˆ ๊ทธ๋™์•ˆ ์ดํ•ด๋˜์ง€ ์•Š์•˜๋˜ ๊ฐœ๋…๋“ค์ด ์กฐ๊ธˆ์”ฉ์€ ์ดํ•ด๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.
JavaScript์—์„œ J์˜ ํ•œ ํš ์ •๋„ ์ดํ•ดํ–ˆ๋‹ฌ๊นŒ (?!)
์ง€๊ธˆ๊นŒ์ง€ ์ œ๋Œ€๋กœ ์•Œ์ง€๋„ ๋ชปํ•˜๊ณ  code๋งŒ ์ณค๋‹ค๋‹ˆ... ๋Šฆ์—ˆ์ง€๋งŒ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ๊ฐˆ์ฆ์ด ํ•ด์†Œ๋œ๋‹ค.

JavaScript๋ž‘ React๋Š” ๊ฐœ๋… ํ•™์Šต์— ๋“ค์ธ ์‹œ๊ฐ„์ด 2์ฃผ๋ผ๊ณ  ๋ด๋„ ๋ฌด๋ฐฉํ•˜๋‹ˆ ๊นŠ์ด๊ฐ€ ๋ถ€์กฑํ•  ๊ฒƒ์ด๊ณ , ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๋” ๋งŽ์€ ๊ฐœ๋…์„ ํ•™์Šตํ•˜๊ณ  ์‹ถ์œผ๋‚˜, ๊ฐœ๋ฐœ ๊ณต๋ถ€ํ•˜๋Š” ์‚ฌ๋žŒ์ด code๋ฅผ ์งœ์ง€ ์•Š๋Š” ๊ฒŒ ๋ง์ด ๋˜๋‚˜ใ…œv ใ…œ
๊ฐ•์˜๊ฐ€ ๋„ˆ๋ฌด ์œ ์ตํ•ด์„œ ์ˆ˜์—…๋งŒ ๋“ฃ๊ณ  VS Code๋Š” ์—ด์ง€ ์•Š์€ ์ง€ ์˜ค๋ž˜๋‹ค.
๊ฐœ๋… ๊ณต๋ถ€๋Š” ์งง์€ ์‹œ๊ฐ„ ์•ˆ์— ์„ญ๋ ตํ•  ์ˆ˜ ์—†๋Š” ๋ฒ”์œ„๋ผ์„œ ๊พธ์ค€ํžˆ, ํ‰์ƒ ํ•ด์•ผ ํ•˜๋Š” ๊ฑฐ๋‹ˆ๊นŒ "์ด๊ฑฐ ๋๋‚ด๊ณ  ์‹œ์ž‘ํ•ด์•ผ์ง€."๋ผ๋Š” ๋น„ํ˜„์‹ค์ ์ธ ์š•์‹ฌ์€ ์ง‘์–ด๋„ฃ๊ณ  2์ฃผ ๊ฐ„์€ ๋‹ค์‹œ coding์ด๋ผ๋Š” ๊ฑธ ํ•ด ๋ณด์•˜๋‹ค.
๊ทธ๊ฐ„ ์ œ๋Œ€๋กœ ์•Œ์ง€ ๋ชปํ•œ ์ฒด ํ•œ ์ค„ ํ•œ ์ค„ ์ž…๋ ฅํ–ˆ๋˜ code๋ฅผ ๋ณด๋ฉด์„œ ์–ด์„คํ”„๊ฒŒ๋‚˜๋งˆ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ์„ ์ •๋„๋กœ ์ดํ•ดํ•˜๊ณ , ๊ทธ๊ฑธ ๋‹ค๋ฅธ ๊ฑธ๋กœ ๋ฐ”๊ฟ”๋ณด๊ณ  (e.g. class๋ฅผ hooks๋กœ), ์‹ค๋ ฅ์„ ํ‚ค์›Œ ๋” ๋‚˜์€ code๋กœ ์ˆ˜์ •ํ•ด ๋ณด์ž,

๊ทธ๋Ÿฐ๋ฐ ๊ฐœ๋… ํ•™์Šต๋„ ๋„ˆ๋ฌด ๋งจ๋•…์— ํ—ค๋”ฉ์ด๋ผ, ์ง€๊ธˆ๊นŒ์ง€ ์ ์€ ๊ฒƒ์„ ๋‹ค์‹œ ๋ณด๋ฉด ๋ถ„๋ช…ํžˆ ๋ถ€์ •ํ™•ํ•œ ๋‚ด์šฉ์ด ์žˆ์„ ๊ฑฐ๋ผ์„œ ๊ดœํžˆ '์ „์ฒด ๊ณต๊ฐœ'๋กœ ์ž‘์„ฑํ–ˆ๋‚˜ ๊ฑฑ์ •๋œ๋‹ค.
blog๋กœ ์ •๋ฆฌํ•˜๋Š” ๊ฒŒ ์˜คํžˆ๋ ค ๋‚˜์—๊ฒŒ ๋…์ด ๋˜๋Š” ๊ฑด ์•„๋‹Œ์ง€...


๊ทธ๋‚˜์ €๋‚˜ WeCode๋„ ์™„์ „ํžˆ ๋๋‚ฌ๊ณ  ๋‚˜๋„ ์Šฌ์Šฌ ๊ตฌ์ง์„ ํ•ด์•ผ ํ•˜๋Š”๋ฐ
์‹ค์ „์— ํˆฌ์ž…ํ•ด ๋ถ€๋”ช์ณ๊ฐ€๋ฉฐ ๋ฐฐ์›Œ์•ผ ์ง„์ •ํ•œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ•˜๊ณ 
์–ธ์ œ๊นŒ์ง€๊ณ  ์ˆ˜์ž…์ด ์—†๋Š” ์ฒด๋กœ ์‚ด ์ˆ˜ ์—†์œผ๋‹ˆ

์ด์ œ ์ทจ์ง์„ ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์€๋ฐ

๋„ˆ๋ฌด๋„ˆ๋ฌด๋„ˆ๋ฌด๋„ˆ๋ฌด

์ž์‹ ์ด ์—†๋‹ค.

๊ฐœ๋… ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉฐ ๊ฒ์„ ๋จน๋‹ค๊ฐ€๋„ ๊ทธ๋ž˜๋„ WeCode์—์„œ ๊ฑด๋“œ๋ ค๋ดค์œผ๋‹ˆ ํ•˜๋ฉด ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ž์‹ ๊ฐ์ด ์ƒ๊ธฐ๋Š” ๋™์‹œ์— ๊ทธ๋Ÿฐ๋ฐ ์ œ๋Œ€๋กœ ์•Œ๊ณ  ํ•˜๋Š” ๊ฑฐ ๋งž๋Š” ๊ฑด๊ฐ€ ํ•˜๋Š” fact ํญํ–‰์œผ๋กœ ์ž์‹ ๊ฐ์ด ๋–จ์–ด์ง€๋Š” ์ƒํ™ฉ์˜ ๋ฐ˜๋ณต

'
๊ฐœ๋… ๊ณต๋ถ€ํ•˜๊ณ  ์—ฐ์Šต ๋ช‡ ๋ฒˆ ํ•˜๋ฉด ์•„๋ฌด๋‚˜ ๋‹ค ๊ฐœ๋ฐœ์ž ํ•˜๊ฒŒ?
์ด ์ •๋„ ์‹ค๋ ฅ์œผ๋กœ๋Š” '์‹ ์ž… ๊ฐœ๋ฐœ์ž'๋ผ๋Š” title๋„ ์•„๊น์ง€ ์•Š๋‚˜
'
ํ•˜๋Š” ์ƒ๊ฐ๋งŒ ๋‚ด ๋จธ๋ฆฌ ์†์— ๊ฐ€๋“

์—ผ์น˜ ์—†์ง€๋งŒ ์š•์‹ฌ ๊ฐ™์•„์„œ๋Š” intern์œผ๋กœ 6๊ฐœ์›” ์ •๋„ ์ผํ•œ ํ›„์— ์‹ ์ž… ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ๋‹ค.
์ง€๊ธˆ ๋‚ด ์‹ค๋ ฅ์— ์—ฐ๋ด‰์€ ์•„๋ฌด๋ž˜๋„ ์ƒ๊ด€์—†์œผ๋‹ˆ ๋‚˜๋ฅผ ๊ฐœ๋ฐœ์ž๋กœ ์ฑ„์šฉ๋งŒ ํ•ด์ฃผ์‹ ๋‹ค๋ฉด ๋„™์ฃฝ ์ž…์‚ฌํ•˜๋˜ ์‹ ์ž… ์•„๋‹ˆ๊ณ  intern์œผ๋กœ... ๊ทธ๊ฒŒ ์ง€๊ธˆ ๋‚ด ์‹ค๋ ฅ์— ๋งž๋Š” ์ง์ฑ…(?)์ธ ๊ฒƒ๋งŒ ๊ฐ™๋‹ค.

mentor๋‹˜ ๋ง์”€์œผ๋กœ๋Š” '๊ฒฝ๋ ฅ 3๋…„'์„ ์š”๊ตฌํ•˜๋Š” ํšŒ์‚ฌ๊นŒ์ง€๋Š” ์ง€์›์„œ๋ฅผ ๋‚ด๋ณด๋ผ๋Š”๋ฐ ๊ทธ ๋ง์”€์— 'wow...'
์ฑ„์šฉ์„ ํ•ด๋ณธ ๋‚ด ์ž…์žฅ์œผ๋กœ์„œ๋Š” ๋‚ฉ๋“๋˜์ง€ ์•Š๋Š” ์„ค๋“์ด์–ด์„œ ๋„์ €ํžˆ ์‹ค์ฒœ์— ์˜ฎ๊ธธ ์ˆ˜๊ฐ€ ์—†๋‹ค.
์—„์—ฐํžˆ ์ฑ„์šฉ ๊ธฐ์ค€์— ๋งž๊ฒŒ ๊ณต๊ณ ์— ์ ์€ ๋‚ด์šฉ์ผ ํ…๋ฐ ๊ทธ๊ฑธ ๋ฌด์‹œํ•˜๊ณ  ์ž…์‚ฌ๋ฅผ ์ง€์›ํ•˜๋ผ๋‹ˆ...
๊ทธ ํšŒ์‚ฌ์— ๋ฐฉํ•ด๊ฐ€ ๋ ๊นŒ๋ด, ์–ธ์  ๊ฐ€ ๋‚˜์—๊ฒŒ ๋ถˆ์ด์ต์ด ๋ ๊นŒ๋ด ์ฐจ๋งˆ ๋ชป ํ•˜๊ฒ ๋‹ค.

๊ฐœ๋ฐœ์ž๋กœ ์ทจ์งํ•˜๊ณ  ์‹ถ์€๋ฐ ๋‚˜๋„ ๋‚ด ์‹ค๋ ฅ์„ ๋ชป ๋ฏฟ์–ด์„œ ์ž…์‚ฌ ์ง€์›์„ ๋ชป ํ•˜๊ฒ ๋‹ค.
์Šฌํ”„๋‹ค...ใ… ใ… 

profile
๋Š๋ ค๋„ ํ•  ๊ฑฐ์•ผ.......

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