The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 102 : Project 4

Millie 2022. 6. 8. 03:49

 

CodeSquad๐Ÿ”นDay 102

Class by Crong - TypeScript <Generics>

  • ์˜คํ›„ 2์‹œ๋ถ€ํ„ฐ 4์‹œ์ฏค๊นŒ์ง€, ํฌ๋กฑ์˜ TypeScript ๊ฐ•์˜๊ฐ€ ์žˆ์—ˆ๋‹ค. ์„ธ๋ถ€ ์ฃผ์ œ๋Š” Generics. 
  • ์ด๋ฒˆ ์ฃผ TypeScript ์Šคํ„ฐ๋”” ์ฃผ์ œ๋„ ์ œ๋„ค๋ฆญ์ด๋ผ์„œ ํ•™์Šต์ด ๋” ํ•„์š”ํ•˜๋‹ค. 
  • ์˜๋กœ์šฐ์™€ ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ฒ˜์Œ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ฃผ์–ด์ง„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ œ๋„ค๋ฆญ์„ ํ™œ์šฉํ•ด์„œ ํƒ€์ดํ•‘ ํ•˜๋Š” ๋ฌธ์ œ์˜€๋‹ค.

 

Project - Calendar

  • ์Šฌ๋ผ์ด๋”๋ฅผ ๋” ์™„์„ฑ๋„ ์žˆ๊ฒŒ ํ•˜๋ ค๊ณ  ํ–ˆ์œผ๋‚˜, ์šฐ์„  SearchBar์™€ ์ƒํƒœ๊ฐ€ ์—ฐ๋™๋˜๋„๋ก ํ•˜๋Š” ๊ฒŒ ์šฐ์„ ์ด๋ผ๊ณ  ํŒ๋‹จํ•ด ์ผ๋‹จ ์ƒํƒœ ๊ด€๋ฆฌ ๋กœ์ง์„ ๊ณ ๋ฏผํ–ˆ๋‹ค. 
  • DatePicker ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด์„œ ๋‚ ์งœ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ–ˆ๋‹ค. 
  • Modal์„ ํด๋ฆญํ–ˆ์„ ๋•Œ SearchBar์˜ Focus๊ฐ€ ์‚ฌ๋ผ์ง€์ง€ ์•Š๋„๋ก ์ƒํƒœ ๊ด€๋ฆฌ ๋กœ์ง์„ ์งฐ๋‹ค. 
  • ์ฒดํฌ์ธ/์ฒดํฌ์•„์›ƒ์˜ Focus๊ฐ€ ๋‚ ์งœ๋ฅผ ์„ ํƒํ•จ์— ๋”ฐ๋ผ์„œ ์ด๋™ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ–ˆ๋‹ค. 
  • ๋‚ด์ผ์€ ์—ฌ๊ธฐ์— ๋ถ€๊ฐ€์ ์œผ๋กœ ์Šคํƒ€์ผ๋ง๋งŒ ์ข€ ๋” ์ž…ํžŒ ํ›„, ๋งŒ๋“ค๋ฉด์„œ ๊ณ ๋ฏผํ–ˆ๋˜ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜์—ฌ PR์„ ๋ณด๋‚ผ ์ƒ๊ฐ์ด๋‹ค. 

 

๊ทผํ™ฉ

  • ์˜ค๋ฅธ์ชฝ ์–ด๊นจ์˜ ํ†ต์ฆ์ด ์‹ฌํ•ด์กŒ๋‹ค. ์˜์ž์˜ ๋†’์ด๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ์ž์„ธ๋ฅผ ์ข€ ๋” ์‹ ๊ฒฝ์จ์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. 
  • React๋ฅผ ์ข€ ๋” ๊นŠ์ด ์•Œ๊ณ  ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

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

CodeSquad Day 104 : Project 4  (0) 2022.06.10
CodeSquad Day 103 : Project 4  (0) 2022.06.09
CodeSquad Day 101 : Project 4  (0) 2022.06.06
CodeSquad Day 96 : Project 4 - Day 6  (0) 2022.05.31
CodeSquad Day 92 : Project 4 - Day 2  (0) 2022.05.25