The journey to becoming a developer

My future is created by what I do today, not tomorrow.

What I learned/CodeSquad Log

CodeSquad Day 37 : Front-end Week 3

Millie 2022. 3. 2. 00:46

 

CodeSquad๐Ÿ”นDay 37

Morning Algo & Algorithm

์˜ค๋Š˜์€ ํ™”์š”์ผ, ์•„์นจ 9์‹œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋”” ํ•˜๋Š” ๋‚ ์ด์—ˆ๋‹ค. ๋ฌด๊ฑฐ์šด ๋ชธ์„ ์ผ์œผ์ผœ ์ฐธ์—ฌํ•˜๋ฉด ์˜ค์ „์„ ๋ฟŒ๋“ฏํ•จ์œผ๋กœ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹๋‹ค. Linked List ๋ฌธ์ œ๋Š” ์•„์ง๋„ ๋จธ๋ฆฌ๊ฐ€ ์•„ํ”„๋‹ค.

์˜ค๋Š˜์˜ ๋ฌธ์ œ๋ฅผ LeetCode์—์„œ ์‹œ๋„ํ–ˆ๋Š”๋ฐ JavaScript์˜ set์„ ํ™œ์šฉํ•ด์•ผ ์ž˜ ํ’€ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์˜€๋‹ค. set์„ ์ œ๋Œ€๋กœ ํ™œ์šฉํ•ด ๋ณธ ์ ์ด ์—†์–ด์„œ ๋‚ด์ผ ์ถ”๊ฐ€์ ์œผ๋กœ ํ•™์Šตํ•ด์„œ ํ’€์–ด๋ด์•ผ๊ฒ ๋‹ค.

 

Learning

Express์˜ ๋ฏธ๋“ค์›จ์–ด ๊ฐœ๋…์ด ๋ฌด์—‡์ธ์ง€ ํŒŒ์•…ํ•ด๋ณด๋ ค๊ณ  ์• ์ผ๋‹ค. ๊ณต์‹๋ฌธ์„œ๋ฅผ ๋ดค์ง€๋งŒ ์ž˜ ์™€๋‹ฟ์ง€ ์•Š์•„์„œ ๋ธ”๋กœ๊ทธ๋„ ๋ณด์•˜์ง€๋งŒ, ์—ญ์‹œ ์จ ๋ณด๊ธฐ ์ „๊นŒ์ง€๋Š” ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹ค.

SSR, CSR ๊ฐœ๋…๋„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋“œ๋ฆผ์ฝ”๋”ฉ ์—˜๋ฆฌ, ์–„์ฝ”, ํ…Œ์ฝ”ํ†ก ์˜์ƒ์„ ์ฐธ๊ณ ํ•ด ๋ณด์•˜๋‹ค. ์ž˜ ์™€๋‹ฟ์ง€ ์•Š์€ ๊ฐœ๋…์ด์—ˆ๋Š”๋ฐ ๊ทธ๋ž˜๋„ ์˜์ƒ 3๊ฐœ๋ฅผ ๋ณด๋‹ˆ๊นŒ ๊ฐ์ด ์•ฝ๊ฐ„ ์žกํ˜”๋‹ค.

 

Discussion

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

6์‹œ ์ดํ›„์—๋Š” ํŒŒํฌ์—๊ฒŒ ์งˆ๋ฌธ์„ ํ–ˆ๋‹ค. Express ๊ด€๋ จํ•œ ๊ฒƒ, ๋ฆฌํŒฉํ† ๋ง, ๋””๋ ‰ํ† ๋ฆฌ์™€ ํŒŒ์ผ ๊ตฌ์กฐ ๋“ฑ ๋‹ค์–‘ํ•œ ๋ถ€๋ถ„์—์„œ ๋งŽ์ด ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ์งˆ๋ฌธํƒ€์ž„์ด ๋๋‚˜๊ณ  ๋‚˜์„œ๋Š” ํ–„๋””, ๋„๋‹ˆ, BB๋„ ํ•จ๊ป˜ ์ˆ˜๋‹ค ํƒ€์ž„์„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๊ฐ€์ง€๊ฒŒ ๋˜์—ˆ๋‹ค.

 

Mission: Refactoring

ํŒŒํฌ๊ฐ€ ํ•ด ์ค€ ์กฐ์–ธ๋“ค์„ ์ ์šฉํ•ด์„œ ์ฝ”๋“œ๋ฅผ ๋ฆฌํŒฉํ† ๋ง ํ•ด๋ณด์•˜๋‹ค. ์ „์—ญ๋ณ€์ˆ˜๋„ ์—†์• ๊ณ , ๋ฐ์ดํ„ฐ๊ฐ€ ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค fetch๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์‹์œผ๋กœ ๋ฐ”๊ฟ”๋ณด์•˜๋‹ค. ๋‚ด์ผ PR ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด์„œ ์ด ๋ถ€๋ถ„์„ README์— ์ •๋ฆฌํ•  ๊ฒƒ์ด๋‹ค.

 

๋ณธ๊ฒฉ ์šด๋™์ธ์ฆ ๋‚ด์ผ๋ถ€ํ„ฐ ์‹œ์ž‘!

์šด๋™์ธ์ฆ ๋ชจ์ž„์— ํŒŒํฌ๊ฐ€ ์ฐธ์—ฌํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ์ƒˆ๋กœ์šด ๋ฉค๋ฒ„๋ฅผ ๋” ์˜์ž…ํ• ์ง€๋Š” ์ข€ ๋” ์‹œ๊ฐ„์„ ์ง€์ผœ๋ณด๊ณ  ์ƒ๊ฐํ•ด ๋ด์•ผ๊ฒ ๋‹ค. 3์›” ์ค‘์ˆœ์ด๋‚˜ 4์›”์ฏค์— ์ธ์›์„ ๋ชจ์ง‘ํ•ด ๋ณผ ์ˆ˜๋„ ์žˆ๊ฒ ๋‹ค. ์•„์นจ์— ๊ทœ์น™์ ์œผ๋กœ ์šด๋™ํ•˜๋Š” ๋‚˜๋‚ ์ด ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค.

'What I learned > CodeSquad Log' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

CodeSquad Day 39 : Front-end Week 3  (0) 2022.03.04
CodeSquad Day 38 : Front-end Week 3  (0) 2022.03.03
CodeSquad Day 36 : Front-end Week 3  (0) 2022.03.01
CodeSquad Day 35 : Front-end Week 2  (0) 2022.02.26
CodeSquad Day 34 : Front-end Week 2  (0) 2022.02.25