profile
FE DEVELOPER ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿค

Svelte ] Style effects

Style effects in Svelte

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

Svelte ] ์Šค๋ฒจํŠธ์—์„œ์˜ ์ „์—ญ์ƒํƒœ๊ด€๋ฆฌ Store

svelte์—๋Š” ์ „์—ญ ์ƒํƒœ๋ฅผ ์ €์žฅํ•˜๋Š” store๊ฐ€ ๊ณ„์ธต๊ตฌ์กฐ์— ํฌํ•จ๋˜์–ด์žˆ์–ด ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

Svelte ] ์Šค๋ฒจํŠธ์˜ Lifecycle์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

์Šค๋ฒจํŠธ Lifecycle

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

Svelte ] svelte ์‚ฌ์šฉํ•˜๊ธฐ - Events์™€ Binding

Events 1. on: 2. lnline handlers ๋”ฐ์˜ดํ‘œ๋Š” ์„ ํƒ ์‚ฌํ•ญ์œผ๋กœ ์ผ๋ถ€ ํ™˜๊ฒฝ์—์„œ๋Š” ๊ตฌ๋ฌธ ๊ฐ•์กฐ ํ‘œ์‹œ๋กœ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๐Ÿ’ก ์ผ๋ถ€ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ๋Š” ๋‚ด๋ถ€ ์„ฑ๋Šฅ์ƒ์˜ ์ด์œ ๋กœ ์ธ๋ผ์ธ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์‚ฌ์šฉ์„ ์ง€์–‘ํ•˜๋Š”๊ฒƒ์ด ์ข‹์œผ๋‚˜ Svelte๋Š” ํ•ด๋‹นํ•˜์ง€ ์•Š์œผ๋ฉฐ ์–ด๋–ค ํ˜•์‹์ด๋“  ์ƒ๊ด€์—†๋‹ค. ์ˆ˜์ •์ž preventDefault event...

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

Svelte] svelte ์‚ฌ์šฉํ•˜๊ธฐ 1

์Šค๋ฒจํŠธ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๊ฐ„๋‹จํ•œ ์†์„ฑ๋“ค๊ณผ ๋กœ์ง ๋ธ”๋Ÿญ๋“ค์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

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

Svelte ] Svelte์˜ ์žฅ๋‹จ์ 

Svelte

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

error ] yarn, npm ์‹คํ–‰ ์—๋Ÿฌ - node ๋ฒ„์ „ ๊ด€๋ฆฌ๋กœ ํ•ด๊ฒฐ

ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €๋กœ ์‹คํ–‰ํ–ˆ์„ ๋•Œ ๋…ธ๋“œ ๋ฒ„์ „ ๊ด€๋ฆฌ ์—๋Ÿฌ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ๊ธฐ๋ก

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

ํ˜‘์—…๋„์ „๊ธฐ ] API ๋ช…์„ธ์— ์—†๋Š” ๊ธฐ๋Šฅ ๋ƒ…๋‹ค ๊ตฌํ˜„ํ•˜๊ธฐ

API ๋ช…์„ธ์— ์—†๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ์ƒ๊ธด ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ… #์ „์ฒด๊ฒŒ์‹œ๊ธ€์—์„œ ๋‚ดํŒ”๋กœ์›Œ ๊ธ€ ๋žœ๋”๋งํ•˜๊ธฐ

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

React ] NavLink๋กœ ํƒญ ๋ฉ”๋‰ด ํด๋ฆญ ๊ตฌํ˜„ํ•˜๊ธฐ

NavLink๋กœ ํƒญ๋ฉ”๋‰ด๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด์•˜๋‹ค!!

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

React ] ๋‹ค์‚ฌ๋‹ค๋‚œํ–ˆ๋˜ ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ ๊ตฌํ˜„..๐Ÿ”ฅ

react ํŒ€ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉฐ ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ ๊ตฌํ˜„์—์„œ ๋ฐœ์ƒํ•œ ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… ๊ธฐ๋ก โœ

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

ํ˜‘์—…์„ ์œ„ํ•œ ์ปจ๋ฒค์…˜ ] Gitmoji ์‚ฌ์šฉํ•˜๊ธฐโœจ๐Ÿ’„๐Ÿงช๐Ÿ›๐Ÿ”ฅ

๊นƒ๋ชจ์ง€ ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• โœจ

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

ํ˜‘์—… ์‹œ์ž‘ ์ „ ํ…Œ์ŠคํŠธ๋กœ ๋ฐœ๊ฒฌํ•œ ์ฃผ์˜ ์  ๊ธฐ๋ก

git & github์„ ํ†ตํ•œ ์›ํ™œํ•œ ํ˜‘์—…์„ ์œ„ํ•œ gitflow ์—ฐ์Šต ๊ธฐ๋ก ๐Ÿ“‘

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

์ œ์ฃผ ์›น ์ปจํผ๋Ÿฐ์Šค ์ฐธ์—ฌ ๋ฐ ์—ฐ์‚ฌ ํ›„๊ธฐ

์ข‹์€๊ธฐํšŒ์— ์ฃผ๋‹ˆ์–ด๊ฐœ๋ฐœ์ž๋กœ์„œ ์—ฐ์‚ฌ๋ฅผ ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค :)

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

์ธํ”„๋Ÿฐ ์‹ฌ์•ผFE ๋„คํŠธ์›Œํ‚น ํŒŒํ‹ฐ ๐ŸŽ‰

์ธํ”„๋Ÿฐ ํ”„๋ก ํŠธ์—”๋“œ ์‹ฌ์•ผ ๋„คํŠธ์›Œํ‚นํŒŒํ‹ฐ ์ฐธ์„ํ›„๊ธฐ!

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

JS 100์ œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ - 13 ~ 16๋ฒˆ ๋ฌธ์ œ ํ’€์ด

์ œ์ฝ”๋ฒ  JS 100์ œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ํ’€๋ฉฐ ์ •๋ฆฌ์ค‘์ž…๋‹ˆ๋‹ค

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

React ์„ค์น˜๋ถ€ํ„ฐ ๋ฐฐํฌ๊นŒ์ง€

๋‚˜์ค‘์— ๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ์˜ฌ๋ฆฌ๋Š” ๋ฆฌ์•กํŠธ ์„ค์น˜, ํŽ˜์ด์ง€์„ธํŒ…, ๋ฐฐํฌ ๋ฐฉ๋ฒ•

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

ํ˜‘์—… ๋„์ „๊ธฐ! ๋‚ด๊ฐ€ ํ•ด์„ํ•ด์•ผ ํ•  ์ฝ”๋“œ๊ฐ€ 3์ฒœ์ค„..?

flex & grid ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ ๋„์ค‘ ์ƒ๊ธด ๋ฌธ์ œ์ ์— ๋Œ€ํ•œ ๊ธฐ๋ก์ž…๋‹ˆ๋‹ค.

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

5์ฃผ์ฐจ ~ 7์ฃผ์ฐจ ํšŒ๊ณ 

๋ฉ‹์Ÿ์ด์‚ฌ์ž์ฒ˜๋Ÿผ ํ”„๋ก ํŠธ์—”๋“œ ์Šค์ฟจ ] 5 ~ 7์ฃผ์ฐจ ํšŒ๊ณ 

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

1์ฃผ์ฐจ ~ 4์ฃผ์ฐจ ํšŒ๊ณ 

๋ฉ‹์Ÿ์ด ์‚ฌ์ž์ฒ˜๋Ÿผ ํ”„๋ก ํŠธ์—”๋“œ 2๊ธฐ ] 1์ฃผ์ฐจ ~ 4์ฃผ์ฐจ ํšŒ๊ณ 

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

CSS ๊ธฐ์ดˆ (3) - Grid

css ๊ธฐ์ดˆ (3) - Grid

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