The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 71 : Team Project 2

Millie 2022. 4. 18. 23:39

 

CodeSquad๐Ÿ”นDay 71

Team Project

๋‘ ๋ฒˆ์งธ ํŒ€ ํ”„๋กœ์ ํŠธ์˜ ๋ง‰์ด ์—ด๋ ธ๋‹ค! ์ด๋ฒˆ์—๋Š” ๋ฌด๋ ค ๋ฐฑ์—”๋“œ์™€ ํ˜‘์—…์„ ํ•ด์•ผ ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์ด๋‹ค. ํ”„๋ก ํŠธ๋Š” ํ–„๋””์™€ ํ•จ๊ป˜ ๋งก๊ฒŒ ๋˜์–ด์„œ ์–ด์ƒ‰ํ•˜์ง€ ์•Š๊ณ  ์ฆ๊ฒ๊ฒŒ ์ž˜ ํ•ด๋‚˜๊ฐˆ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋ฐฑ์—”๋“œ ๋ถ„๋“ค์ธ ๋™๊ธฐ, ์ค€๊ณผ๋Š” ์ฒ˜์Œ ๋งŒ๋‚ฌ์ง€๋งŒ ๊ทธ๋ž˜๋„ ์˜ค์ „์— ๋‚ด๊ฐ€ ์–ด๋–ค ์‹์œผ๋กœ ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋‚˜๊ฐˆ์ง€์— ๋Œ€ํ•œ ์ค€๋น„๋ฅผ ํ•˜๊ณ  ์ด์•ผ๊ธฐ๋ฅผ ํ•˜๋‹ˆ ์ž˜ ๋ฐ›์•„๋“ค์—ฌ ์ฃผ์…จ๋‹ค. ์•„๋ฌด๋ž˜๋„ ๋ฐฑ์—”๋“œ์™€ ํ˜‘์—…ํ•˜๋Š” ๊ฒŒ ์ต์ˆ™ํ•˜์ง€ ์•Š์„ ๊ฒƒ ๊ฐ™์•„์„œ 10์‹œ ์ „์— ๋ฏธ๋ฆฌ ๋…ธ์…˜ ํŽ˜์ด์ง€๋„ ๋งŒ๋“ค๊ณ , ๋‹ค๋ฅธ ํŒ€๋“ค์ด ํ•œ ๊ฒƒ๋“ค์„ ๋ณด๋ฉด์„œ ์ค€๋น„๋ฅผ ํ•ด๊ฐ”๋Š”๋ฐ ์ •๋ง ์ค€๋น„๋ฅผ ํ•˜๊ธธ ์ž˜ํ–ˆ๋‹ค ์‹ถ์—ˆ๋‹ค. 

ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ณธ๊ฒฉ์ ์œผ๋กœ ๋Œ์ž…ํ•˜๊ธฐ ์ „์—, ์ž๊ธฐ์†Œ๊ฐœ๋ฅผ ๊ฐ„๋žตํ•˜๊ฒŒ ํ•˜๊ณ  ๊ทธ๋ผ์šด๋“œ ๋ฃฐ์„ ์ •ํ–ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” ํšŒ๊ณ ๋ฅผ ๊ผผ๊ผผํ•˜๊ฒŒ ์ž‘์„ฑํ•ด์„œ Github Wiki์—๋„ ์˜ฌ๋ ค ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. 

์ˆ˜์—…์ด ๋๋‚˜๊ณ  5์‹œ์ฏค์— ์šฐ๋ฆฌ ํŒ€์€ Zoom์ด ์•„๋‹Œ ๊ฒŒ๋”ํƒ€์šด์—์„œ ๋ชจ์˜€๋‹ค. ์ค€์˜ ์ œ์•ˆ์œผ๋กœ ๊ฒŒ๋”ํƒ€์šด์„ ํ•˜๋‚˜ ๋”ฐ๋กœ ํŒŒ์„œ ๊ฑฐ๊ธฐ์„œ ํ˜‘์—…์„ ์ง„ํ–‰ํ•  ๊ฒƒ ๊ฐ™๋‹ค. 

๋™๊ธฐ, ์ค€์ด ๊ฐ€๊ณ  ๋‚˜์„œ๋Š” ํ–„๋””์™€ ๋‚จ์•„์„œ ํ”„๋กœ์ ํŠธ์˜ ์š”๊ตฌ์‚ฌํ•ญ๋“ค์„ Github ํ”„๋กœ์ ํŠธ๋กœ ์„ธ๋ถ„ํ™”ํ•ด์„œ ์˜ฎ๊ธฐ๋Š” ์ž‘์—…์„ ํ–ˆ๋‹ค. ๋‚ด์ผ์€ ์ด๊ฒƒ์„ ํ† ๋Œ€๋กœ ๋ณธ๊ฒฉ์ ์œผ๋กœ CRA๋กœ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. 

 

Class by Crong

2์‹œ๋ถ€ํ„ฐ 4์‹œ 45๋ถ„๊นŒ์ง€ ๊ธธ๊ฒŒ ์ด์–ด์ง„ ํฌ๋กฑ์˜ ์ˆ˜์—…์—์„œ๋Š” React๋ฅผ ๋‹ค๋ค˜๋‹ค. ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ถ€ํ„ฐ ์ƒˆ๋กญ๊ฒŒ ๋„์ž…๋œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ React์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ์‹ค์Šต๋„ ํ•ด ๋ณด๊ณ , ์งˆ์˜์‘๋‹ต์„ ํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค. 

React๊ฐ€ ์™œ ํ•„์š”ํ•œ์ง€, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ณด๋‹ค ์–ด๋–ค ์ ์ด ์ข‹๊ธธ๋ž˜ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊พธ์ค€ํžˆ ์‚ฌ๋ž‘๋ฐ›๊ณ  ์žˆ๋Š” ๊ฒƒ์ธ์ง€์— ๋Œ€ํ•ด์„œ๋„ ๋ฐฐ์› ๋‹ค. DOM ์กฐ์ž‘์ด ๋ฒˆ๊ฑฐ๋กœ์šด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋น„ํ•ด ์ด๋ฅผ ํ›จ์”ฌ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋Š” React. ๊ทธ๋ฆฌ๊ณ  React์—์„œ์˜ ๋ Œ๋”๋ง. ํ•œ ๋ฒˆ ์ด๊ฑด ์ •๋ฆฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ๊ทธ๋ƒฅ ๋“ฃ๊ณ  ๋๋‚˜๋ฒ„๋ฆฌ๋‹ˆ ๋จธ๋ฆฟ์†์„ ์Šค์ณ ์ง€๋‚˜๊ฐ€ ๋ฒ„๋ ธ๋‹ค. ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •๋„ ๋‹ค์‹œ ํ•œ ๋ฒˆ ์ œ๋Œ€๋กœ ๋ณต์Šตํ•ด์•ผ๊ฒ ๋‹ค. 

 

Algorithms

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ๋ ˆ๋ฒจ 2 '์บ์‹œ' ๋ฌธ์ œ๋ฅผ ํ’€์—ˆ๋‹ค. LRU๋ผ๋Š” ์บ์‹œ ๊ต์ฒด ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์•Œ์•„์•ผ ํ’€ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์˜€๋‹ค. LRU๋ž€ Least Recently Used๋ผ๋Š” ๋œป์ธ๋ฐ ์ตœ๊ทผ์— ๊ฐ€์žฅ ์ ๊ฒŒ ์‚ฌ์šฉํ•œ ๊ฒƒ์„ ์บ์‹œ์—์„œ ์ œ๊ฑฐํ•˜๊ณ  ์ƒˆ๋กœ์šด ์š”์†Œ๋ฅผ ์บ์‹ฑํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ฆ‰ ์บ์‹ฑ ๋˜์–ด ์žˆ๋Š” ๊ฒƒ์—์„œ ๊ฐ€์žฅ ์˜ค๋ž˜๋œ ๊ฒƒ์„ ์ œ๊ฑฐํ•œ๋‹ค๋Š” ๊ฒƒ. 
 
 

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

CodeSquad Day 73 : Team Project 2  (1) 2022.04.20
CodeSquad Day 72 : Team Project 2  (0) 2022.04.19
CodeSquad Day 70 : Team Project Week 2  (0) 2022.04.16
CodeSquad Day 69 : Team Project Week 2  (0) 2022.04.15
CodeSquad Day 68 : Team Project Week 2  (0) 2022.04.14