profile
FE Developer ๐Ÿ’ก
post-thumbnail

[React] ์š”์†Œ ์™ธ ์™ธ๋ถ€ ์˜์—ญ ํด๋ฆญ

์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก  ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ ์ž‘์—…์ค‘, ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ํ† ๊ธ€ ํด๋ฆญ์‹œ ๋ฉ”๋‰ด์ฐฝ์ด ๋œจ๊ณ  ๋‹ซํžˆ๋„๋ก ๋งŒ๋“ค์–ด๋†“์€ ์ƒํƒœ์ด๋‹ค. ์—ฌ๊ธฐ์„œ ๋‚˜๋Š” ๋ฉ”๋‰ด์ฐฝ ์™ธ์˜ ์˜์—ญ์—๋„ ํด๋ฆญํ•  ์‹œ ๋ฉ”๋‰ด์ฐฝ์ด ๋‹ซํžˆ๋„๋ก ํ•˜๊ณ ์‹ถ์–ดํ–ˆ๋‹ค. ์ฐพ๋˜ ๋‚ด์šฉ์ค‘, ๋‹จ์ˆœํ•˜๊ฒŒ ์ „์ฒด์˜์—ญ์„ ํƒœ๊ทธ๋กœ ๊ฐ์‹ผ ํ›„ ํ•ด๋‹น ์ „์—ญ ํƒœ๊ทธ์˜ onClick

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

[ESlint] SyntaxError: Failed to load parser '@typescript-eslint/parser' declared in '.eslintrc.json ์—๋Ÿฌ

next ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ ค ์ดˆ๊ธฐ ์„ธํŒ…์ค‘, ๋‹ค์Œ๊ณผ ๊ฐ™์€ eslint ์—๋Ÿฌ ๋ฌธ๊ตฌ๊ฐ€ ๋–ด๋‹ค.์ดˆ๊ธฐ eslintrc.json ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž๋™์œผ๋กœ ์„ค์ •๋˜์–ด์žˆ๋˜ ์ƒํ™ฉ์ด๋‹ค.next.js ์ดˆ๊ธฐ ์„ธํŒ…(eslint, prettier) ๊ด€๋ จ ๊ธ€์„ ์„œ์น˜ํ•˜์˜€๋Š”๋ฐ, ์œ„์˜ ๋ถ€๋ถ„๋งŒ์œผ๋ก  ์™„๋ฒฝํ•˜๊ฒŒ

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

[javascript] body ์Šคํฌ๋กค ๋ง‰๊ธฐ

์Šคํฌ๋กค ๊ธฐ๋Šฅ์„ ๋ง‰์•„์•ผํ•˜๋Š” ์ƒํ™ฉ์—์„œ ๋Œ€๋ถ€๋ถ„์€ body ์— overflow-y: hidden ์„ ์ฃผ๋Š” ๋ฐฉ๋ฒ•์ด ์ œ์‹œ๋˜์ง€๋งŒ, ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝ์šฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ด๋ฅผ ์ฒ˜๋ฆฌํ•ด์•ผํ•œ๋‹ค.์ฒ˜์Œ์—” ์•„๋ž˜์™€ ๊ฐ™์ด ์ด๋ฒคํŠธ๋ฅผ ์ฃผ์—ˆ์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜๋‹ค ใ… ๋‘๋ฒˆ์งธ ์‹œ๋„๋กœ ์•„๋ž˜์™€ ๊ฐ™์ด ๋‹ค๋ฅธ ์ด๋ฒคํŠธ์—๋„ ์ 

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

[Swiper.js] ํŽ˜์ด์ง€ ๋งํฌ ์ด๋™, ํ˜„์žฌ ์Šฌ๋ผ์ด๋“œ ํ‘œ์‹œ (hash navigation ์˜ต์…˜) (1)

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

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

[javascript] ์„ธ๋กœ ์Šคํฌ๋กค ์Šฌ๋ผ์ด๋“œ ๊ตฌํ˜„

์ด๋ฏธ ํ’€ํŽ˜์ด์ง€ ์Šคํฌ๋กค์ด ๊ตฌํ˜„๋˜์–ด์žˆ๋Š” ์ƒํƒœํŠน์ • ํŽ˜์ด์ง€๋‚ด์—์„œ ์Šฌ๋ผ์ด๋“œ๊ฐ€ ์„ธ๋กœ๋กœ ์Šคํฌ๋กค๋˜๋Š” ๊ตฌ์กฐ๋กœ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š”๋ฐ, ํ’€ํŽ˜์ด์ง€ ์Šคํฌ๋กค ๊ธฐ๋Šฅ๊ณผ ๊ฒน์ณ ์Šคํฌ๋กค ์ด๋ฒคํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š”๋ฐ ์‰ฝ์ง€ ์•Š์•˜๋‹ค..ํ•ด๋‹น ํŽ˜์ด์ง€์— ๋„๋‹ฌํ•˜๋ฉด body ์˜ ์Šคํฌ๋กค์„ ๋ง‰์€ ํ›„ ์Šฌ๋ผ์ด๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ฒŒ ํ•˜๊ณ , ์Šฌ๋ผ์ด๋“œ

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

[javascript]select ๋ฐ•์Šค option ์„ ํƒ์— ๋”ฐ๋ฅธ input ์ž…๋ ฅ์ฐฝ ์ถ”๊ฐ€/์‚ญ์ œ

select ๋ฐ•์Šค์—์„œ ํ’ˆ๋ชฉ์˜ ์ข…๋ฅ˜ ๊ฐœ์ˆ˜๋ฅผ ์ž…๋ ฅํ•˜๋ฉด, ๊ฐœ์ˆ˜์— ๋”ฐ๋ผ input ์นธ์ด ์ถ”๊ฐ€๋˜๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด๋ณด์•˜๋‹ค. (ํ’ˆ๋ชฉ์€ 4๊ฐœ๊นŒ์ง€ ์ž…๋ ฅ ๊ฐ€๋Šฅ)๊ฐœ์ˆ˜๋ฅผ ๋ณ€๊ฒฝ์‹œ, ๊ฐœ์ˆ˜๊ฐ€ ์ ์–ด์ง€๋ฉด ์ ์–ด์ง„ ๊ฐœ์ˆ˜๋งŒํผ ๋’ค์—์„œ๋ถ€ํ„ฐ input ์‚ญ์ œ, ์ž…๋ ฅ๊ฐ’์ด ๊ฐ™์ด ์ œ์ถœ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ทธ์— ๋”ฐ๋ฅธ valu

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

[Swiper] svg ๋ฒ„ํŠผ์„ ์ด์šฉํ•œ pagination ์ปค์Šคํ…€ (loop, update() ๊ธฐ๋Šฅ)

pagination ์˜ bullets ์š”์†Œ๋ฅผ css ์ปค์Šคํ…€ ํ•˜๋Š”๊ฒƒ์ด ์•„๋‹Œ, ํŠน์ดํ•œ ๋ชจ์–‘์˜ ์•„์˜ˆ ๋‹ค๋ฅธ ๋ฒ„ํŠผ์„ pagination ์œผ๋กœ ๋งŒ๋“ค๊ณ  ์‹ถ์–ด svg ๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋งŽ์€ ๋‚œ๊ด€์ด ์žˆ์—ˆ๋Š”๋ฐ, ๊ธฐ์กด ๋‚ด์žฅ๋œ pagination ์„ ์“ด๋‹ค๋ฉด ์Šคํƒ€์ผ๋งŒ ๋ฐ”๊พธ๋ฉด ๋˜์ง€๋งŒ ์•„์˜ˆ

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

[Javascript] ์„œ๋ช… ์ž…๋ ฅํผ - ์ •๊ทœํ‘œํ˜„์‹์„ ํ†ตํ•œ ์œ ํšจ์„ฑ ์ฒดํฌ & html ํ…์ŠคํŠธ/์Šคํƒ€์ผ ๋ณต์‚ฌ

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

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

[React-hook-form] ๋น„๋ฐ€๋ฒˆํ˜ธ ์ผ์น˜ ์œ ํšจ์„ฑ์ฒดํฌ

ํšŒ์›๊ฐ€์ž… ํƒญ์—์„œ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅ ํ›„ ํ•ด๋‹น ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ๋งž๋Š”์ง€ ํ•œ ๋ฒˆ ๋” ํ™•์ธํ•˜๋Š” โ€œ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธโ€ ์ธํ’‹์„ ์ƒ์„ฑํ–ˆ๋‹ค. react-hook-form ํ™˜๊ฒฝ์—์„œ useController ๋ฅผ ํ†ตํ•ด Input ์ปดํฌ๋„ŒํŠธ๋กœ ๋งŒ๋“  ์ƒํ™ฉ์ด๋‹ค.๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ๋งž์ง€ ์•Š์„ ์‹œ '๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€

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

[React.js] ์•„์ฝ”๋””์–ธ ์ปดํฌ๋„ŒํŠธ

์•ฝ๊ด€๋™์˜ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๋•Œ, ์•„์ฝ”๋””์–ธ ํ˜•ํƒœ๋กœ ์•ฝ๊ด€๋‚ด์šฉ์„ ํด๋ฆญํ•˜๋ฉด ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ณ  ์ฒดํฌ๋ฐ•์Šค์™€ ์ œ๋ชฉ์€ ๋ณด์ด๋Š” ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋‹ค.โ‡’ ์ด์šฉ์•ฝ๊ด€์—์„œ ๋ˆ„๋ฅผ ์ˆ˜ ์žˆ๋Š” ์ œ๋ชฉ๋ฒ„ํŠผ๊ณผ ์ฒดํฌ๋ฐ•์Šค๋Š” ๊ทธ๋Œ€๋กœ ๋‘” ์ƒํƒœ๋กœ, ์ปจํ…์ธ ๋งŒ ์—ด๋ฆฌ๊ณ  ๋‹ซํžˆ๋Š” ๊ตฌ์กฐํ•˜๋‚˜์˜ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ๋‚ด ์กด์žฌํ•˜

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

[React.js] ํด๋ฆฝ๋ณด๋“œ ๋ณต์‚ฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ๋ณต์‚ฌ๋ฒ„ํŠผ ์ปดํฌ๋„ŒํŠธ ์ƒ์„ฑ

ํ…์ŠคํŠธ๋ฅผ ๋ณต์‚ฌํ•˜๋Š” ๋ฒ„ํŠผ ๊ธฐ๋Šฅ์ด ์žˆ์–ด ๋ฆฌ์•กํŠธ ํ™˜๊ฒฝ ๋ณต์‚ฌ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ™œ์šฉํ•ด ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์—…ํ•˜์˜€๋‹ค.ํ•˜์ง€๋งŒ ํ•ด๋‹น ๋ฒ„ํŠผ์ด ๋‹ค๋ฅธํŽ˜์ด์ง€์—์„œ๋„ ์ค‘๋ณต ์‚ฌ์šฉ๋˜์–ด ์ปดํฌ๋„ŒํŠธ๋กœ ๋‹ค์‹œ ์žฌ๊ตฌ์„ฑํ•˜์—ฌ ์ž‘์—…ํ•ด๋ณด์•˜๋‹ค.๋ณต์‚ฌ๊ฐ€ ๋˜์—ˆ๋‹ค๋Š” ์•Œ๋ฆผ์„ ๋„์šด ํ›„ 2์ดˆ ๋’ค์—

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

[Next.js] ์™ธ๋ถ€ ์ด๋ฏธ์ง€๊ฐ€ ์•ˆ๋œจ๋Š” ํ˜„์ƒ

next ํ”„๋กœ์ ํŠธ์—์„œ ์™ธ๋ถ€์—์„œ ๊ฐ€์ ธ์˜ค๋Š” ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋Š” ์ž‘์—… ์ค‘ ์ด๋ฏธ์ง€๊ฐ€ ์•ˆ๋œจ๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ–ˆ๋‹ค.์ด๋ฏธ์ง€ url ์€ ์ž˜ ๊ฐ€์ ธ์™€์ ธ ์„œ๋ฒ„์ชฝ ๋ฌธ์ œ๋Š” ์•„๋‹Œ๊ฒƒ ๊ฐ™์•˜๊ณ , src๊ฒฝ๋กœ๊ฐ€ โ€œ/\_next/img~ ์™€ ๊ฐ™์ด ์ •์ƒ์ ์ด์ง€ ์•Š๊ฒŒ ๋ Œ๋”๋ง๋˜์–ด์žˆ์—ˆ๋‹ค.๊ตฌ๊ธ€๋ง ๊ฒฐ๊ณผ ๊ทธ ์›์ธ์€, N

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

[Webtorm, intellij] ์†์„ฑ(attribute) ์ž๋™์™„์„ฑ ๊ธฐ๋Šฅ

TailwindCSS ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ์ž๊พธ className={} ๊ฐ์ฒด ํ˜•ํƒœ๋กœ ์ž๋™์™„์„ฑ๋˜๋Š” ์ ์ด ๋„ˆ๋ฌด ๋ถˆํŽธํ•ด์„œ ์„ค์ •์„ ๋ฐ”๊พธ๊ณ ์ž ํ–ˆ๋‹ค. ๋จผ์ € ํ™•์žฅํ”„๋กœ๊ทธ๋žจ์ด ์›์ธ์ธ๊ฐ€ ์‹ถ์–ด ๋ชจ๋‘ ๋น„ํ™œ์„ฑํ™” ์‹œ์ผœ๋ดค์ง€๋งŒ, ์—ฌ์ „ํžˆ ์ž๋™์™„์„ฑ ๊ธฐ๋Šฅ์€ ๊ทธ๋Œ€๋กœ์˜€๊ณ  ์ด๋Š” ๋‚ด์žฅ๋œ ๊ธฐ๋Šฅ์ด๋ž€ ๊ฒƒ์„ ์œ ์ถ”ํ•  ์ˆ˜ ์žˆ์—ˆ

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

[Next.js] SWR ๋ฐ์ดํ„ฐ ๊ฐฑ์‹  ์•ˆ๋˜๋Š” ํ˜„์ƒ

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

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

[Webstorm, intellij] ์ปค๋ฐ‹ ์ทจ์†Œ, ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ˆ˜์ •

์ด์ „์— vscode ํ™˜๊ฒฝ์—์„œ git ์„ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ์ผ์ผํžˆ ํ„ฐ๋ฏธ๋„์— git add, commit, reset ๋“ฑ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ๊ด€๋ฆฌํ–ˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ webstorm ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•œ ์ดํ›„, ํ˜„์žฌ ์ €๋Ÿฐ ๋ช…๋ น์–ด๋“ค์„ ์น  ํ•„์š”์—†์ด ๊ฐ„ํŽธํ•˜๊ฒŒ git ์„ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋‹ค. ์ด๋Ÿฐ ํŽธ๋ฆฌ

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

[jQuery] ํŒ์—…์ด ์—ด๋ฆฐ ์ƒํƒœ์˜ URL ์ƒ์„ฑํ•˜๊ธฐ

ํŠน์ • ํŽ˜์ด์ง€์˜ SNS ๋“ฑ ์™ธ๋ถ€ ๊ณต์œ ๋ฅผ ์œ„ํ•ด URL ๋งํฌ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์‹ถ์—ˆ๋‹ค. ๋งํฌ๋ฅผ ํด๋ฆญํ•˜๋ฉด ํŠน์ • ํŒ์—…์ด ์—ด๋ฆฐ ์ƒํƒœ๋กœ ํŽ˜์ด์ง€๊ฐ€ ๋„์–ด์ง€๋Š” ๊ตฌ์กฐ์—ฌ์•ผ ํ•˜๋Š”๋ฐ, ํ•ด๋ณด์ง€ ์•Š์€ ์ž‘์—…์ด๋ผ ์• ๋ฅผ ์ข€ ๋จน์—ˆ๋‹ค.

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

[Javascript] ํŒ์—…์ฐฝ ๋‹ซ๊ธฐ ๋ฒ„ํŠผ closest()

ํŽ˜์ด์ง€ ์ž‘์—…์„ ํ•˜๋˜ ์ค‘ ํŒ์—…์ฐฝ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‹ซ๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋Š” ๊ธฐ๋Šฅ์—์„œ ํด๋ฆญ๋œ ๋ฒ„ํŠผ(event.target)์˜ ๋ถ€๋ชจ๋ฅผ ์ฐพ์•„ ํ•ด๋‹น ๋ฒ„ํŠผ์„ ์ž์‹์œผ๋กœ ๊ฐ€์ง„ ํŒ์—…์„ ๋‹ซ๋Š” ๊ธฐ๋Šฅ์„ ์ž‘์—…๋˜ ์ค‘ ์ž‘์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.

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

[Javascript] RPG ๊ฒŒ์ž„ (๋ชฌ์Šคํ„ฐ ์žก๊ธฐ)

๋ชฌ์Šคํ„ฐ ๊ฒŒ์ž„์€ RPG ๊ฒŒ์ž„์œผ๋กœ, ๊ฒŒ์ž„์—๋Š” ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€ ๋ชจ๋“œ๊ฐ€ ์žˆ๋‹ค. ๋ชจํ—˜, ํœด์‹, ์ข…๋ฃŒ ์ค‘์—์„œ ์„ ํƒํ•˜๋Š” ์ผ๋ฐ˜ ๋ชจ๋“œ์™€ ๋ชจํ—˜์„ ๋– ๋‚˜์„œ ์ ์„ ๋งŒ๋‚˜๊ฒŒ ๋  ๋•Œ ๋Œ์ž…ํ•˜๋Š” ์ „ํˆฌ ๋ชจ๋“œ์ด๋‹ค. ์ „ํˆฌ ๋ชจ๋“œ์—์„œ๋Š” ์ ์„ ๊ณต๊ฒฉํ•˜๊ฑฐ๋‚˜ ์ฒด๋ ฅ์„ ํšŒ๋ณตํ•˜๊ฑฐ๋‚˜ ๋„๋ง๊ฐ„๋‹ค.์›น๊ฒŒ์ž„ ๋งํฌhtml, css ์ฝ”๋“œ

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

[PlanetScale] error: database branch is not ready yet

planetscale ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ์—ฐ๊ฒฐํ•˜๊ณ ์ž pscale connect ๋ฅผ ํ•˜๋Š”๋ฐ ์—ฐ๊ฒฐ์ด ์•ˆ๋˜๊ณ  ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋Š”๋ฐ, ๊ตฌ๊ธ€๋ง ๊ฒฐ๊ณผ ๊ทธ ์ด์œ ๋ฅผ ๊ณต์‹๋ฌธ์„œ์—์„œ ๋ฐ”๋กœ ์•Œ์•„๋ƒˆ๋‹ค.์ฐธ๊ณ : https://planetscale.com/docs/concepts/da

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

[React.js] ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ๋ฒ„๊ทธ

์ œ๋กœ์ดˆ์˜ NodeBird ๊ฐ•์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง์ ‘ ๋ฆฌ๋‰ด์–ผ ํ•˜๋Š”์ค‘์— ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฒ„๊ทธ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ๋‹ค.โ‡’ ๊ฒŒ์‹œ๋ฌผ ์ž‘์„ฑ ์ค‘ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋Š” ๊ธฐ๋Šฅ์€ type ์ด file ์ธ input ์— onChange ์ด๋ฒคํŠธ๋ฅผ ๊ฑธ๊ณ  ์—…๋กœ๋“œ ๋ฆฌ๋“€์„œ๊ฐ€ ๋””์ŠคํŒจ์น˜๋˜๋Š” ๊ตฌ์กฐ๊ฒŒ์‹œ๋ฌผ์„ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•ด โ€œre

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