profile
๐Ÿ‘ฉโ€๐Ÿ’ป
post-thumbnail

๋™๊ธฐ, ๋น„๋™๊ธฐ๋ž€? (+Promise, async/await ๊ฐœ๋…)

1. ๋™๊ธฐ vs. ๋น„๋™๊ธฐ ์šฐ์„  ์ฐจ์ด์  ๋ถ€ํ„ฐ ์„ค๋ช…ํ•˜์ž๋ฉด, ๋™๊ธฐ๋Š” '์ง๋ ฌ์ '์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์ด๊ณ  ๋น„๋™๊ธฐ๋Š” '๋ณ‘๋ ฌ์ '์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ์ฆ‰, ๋น„๋™๊ธฐ๋ž€ ํŠน์ • ์ฝ”๋“œ๊ฐ€ ๋๋‚ ๋•Œ ๊นŒ์ง€ ์ฝ”๋“œ์˜ ์‹คํ–‰์„ ๋ฉˆ์ถ”์ง€ ์•Š๊ณ  ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ๋จผ์ € ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ฅผ ์˜ˆ๋กœ

3์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

jwt๋กœ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ (React + Rails )

jwt๋ž€? JWT(Json Web Token)์˜ ์•ฝ์ž๋กœ, Json ํฌ๋งท์„ ์ด์šฉํ•ด ์ธ์ฆ์— ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์•”ํ˜ธํ™” ํ•œ ์›น ํ† ํฐ์ด๋‹ค.

2022๋…„ 3์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - 5. ํด๋กœ์ €

ํด๋กœ์ €๋ž€, ์–ด๋–ค ํ•จ์ˆ˜ A์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜ a๋ฅผ ์ฐธ์กฐํ•˜๋Š” ๋‚ด๋ถ€ํ•จ์ˆ˜ B๋ฅผ ์™ธ๋ถ€๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ, A์˜ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๊ฐ€ ์ข…๋ฃŒ๋œ ์ดํ›„์—๋„ ๋ณ€์ˆ˜ a๊ฐ€ ์‚ฌ๋ผ์ง€์ง€ ์•Š๋Š” ํ˜„์ƒ

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” React Hook ์•Œ์•„๋ณด๊ธฐ

React Hook ์ด๋ž€? ๐Ÿง Hook React ๋ฒ„์ „ 16.8๋ถ€ํ„ฐ React ์š”์†Œ๋กœ ์ƒˆ๋กœ ์ถ”๊ฐ€๋œ ๊ธฐ๋Šฅ์ด๋‹ค. ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๋ช‡ ๊ฐ€์ง€ ๊ธฐ์ˆ ์„ Hook ์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.

2022๋…„ 2์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ •๋ฆฌ - 4. ์ฝœ๋ฐฑํ•จ์ˆ˜

์ฝœ๋ฐฑํ•จ์ˆ˜: ๋‹ค๋ฅธ ์ฝ”๋“œ์˜ ์ธ์ž๋กœ ๋„˜๊ฒจ์ฃผ๋Š” ํ•จ์ˆ˜

2022๋…„ 2์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ •๋ฆฌ - 3. this

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ this ๋ž€?

2022๋…„ 2์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ •๋ฆฌ - 2. ์‹คํ–‰ ์ปจํ…์ŠคํŠธ

์‹คํ–‰ ์ปจํ…์ŠคํŠธ(execution context): ์‹คํ–‰ํ•  ์ฝ”๋“œ์— ์ œ๊ณตํ•  ํ™˜๊ฒฝ ์ •๋ณด๋“ค์„ ๋ชจ์•„๋†“์€ ๊ฐ์ฒด

2022๋…„ 2์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Next.js Router ์ •๋ฆฌ

Next.js ๋ผ์šฐํ„ฐ ์‚ฌ์šฉ์‹œ ์ •ํ™•ํ•œ ์ •์˜๋ฅผ ๋ชจ๋ฅด๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ถ€๋ถ„์ด ๋งŽ์€ ๊ฒƒ ๊ฐ™์•„ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ์ •๋ฆฌํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

2022๋…„ 2์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ •๋ฆฌ - 1. ๋ฐ์ดํ„ฐ ํƒ€์ž…

[์ฝ”์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] 1๊ฐ• ๋ฐ์ดํ„ฐ ํƒ€์ž… ์ •๋ฆฌ

2022๋…„ 2์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฆฌ์•กํŠธ ์•ฑ์— ๋‹ฌ๋ ฅ(react-calendar) ์ ์šฉํ•˜๊ธฐ

react-calendar ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ react ์•ฑ์— ๋‹ฌ๋ ฅ์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

2022๋…„ 2์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ธ๋ฑ์Šค๋ž€?

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๋‹ค๋ฃฐ ๋•Œ ์ธ๋ฑ์‹ฑ(indexing)์€ ๋งค์šฐ ์ค‘์š”ํ•˜๋‹ค. ๋ณธ ๊ฒŒ์‹œ๊ธ€์—์„œ๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ธ๋ฑ์Šค์˜ ๊ฐœ๋…๊ณผ ํ•„์š”์„ฑ, ๊ทธ๋ฆฌ๊ณ  ๋ ˆ์ผ์ฆˆ ์•ฑ์— ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

2022๋…„ 2์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Firestore๋กœ ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ์•ฑ ๊ตฌํ˜„ (feat. React, Firebase)

์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” React ์ฑ„ํŒ…์•ฑ์— Firestore๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ณต์œ ๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ์กด์— polling ๋ฐฉ์‹์œผ๋กœ ์ฑ„ํŒ…์„ ๊ตฌํ˜„ํ–ˆ์„ ๋•Œ ์†๋„๋„ ๋„ˆ๋ฌด ๋Š๋ฆฌ๊ณ , ์‹ฑํฌ๊ฐ€ ๋งž์ง€ ์•Š์•„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ˜์˜๋  ์ˆ˜ ์žˆ๋Š” Firestore๋ฅผ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

2022๋…„ 1์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Rails 7.0 ์ถœ์‹œ ๋‚ด์šฉ ์ •๋ฆฌ

๋ ˆ์ผ์ฆˆ 7.0 ์—…๋ฐ์ดํŠธ ๋‚ด์šฉ ์ •๋ฆฌ

2022๋…„ 1์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[CS50] ์ž๋ฃŒ๊ตฌ์กฐ ์ •๋ฆฌ

6๊ฐ• ์ •๋ฆฌ: ํฌ์ธํ„ฐ, ๋ฐฐ์—ด, ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ, ํ•ด์‹œ ํ…Œ์ด๋ธ”, ํŠธ๋ผ์ด, ์Šคํƒ, ํ, ๋”•์…”๋„ˆ๋ฆฌ

2022๋…„ 1์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[CS50] ๋ฉ”๋ชจ๋ฆฌ ์ •๋ฆฌ

CS50 ๋ฉ”๋ชจ๋ฆฌ ๊ฐ•์˜ ๋…ธํŠธ: ๋ฉ”๋ชจ๋ฆฌ ์ฃผ์†Œ, ํฌ์ธํ„ฐ, ๋ฌธ์ž์—ด, ๋ฌธ์ž์—ด ๋น„๊ต, ๋ฌธ์ž์—ด ๋ณต์‚ฌ, ๋ฉ”๋ชจ๋ฆฌ ํ• ๋‹น๊ณผ ํ•ด์ œ, ๋ฉ”๋ชจ๋ฆฌ ๊ตํ™˜/ ์Šคํƒ/ ํž™, ๋ฉ”๋ชจ๋ฆฌ ๊ตฌ์กฐ

2022๋…„ 1์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[CS50] ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ •๋ฆฌ

๊ฒ€์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜, ์ •๋ ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜, big-o ์•Œ์•„๋ณด๊ธฐ

2022๋…„ 1์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[CS50] ๋ฐฐ์—ด ๊ฐ•์˜ ์ •๋ฆฌ

๋ชจ๋‘๋ฅผ ์œ„ํ•œ ์ปดํ“จํ„ฐ ๊ณผํ•™ (CS50 2019) ๊ฐ•์˜ ์ •๋ฆฌ

2021๋…„ 12์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[Rails] :includes ๋กœ SQL N+1 ๋ฌธ์ œ ๊ฐœ์„ ํ•˜๊ธฐ

N+1 ๋ฌธ์ œ๋ž€? ์ฟผ๋ฆฌ 1๋ฒˆ์œผ๋กœ N๊ฑด์„ ๊ฐ€์ ธ์™”๋Š”๋ฐ, ๊ด€๋ จ ์ปฌ๋Ÿผ์„ ์–ป๊ธฐ ์œ„ํ•ด ์ฟผ๋ฆฌ๋ฅผ N๋ฒˆ ์ถ”๊ฐ€ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฌธ์ œ

2021๋…„ 12์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[LeetCode] Backtracking ์„ ์ด์šฉํ•œ ์ˆœ์—ด ๊ตฌํ•˜๊ธฐ

๋ฐฑํŠธ๋ž˜ํ‚น(backtracking)์ด๋ž€? : ํ•œ์ • ์กฐ๊ฑด์„ ๊ฐ€์ง„ ๋ฌธ์ œ๋ฅผ ํ‘ธ๋Š” ์ „๋žต์ด๋‹ค. ํ•ด๋ฅผ ์ฐพ๋Š” ๋„์ค‘ ํ•ด๋‹น ๊ฒฝ๋กœ์—์„œ ํ•ด๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š๊ณ  ๋ง‰ํžˆ๋ฉด, ๋˜๋Œ์•„๊ฐ€์„œ ๋‹ค๋ฅธ ๊ฒฝ๋กœ์—์„œ ํ•ด๋ฅผ ์ฐพ์•„๊ฐ€๋Š” ๊ธฐ๋ฒ•์„ ๋งํ•œ๋‹ค.

2021๋…„ 12์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€