profile
Front-End Developer ๐Ÿ˜
post-thumbnail

๋ฆฌ๋•์Šค๋กœ ์ƒํƒœ๊ด€๋ฆฌํ•˜๊ธฐ

ํ”„๋ ˆ์  ํ…Œ์ด์…”๋„ ์ปดํฌ๋„ŒํŠธ์™€ ์ปจํ…Œ์ด๋„ˆ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ถ„๋ฆฌํ•œ๋‹ค.ํ”„๋ ˆ์  ํ…Œ์ด์…”๋„ ์ปดํฌ๋„ŒํŠธ๐Ÿ‘‰ ์ƒํƒœ๊ด€๋ฆฌ๊ฐ€ ์ด๋ฃจ์–ด์ง€์ง€ ์•Š๊ณ  Props ๋ฅผ ๋ฐ›์•„์™€ UI ๋ฅผ ๋ณด์—ฌ์ฃผ๊ธฐ๋งŒ ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ์ปจํ…Œ์ด๋„ˆ ์ปดํฌ๋„ŒํŠธ๐Ÿ‘‰ ๋ฆฌ๋•์Šค๋กœ๋ถ€ํ„ฐ ์ƒํƒœ๋ฅผ ๋ฐ›์•„์˜ค๊ณ  ์•ก์…˜์„ ๋””์ŠคํŒจ์น˜ํ•˜๋Š” ๋ฆฌ๋•์Šค์™€ ์—ฐ๋™๋œ ์ปดํฌ๋„ŒํŠธ์ผ๋ฐ˜์ ์ธ ๊ตฌ์กฐ๋Š”

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

TIL # 14 - ๋จน๋ฐฉ ํ”„๋กœ์ ํŠธ ๋ฆฌํŒฉํ† ๋ง # 1

ํ˜„์žฌ ํ™”๋ฉด์„ ๋ฒ”์œ„๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ขŒํ‘œ๊ฐ€ ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜์—ฌ ๋งˆ์ปค๋ฅผ ์ง€๋„์— ํ‘œ์‹œํ–ˆ์—ˆ๋‹ค.์ด ๋ฐฉ์‹์„ ๊ตฌํ˜„ํ•œ ์ด์œ ๋Š” ๋งˆ์ปค๊ฐ€ ์ง€๋„์— ์˜ฌ๋ผ๊ฐ€๋ฉด ๋ฒ”์œ„ ๋ฐ–์— ์žˆ์–ด๋„ ๋งˆ์ปค๊ฐ€ ๊ณ„์† ์ง€๋„์— ํ‘œ์‹œ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์—ฌ ์ง€์†์ ์œผ๋กœ ๋ฒ”์œ„ ๋ฐ–๊ณผ ์ค‘๋ณต๋˜๋Š” ๋งˆ์ปค๋“ค์„ ์‚ญ์ œํ–ˆ๋‹ค.ํ•˜์ง€๋งŒ ์นด์นด์˜ค ์ง€๋„ A

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

TIL # 13 - Responsive Slider

์Šฌ๋ผ์ด๋“œ๋ฅผ ์ง์ ‘ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ํ•ญ์ƒ ์›€์ง์ด๋Š” ํฌ๊ธฐ๊ฐ’์„ state ๋‹ด์•„ ๊ด€๋ฆฌํ•ด์„œ ํด๋ฆญํ•  ๋•Œ๋งˆ๋‹ค ๋ฆฌ๋ Œ๋”๋ง์ด ๋๋‹ค.๋ฐ˜์‘ํ˜•์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด state ๋ฅผ resize ์ด๋ฒคํŠธ ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ์ƒํƒœ๊ฐ€ ๋ณ€ํ•ด ๋ถˆํ•„์š”ํ•œ ๋ Œ๋”๋ง์ด ๋ฐœ์ƒํ–ˆ๋‹ค.์ด๋ฒคํŠธ ํ•จ์ˆ˜๋Š” ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ํ˜ธ์ถœ๋˜๊ธฐ ๋•Œ๋ฌธ์— st

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

๋‹จ์†์นด๋ฉ”๋ผ (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค)

๊ณ ์†๋„๋กœ๋ฅผ ์ด๋™ํ•˜๋Š” ๋ชจ๋“  ์ฐจ๋Ÿ‰์ด ๋‹จ์† ์นด๋ฉ”๋ผ๋ฅผ ํ•œ ๋ฒˆ์€ ๋งŒ๋‚˜๋„๋ก ์นด๋ฉ”๋ผ๋ฅผ ์„ค์น˜ํ•  ๋•Œ ์ตœ์†Œ ์„ค์น˜ ๊ฐœ์ˆ˜๋ฅผ ๋ฐ˜ํ™˜ํ•ด์•ผํ•œ๋‹ค.์ฐจ๋Ÿ‰์˜ ๊ฒฝ๋กœ๋Š” routes ๋ฐฐ์—ด์— ์ฃผ์–ด์ง„๋‹ค.์ฐจ๋Ÿ‰์˜ ๋Œ€์ˆ˜๋Š” 1๋Œ€ ์ด์ƒ 10,000๋Œ€ ์ดํ•˜routes ๋ฐฐ์—ด์—๋Š” ์ฐจ๋Ÿ‰์˜ ์ด๋™๊ฒฝ๋กœ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ๊ณ  routei ์€

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

์„ฌ ์—ฐ๊ฒฐํ•˜๊ธฐ (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค)

n ๊ฐœ์˜ ์„ฌ ์‚ฌ์ด์— ๋‹ค๋ฆฌ๋ฅผ ๊ฑด์„คํ•  ๋น„์šฉ costs ๋ฐฐ์—ด์ด ์ฃผ์–ด์ง€๊ณ  ์ตœ์†Œ ๋น„์šฉ์„ ๋ฐ˜ํ™˜ํ•ด์•ผํ•œ๋‹ค.n ์€ 1 ์ด์ƒ 100 ์ดํ•˜์ด๋‹ค.costs ๊ธธ์ด๋Š” ((n-1) \* n) / 2 ์ดํ•˜์ด๋‹ค.costs ์š”์†Œ์—๋Š” ์ˆœ์„œ๋Œ€๋กœ ๋‘ ์„ฌ์˜ ๋ฒˆํ˜ธ, ๋‘ ์„ฌ์„ ์—ฐ๊ฒฐํ•˜๋Š”๋ฐ ๋“œ๋Š” ๋น„์šฉ์ด ๋“ค์–ด์žˆ๋‹ค.๊ฐ™

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

๋ฆฌ๋•์Šค ์ดํ•ดํ•˜๊ธฐ

๋ฆฌ๋•์Šค๋Š” ๋ฆฌ์•กํŠธ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค.์ด์™ธ์—๋„ MobX, Recoil, Context API ๋“ฑ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ๋ฆฌ์•กํŠธ ์ž์ฒด ์†”๋ฃจ์…˜์ด ์žˆ๋‹ค.์ƒํƒœ๋ฅผ ์ฒด๊ณ„์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค.์œ ์ง€ ๋ณด์ˆ˜์„ฑ๊ณผ ์ž‘์—…์˜ ํšจ์œจ์„ฑ์„ ๋†’์—ฌ์ค€๋‹ค.๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ์ง€์›ํ•˜๊ณ  ๋ฏธ๋“ค์›จ์–ด ๊ธฐ๋Šฅ

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

๊ตฌ๋ช…๋ณดํŠธ (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค)

๊ตฌ๋ช…๋ณดํŠธ์— ์ตœ๋Œ€ 2๋ช…๋งŒ ํƒˆ ์ˆ˜ ์žˆ๊ณ  ๋ฌด๊ฒŒ ์ œํ•œ์„ ์ดˆ๊ณผํ•ด์„œ ํƒˆ ์ˆ˜ ์—†๋‹ค.์‚ฌ๋žŒ๋“ค์˜ ๋ชธ๋ฌด๊ฒŒ๋ฅผ ๋‹ด์€ ๋ฐฐ์—ด people , ๋ฌด๊ฒŒ ์ œํ•œ limit ๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง„๋‹ค.people ๋ฐฐ์—ด์˜ ๊ธธ์ด๋Š” 1์ด์ƒ 50,000 ์ดํ•˜๋ชธ๋ฌด๊ฒŒ๋Š” ์ตœ์†Œ 40kg, ์ตœ๋Œ€ 240kg๋ฌด๊ฒŒ ์ œํ•œ์€ ์ตœ์†Œ 4

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

TIL # 12 - Infinite Slider

ํ˜„์žฌ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ๋Š” ํด๋ก  ํ”„๋กœ์ ํŠธ์—์„œ ๊ตฌํ˜„ํ•ด์•ผํ•  ์Šฌ๋ผ์ด๋“œ ๊ธฐ๋Šฅ์ด ์ฒซ์ง€์ ์ด๋‚˜ ๋์ง€์ ์—์„œ ๋๋‚˜์ง€ ์•Š๊ณ  ๋งˆ์ง€๋ง‰ ๋˜๋Š” ์ฒ˜์Œ ์ด๋ฏธ์ง€๊ฐ€ ๋‹ค์‹œ ๋‚˜์˜ค๋Š” ๋ฌดํ•œ ์Šฌ๋ผ์ด๋“œ์˜€๋‹ค.๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด cloneNode ๋ผ๋Š” ๋ฉ”์†Œ๋“œ๋ฅผ ์•Œ๊ฒŒ ๋๊ณ  ์ฒ˜์Œ๊ณผ ๋งˆ์ง€๋ง‰ ์ด๋ฏธ์ง€๋ฅผ ๋ณต์ œํ•œ ํ›„ ํ˜„์žฌ ์Šฌ๋ผ์ด๋“œ ๋ฐ•์Šค ์—˜

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

ํƒ€์ž… ์ดํ•ดํ•˜๊ธฐ

any ์™€ unknown ๋ชจ๋‘ ํƒ€์ž…์— ๋Œ€ํ•œ ์ •๋ณด๊ฐ€ ์—†์„ ๋•Œ ์—ฌ๋Ÿฌ ํƒ€์ž…๋“ค์„ ํ—ˆ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉํ•œ๋‹ค.๋‘˜์˜ ์ฐจ์ด์ ์€ any ์˜ ๊ฒฝ์šฐ ํƒ€์ž… ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์•„๋„ ๋˜์ง€๋งŒ unknown ์˜ ๊ฒฝ์šฐ ํƒ€์ž… ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.ํƒ€์ž… ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๊ฑฐ๋‚˜ ๊ฐ•

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

TIL # 11 - ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์‘๊ธฐ

ํƒ€์ž…์„ ๊ฒ€์‚ฌํ•˜๊ธฐ ์œ„ํ•ด ๋ณ€์ˆ˜, ํด๋ž˜์Šค, ํ•จ์ˆ˜์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.์ธํ„ฐํŽ˜์ด์Šค์— ์„ ์–ธ๋œ ํ”„๋กœํผํ‹ฐ ๋˜๋Š” ๋ฉ”์†Œ๋“œ์˜ ๊ตฌํ˜„์„ ๊ฐ•์ œํ•˜์—ฌ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋‹ค.์ง์ ‘ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์—†๊ณ  ๋ชจ๋“  ๋ฉ”์†Œ๋“œ๋Š” ์ถ”์ƒ ๋ฉ”์†Œ๋“œ๋‹ค.MainData.json ํŒŒ์ผ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜์Œ ๋ฐ›์„ ๋•Œ ๋ฐฐ์—ด

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

ํƒ€์ž… ์ถ”๋ก  & ๋ช…์‹œ & ์ธํ„ฐํŽ˜์ด์Šค

ํƒ€์ž… ํ‘œ๊ธฐ๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ์ฝ”๋“œ๋ฅผ ์ฝ๊ณ  ๋ถ„์„ํ•˜์—ฌ ํƒ€์ž…์„ ์œ ์ถ”ํ•œ๋‹ค.์œ„ ์ฝ”๋“œ์ฒ˜๋Ÿผ ํƒ€์ž…์„ ๋ช…์‹œํ•˜์ง€ ์•Š๊ณ  a ๋ณ€์ˆ˜์— number ํƒ€์ž…์˜ ๊ฐ’์„ ํ• ๋‹นํ•œ ํ›„ ๋ฐ‘์— ์ค„์—์„œ string ํƒ€์ž…์˜ ๊ฐ’์„ ํ• ๋‹นํ•˜๋ฉด ์—๋Ÿฌ ๋ฉ”์„ธ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚œ๋‹ค.student ๊ฐ์ฒด์— ํƒ€์ž…์„ ๋ช…์‹œํ•˜์ง€ ์•Š๊ณ 

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ž€?

1. ํƒ€์ž… ์Šคํฌ๋ฆฝํŠธ ํŠน์ง• >- ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๊ณ  ์žˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ํฌํ•จํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ํฌํ•จ๋˜์ง€ ์•Š์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๊นŒ์ง€ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. 1-1. ํƒ€์ž…ํ‘œ๊ธฐ >- ๋ณ€์ˆ˜ ๊ฐ’์— ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ํƒ€์ž…์„ ํ‘œ๊ธฐํ•˜

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

2์ฐจ ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

1. ํ”„๋กœ์ ํŠธ ์š”์•ฝ ํด๋ก  ์‚ฌ์ดํŠธ: ์ง๋ฐฉ ํ”„๋กœ์ ํŠธ ์ด๋ฆ„: ๋จน๋ฐฉ ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„: 2021.03.29 ~ 2021.04.09 (2์ฃผ) ํŒ€์› ๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ: ๋‚˜์€๋‹˜, ์„ฑํ›ˆ๋‹˜, ๋‚˜ ๐Ÿ‘‰ ๋ฐฑ์—”๋“œ: ํƒํ–ฅ๋‹˜, ํ˜ธ์—ด๋‹˜ ๊นƒํ—ˆ๋ธŒ ๋งํฌ ๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ , ๋ฐฑ์—”๋“œ ์‚ฌ์šฉ๋œ ๊ธฐ์ˆ  ์Šคํƒ โœ… HT

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

Context API

๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ์—์„œ ์ „์—ญ์œผ๋กœ ์‚ฌ์šฉํ•  ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ์„ ๊ฒฝ์šฐ ์‚ฌ์šฉํ•œ๋‹ค.์‚ฌ์šฉ์ž ๋กœ๊ทธ์ธ ์ •๋ณด, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ™˜๊ฒฝ ์„ค์ •, ํ…Œ๋งˆ ๋“ฑ์„ ์˜ˆ๋กœ ๋“ค ์ˆ˜ ์žˆ๋‹ค.๋ฆฌ๋•์Šค๋‚˜ MobX ๊ฐ™์€ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ ์ž‘์—… ์„ ๋” ํŽธํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค.createConte

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

TIL # 10 - ์ฝ”๋“œ ๋Œ์•„๋ณด๊ธฐ & Context API

์ฒ˜์Œ ์นดํ…Œ๊ณ ๋ฆฌ ์„ ํƒ์„ ๊ตฌํ˜„ํ–ˆ์„ ๋•Œ๋Š” ํ•˜๋‚˜์˜ ๋ฐฐ์—ด ์•ˆ์—์„œ ๊ด€๋ฆฌํ–ˆ๋‹ค.์ง๋ฐฉ ์นดํ…Œ๊ณ ๋ฆฌ์ฒ˜๋Ÿผ ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ๊ทธ๋ฃน์„ ๋‚˜๋ˆ„์–ด ๊ฐ๊ฐ ๊ด€๋ฆฌํ•˜๊ธฐ ๋ฐฐ์—ด์„ 2๊ฐœ๋กœ ๋‚˜๋ˆด๋‹ค.์ „์ฒด๋ฅผ ์„ ํƒํ–ˆ์„ ๋•Œ๋Š” ํ•ด๋‹น ๊ทธ๋ฃน์— ํฌํ•จ๋œ ๋ชจ๋“  ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ๋ฐฐ์—ด์— ๋„ฃ์–ด์ฃผ๊ณ  ๋‘ ์นดํ…Œ๊ณ ๋ฆฌ ๋ชจ๋‘ ์ „์ฒด๋ฅผ ์„ ํƒํ–ˆ์„ ๊ฒฝ์šฐ ๋ฐฐ์—ด์— ๋‹ด๊ธด

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

TIL # 9

createGlobalStyle ์ปดํฌ๋„ŒํŠธ์™€ styled-reset ์˜ reset ์„ ํ†ตํ•ด reset.scss ๋Œ€์‹  ์ „์—ญ์œผ๋กœ css ๋ฅผ ์ดˆ๊ธฐํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค.themeProvider ์ปดํฌ๋„ŒํŠธ์˜ theme ์†์„ฑ์— ๊ฐ์ฒด๋กœ ์ •์˜๋œ css ์†์„ฑ ๊ฐ’๋“ค์„ ๋„ฃ์–ด์ฃผ๋ฉด ๊ณตํ†ต๋œ css ์†์„ฑ์„

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

Hooks

๋ฆฌ์•กํŠธ v16.8์— ์ƒˆ๋กœ ๋„์ž…๋œ ๊ธฐ๋Šฅ์ด๋‹ค.ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š” useState , ๋ Œ๋”๋ง ์งํ›„ ์ž‘์—…์„ ์„ค์ •ํ•˜๋Š” useEffect ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ๊ฐ€๋ณ€์ ์ธ ์ƒํƒœ๋ฅผ ์ง€๋‹ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค.useState ํ•จ์ˆ˜์˜ ํŒŒ๋ฆฌ๋ฏธํ„ฐ์— ์ƒ

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

1์ฐจ ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

ํด๋ก  ์‚ฌ์ดํŠธ: ๋ผ์ธ ํ”„๋ Œ์ฆˆ ์Šคํ† ์–ดํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„: 2021.03.15 ~ 2021.03.26 (2์ฃผ)ํŒ€์›๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ: ๊ฒฝํ˜„๋‹˜(PM), ๋‹ดํ˜ธ๋‹˜, ์ƒ์—ฐ๋‹˜, ๋‚˜๐Ÿ‘‰ ๋ฐฑ์—”๋“œ: ๊ตญํ˜„๋‹˜, ๊ทœ๋™๋‹˜๊นƒํ—ˆ๋ธŒ ๋งํฌ๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ๐Ÿ‘‰ ๋ฐฑ์—”๋“œ์‚ฌ์šฉ๋œ ๊ธฐ์ˆ  ์Šคํƒโœ… HTMLโœ… Sass, Scss

2021๋…„ 3์›” 27์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL # 8

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

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

๋™์  ๋ผ์šฐํŒ…

๋ผ์šฐํŠธ ๊ฒฝ๋กœ์— ํŠน์ • ๊ฐ’์„ ๋„ฃ์–ด ํ•ด๋‹น ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค.Query parameters , Url Parameters ๋ฅผ ํ†ตํ•ด ์œ ๋™์ ์ธ ๋ผ์šฐํŒ… ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.withRouther HOC ์œผ๋กœ ๋ผ์šฐํŠธ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์•„๋‹Œ ๊ณณ์—์„œ math , location

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