The journey to becoming a developer

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

What I learned/TIL

[Tue/1/11/2021] Today I Learned

Millie 2022. 1. 12. 00:56

๐ŸŽ† ์˜ค๋Š˜์˜ ๊นจ๋‹ฌ์Œ

1. Github ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค์–ด์•ผ๊ฒ ๋‹ค.

์ฝ”๋“œ์Šค์ฟผ๋“œ์˜ Hemdi, Dony์˜ ๊นƒํ—ˆ๋ธŒ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๊ณ , ๋˜ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ์—ฌ๋Ÿฌ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ฐฉ๋ฌธํ•œ ๊ฒฐ๊ณผ ๋‚ด๋ฆฐ ๊ฒฐ๋ก ์ด๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ์กฐ๋งŒ๊ฐ„ ์ด์‚ฌ๋ฅผ ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๊ฒฐ์‹ฌํ–ˆ๋‹ค. ๊ทธ๋™์•ˆ ์“ด ๊ธ€์ด 100๊ฐœ๊ฐ€ ๋„˜๊ธฐ ๋•Œ๋ฌธ์— ์›ฌ๋งŒํ•˜๋ฉด ์ด์‚ฌ๋ฅผ ํ•˜์ง€ ์•Š์œผ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ์•„๋ž˜์™€ ๊ฐ™์€ ์ด์œ ๋กœ ๊ฒฐ์‹ฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋ฌผ๋ก  ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์•„์˜ˆ ๋ฐฉ์น˜ํ•˜์ง„ ์•Š์„ ๊ฒƒ ๊ฐ™๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ธ€์„ ๋‚จ๊ธธ ๋•Œ์—๋Š” ๊ดœ์ฐฎ์€ ๊ฒƒ ๊ฐ™๋‹ค. ๋‚ด๊ฐ€ ์•„์˜ˆ ํ…Œ๋งˆ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ๋„ ๋“ค์—ˆ์ง€๋งŒ, ๊ทธ๊ฑด ์•„์ง ์‹œ๊ธฐ์ƒ์กฐ๋ผ๊ณ  ์ƒ๊ฐํ•ด์„œ jekyll ๋“ฑ์—์„œ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ํ…Œ๋งˆ๋ฅผ ๊ณจ๋ผ ๋ณด๋ ค๊ณ  ํ•œ๋‹ค. 

ํ˜„์žฌ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๊ฐ€ ๋ถˆํŽธํ•œ ์ด์œ 

1. ๋ถˆํŽธํ•œ ๋งˆํฌ๋‹ค์šด : ๊ทธ๋ƒฅ VS Code์—์„œ ๋งˆํฌ๋‹ค์šด์œผ๋กœ ์ž‘์„ฑํ•œ ๊ณต๋ถ€ ์ •๋ฆฌํ•œ ๋‚ด์šฉ, ํ˜น์€ TIL ๋“ฑ์„ ๋ฐ”๋กœ ์ปค๋ฐ‹ํ•˜๊ณ  ํ‘ธ์‹œํ•ด์„œ ๋ธ”๋กœ๊ทธ์— ๋ฐ˜์˜๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ์—๋””ํ„ฐ๋กœ ๊ธ€์„ ์“ฐ๊ณ  ์žˆ๋Š”๋ฐ ๋ถˆํŽธํ•จ์„ ๋งŽ์ด ๋Š๋‚€๋‹ค.

2. ๋ธ”๋กœ๊ทธ ํ…Œ๋งˆ ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์ด ์›ํ™œํ•˜์ง€ ์•Š์Œ : ํ–‰๊ฐ„ ์กฐ์ ˆ, ๊ธ€์”จ์ฒด, ์‚ฌ์†Œํ•œ ๊ฒƒ์„ ๋ฐ”๊พธ๋Š” ๋“ฑ ์˜จ๊ฐ– ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์„ ์‹œ๋„ํ•˜์˜€์œผ๋‚˜ ๋‚ด ๋ง˜์— 100% ๋“ค์ง„ ์•Š์Œ.

๋ธ”๋กœ๊ทธ ํ…Œ๋งˆ๋ฅผ ๊ณ ๋ฅผ ๋•Œ ๊ธฐ์ค€

- ๊ธ€์˜ ์†Œ์ œ๋ชฉ์ด ์˜†์— ๋–  ์žˆ๊ณ , ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ์†Œ์ œ๋ชฉ์œผ๋กœ ๊ฐˆ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ธฐ๋Šฅ : ์ด ๊ธฐ๋Šฅ์ด ์ •๋ง ์ค‘์š”ํ•˜๋‹ค. ๊ธ€์˜ ์†Œ์ œ๋ชฉ์„ ์ „๋ฐ˜์ ์œผ๋กœ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๊ณ , ์ด๋™ํ•  ๋•Œ๋„ ํŽธ๋ฆฌํ•˜๋‹ค.

- ๊ตฐ๋”๋”๊ธฐ ์—†๋Š” ๊น”๋”ํ•œ ๋””์ž์ธ, ์นดํ…Œ๊ณ ๋ฆฌ ๊ธฐ๋Šฅ 

 

2. ์ฝ”๋“œ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์งœ๊ธฐ ์ „์— ๊ณ„ํš๊ณผ ์„ค๊ณ„๋ถ€ํ„ฐ ์ œ๋Œ€๋กœ ํ•˜๊ณ  ์งœ์•ผ๊ฒ ๋‹ค.

๊ทธ๋™์•ˆ ๋ญ”๊ฐ€๋ฅผ ๊ตฌํ˜„ํ•ด์•ผ ํ•  ๋•Œ ์šฐ์„  ๊ตฌํ˜„ํ•˜๊ณ  ๋‚˜์„œ ์ƒ๊ฐํ–ˆ๋‹ค. ๋ฌผ๋ก  ๊ณต๋ถ€ ์ดˆ๊ธฐ ๋‹จ๊ณ„์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ํ•˜๋Š” ๊ฒŒ ๋” ๋‚˜์€ ๋ฐฉ๋ฒ•์ผ ์ˆ˜ ์žˆ๋‹ค. ์ผ๋‹จ ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•ด์•ผ ๋งˆ์Œ์ด ํŽธํ•œ ๊ฒƒ๋„ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ฐœ๋ฐœ์ž๋กœ ์„ฑ์žฅํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์ด๋Ÿฐ ์Šต๊ด€์„ ๊ผญ ๋ฒ„๋ ค์•ผ๊ฒ ๋‹ค๊ณ  ๋Š๊ผˆ๋‹ค. ์ œ๋Œ€๋กœ ๋œ ์„ค๊ณ„๊ฐ€ ์žˆ์–ด์•ผ ์ œ๋Œ€๋กœ ๋œ ๊ฒฐ๊ณผ๋ฌผ์ด ๋‚˜์˜ค๊ฒŒ ๋œ๋‹ค. ์ด๋ฒˆ ๋ฏธ์…˜์„ ํ•˜๋ฉด์„œ ๋Š๊ผˆ๋‹ค. 

์„ค๊ณ„๋ฅผ ์ œ๋Œ€๋กœ ํ•˜์ง€ ์•Š๊ณ  ๋ฏธ์…˜์— ๋Œ์ž…ํ•˜๋‹ˆ ๊ณ„์†ํ•ด์„œ ๋ฒ„๊ทธ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ๊ฒฐ๊ตญ "๋‹ค ๊ฐˆ์•„ ์—Ž์–ด์•ผ ํ•˜๋‚˜?"๋ผ๊ณ  ๊ณ ๋ฏผํ•˜๊ฒŒ ๋˜๋Š” ์ง€๊ฒฝ์— ์ด๋ฅด๋ €๋‹ค. ์• ์ดˆ์— ์„ค๊ณ„๋ฅผ ์ž˜ ํ–ˆ๋‹ค๋ฉด ํ•˜์ง€ ์•Š์„ ์ƒ๊ฐ์ด์—ˆ๋‹ค. ์ œ๋Œ€๋กœ ์„ค๊ณ„ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜์ง€ ์•Š์€ ๊ฒฐ๊ณผ์˜€๋‹ค. ์„ค๊ณ„์— ์‹œ๊ฐ„์ด ์ข€ ๊ฑธ๋ฆฐ๋‹ค๊ณ  ํ•ด๋„ ๊ผญ ๊ฑฐ์ณ์•ผ ํ•˜๋Š” ๊ฒƒ์ด์—ˆ๋‹ค. 

 

3. ํšŒ๊ณ ํ•˜๋Š” ๋ฐฉ์‹์„ ์—…๊ทธ๋ ˆ์ด๋“œ ํ•ด์•ผ๊ฒ ๋‹ค.

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

์ƒˆ๋กœ์šด ํšŒ๊ณ  ๋ฐฉ์‹์„ ๊ณ ๋ฏผํ–ˆ๋‹ค. ๊ฒ€์ƒ‰์„ ํ•ด ๋ณด๋‹ˆ 5F, 4L ๋ฐฉ์‹ ๋“ฑ ๋‹ค์–‘ํ•œ ๋ฐฉ์‹๋“ค์ด ๋ˆˆ์— ๋„์—ˆ๋‹ค. ์ด๋Ÿฐ ๋ฐฉ์‹๋“ค ์ค‘ ๋‚˜์—๊ฒŒ ํ•„์š”ํ•œ ๊ฒƒ๋“ค์„ ์กฐํ•ฉํ•ด์„œ ํšŒ๊ณ  ์–‘์‹์„ ๋งŒ๋“ค๊ณ  ํ™œ์šฉํ•ด์„œ ํšŒ๊ณ ๊ฐ€ ์ •๋ง ๋‚˜์˜ ์„ฑ์žฅ์— ๋„์›€์ด ๋˜๋„๋ก ํ•ด์•ผ๊ฒ ๋‹ค.

 


 

1. CodeSquad Day 7

 

2. Project meeting

(1) ํ”„๋กœ์ ํŠธ ์ผ์ •

* ์ตœ์ข… ๋ฐ๋ชจ์ผ : 1/13(๋ชฉ) -> 1/25(ํ™”)

* ํ”„๋กœ์ ํŠธ ์™„์„ฑ ๋ฐ๋“œ๋ผ์ธ : 1/23(์ผ)

* FE ๋ฏธํŒ… : 1/15, 1/22

* ํŒ€ ๋ฏธํŒ… : 1/16

* 1/13(๋ชฉ)๊นŒ์ง€ ์™„์„ฑ๋„ ๋†’์€ ๋ธŒ๋žœ์น˜ PR ํ›„ merge 

* 1/23๊นŒ์ง€ ์™„์„ฑ, API ๋ถ™์ด๊ธฐ ์™„์„ฑ

 

(2) QnA

* ์ปค๋ฎค๋‹ˆํ‹ฐ ํŽ˜์ด์ง€ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ : filter ๋ฉ”์„œ๋“œ ํ™œ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ ์ง์ ‘ ๊ตฌํ˜„ํ–ˆ์ง€๋งŒ, ๋ฐฑ์—”๋“œ API๋ฅผ ์ด์šฉํ•˜๋Š” ์‹์œผ๋กœ ๋ฐ”๊ฟ”์•ผ ํ•จ. 

* ์ •๋ ฌ ๊ธฐ๋Šฅ ์—ญ์‹œ ๋ฐฑ์—”๋“œ API ํ˜ธ์ถœ 

* ๊ธ€์“ฐ๊ธฐ ๊ธฐ๋Šฅ๊ณผ ๊ธ€ ์ˆ˜์ • ๊ธฐ๋Šฅ์˜ pathname์„ ๊ฐ๊ธฐ ๋‹ค๋ฅธ ๊ฒƒ์œผ๋กœ ์„ค์ •ํ•˜๊ธฐ

* axios delete๊ฐ€ ์ œ๋Œ€๋กœ ๋˜์ง€ ์•Š๋Š” ๋ถ€๋ถ„ ํ•ด๊ฒฐ ์™„๋ฃŒ : id์˜ ๊ฒฝ์šฐ query string์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š๋Š”๋‹ค. 

* ์กฐํšŒ์ˆ˜์˜ ๊ฒฝ์šฐ ๋ฐฑ์—”๋“œ์—์„œ ์ฒ˜๋ฆฌํ•จ

 

3. Node.js v-inspector Debugging

readline ์‚ฌ์šฉ ์‹œ ๋””๋ฒ„๊น… ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํ•™์Šต - ๊ณต์‹๋ฌธ์„œ ๋ณด๊ณ  readme ๊ฐ„๋‹จํžˆ ์ž‘์„ฑ

๊ทธ๋Ÿฐ๋ฐ ๋ฒ„์ „์ด ๋†’์•„์ ธ์„œ ์•ˆ ๋˜๋Š” ๊ฑด์ง€, ์ž˜ ์ž‘๋™๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค. 

 

 

์˜ค๋Š˜์˜ 4์ธ๋ฐฉ - 10์‹œ 10๋ถ„๋ถ€ํ„ฐ 11์‹œ๊นŒ์ง€, ๊ฐ„๋‹จํžˆ ๋ฏธ์…˜์— ๋Œ€ํ•œ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ–ˆ๋‹ค. 

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

[Thurs/1/13/2021] Today I Learned  (0) 2022.01.14
[Wed/1/12/2021] Today I Learned  (0) 2022.01.12
[Mon/1/10/2021] Today I Learned  (0) 2022.01.11
[Sun/1/9/2021] Today I Learned  (0) 2022.01.10
[Sat/1/8/2021] Today I Learned  (0) 2022.01.09