profile
๐Ÿ˜‚๊ทธ๋ƒฅ ์ง์ง„ํ•˜๋Š” (์˜ˆ๋น„)๊ฐœ๋ฐœ์ž

[vue.js] composable

vue.js composition api์˜ ํ•ต์‹ฌ์ธ ์ปดํฌ์ €๋ธ”์„ ์•Œ์•„๋ณด์ž

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

[vue.js] ์žฌ์‚ฌ์šฉ์„ฑ

vue.js์˜ ์ปค์Šคํ…€ ๋””๋ ‰ํ‹ฐ๋ธŒ, ๊ธ€๋กœ๋ฒŒ ์ปดํฌ๋„ŒํŠธ, ํ”Œ๋Ÿฌ๊ทธ์ธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

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

[js] forEach ํŒ

forEach ์ œ๋Œ€๋กœ ์•Œ๊ณ  ํ—ท๊ฐˆ๋ฆฌ์ง€ ๋ง์ž

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

ํƒ€์ธ์˜ ๋งˆํฌ์—…๊ณผ style์ ์šฉ์„ ๋ณด๋ฉด์„œ ๋“  ์ƒ๊ฐ

HTML, CSS๋งŒ์œผ๋กœ๋„ ์ถฉ๋ถ„ํžˆ ์–ด๋ ค์šด ์„ธ์ƒ

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

React ํˆฌ๋‘๋ฆฌ์ŠคํŠธ-Day 1

React๋กœ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ๋งŒ๋“ค๊ธฐ - Day 1

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

[study] ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€๋ฅผ ํ™œ์šฉํ•œ ๋ฉ”๋ชจ์žฅ

localStorage๋ฅผ ํ™œ์šฉํ•œ ์›น ๋ฉ”๋ชจ์žฅ

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

[css] css๋กœ ์Šคํ”Œ๋ž˜์‰ฌ ํ™”๋ฉด ๊ตฌํ˜„

css๋กœ ์Šคํ”Œ๋ž˜์‰ฌ ํ™”๋ฉด ๊ตฌํ˜„ with animation

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

[TIL] CSR & SSR

๋ Œ๋”๋ง ๋ฐฉ์‹์ธ CSR & SSR (๊ทธ๋ฆฌ๊ณ  SPA, MPA์— ๊ด€ํ•˜์—ฌ)

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

[TIL] ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ธก์ •

์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ธก์ •๋ฐฉ๋ฒ• ์„ธ๊ฐ€์ง€

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

[TIL] ์ƒ์„ฑ์ž ํ•จ์ˆ˜

๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค์–ด๋‚ด๋Š” ์ƒ์„ฑ์ž ํ•จ์ˆ˜

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

[TIL] JSON์œผ๋กœ table๋ Œ๋”๋ง-2

JSON์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฑธ๋Ÿฌ๋‚ด๋ณด๊ธฐ, ์ •๋ ฌ์‹œํ‚จ ๋ฐ์ดํ„ฐ๋ฅผ ๋ Œ๋”๋ง ์‹œํ‚ค๊ธฐ

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

[TIL] map, forEach, filter, find

1. map vs forEach ์„ ์–ธ๋œ ๋ฐฐ์—ด์˜ ๊ฐ’๋“ค(์ดํ•˜ ์š”์†Œ๋ผ ๋ถ€๋ฆ„)์— ๋Œ€ํ•˜์—ฌ ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰์‹œํ‚ค๋Š” ๊ณตํ†ต์ ์„ ๊ฐ€์ง„ map๊ณผ forEach์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž ์œ„์™€ ๊ฐ™์ด, forEach๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ์˜ ๋ฐ˜ํ™˜์ด ์ด๋ฃจ์–ด์ง€์ง€ ์•Š๋Š”๋‹ค. ๋ฐ˜๋ฉด map์„ ์‚ฌ์šฉํ•˜๋ฉด ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋ฐฐ์—ด์•ˆ์˜ ๊ฐ’๋“ค์„ ์ด์šฉํ•œ ๊ณ„์‚ฐ์„ ํ•ด์ฃผ๊ณ  ์ €์žฅ๋งŒ...

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

[TIL] ์žฌ๊ท€ํ•จ์ˆ˜

์žฌ๊ท€ํ•จ์ˆ˜

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

[TIL] Function

ํ•จ์ˆ˜๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์ž…๋ ฅ๊ฐ’์„ ๋ฐ›์•„์„œ ์ถœ๋ ฅ์„ ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค.(์ถœ๋ ฅ๊ฐ’์ด ์žˆ๋‹ค.) ์–ด๋”˜๊ฐ€์—์„œ ์žฌ์‚ฌ์šฉ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์“ฐ์ธ๋‹ค. ์•„ํ‚คํ…์ณ๋ฅผ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋‹ค. -> ํ•จ์ˆ˜๋“ค๋งŒ ๋ด๋„ '์•„ ์ด๋Ÿฐ ์ผ์„ ํ•˜๋Š” ๊ฒƒ์ด๊ตฌ๋‚˜'๋ฅผ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ •๋„๋กœ ํ•ด์„ ๋‹จ์ˆœํžˆ ์„ ์–ธ๋งŒ ํ•ด์ฃผ๋ฉด ์•„๋ฌด๋Ÿฐ ์ผ์ด ์ผ

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

[TIL] Object

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด

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

[TIL] Quiz-๋ฌธ์ž์—ด ๋’ค์ง‘๊ธฐ

๋ฌธ์ž์—ด์˜ ์ธ๋ฑ์Šค๋ฅผ ํ™œ์šฉํ•ด str4 + str3 + ... + str0ํ•ด์ฃผ๋ฉด๋œ๋‹ค.

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

[TIL] Quiz-๋ฐฐ์—ด์•ˆ์˜ ํŠน์ • ๊ฐ’ ์ œ๊ฑฐ

์œ„์˜ ๋ฐฐ์—ด์—์„œ 20, 30์„ ์ œ๊ฑฐํ•˜๋ผ.arr\[i]๋ฅผ ์ด์šฉํ•ด์„œ 20๊ณผ 30๊ณผ ๊ฐ’์„ ๋น„๊ตํ•œ๋‹ค.๋งŒ์•ฝ ๊ทธ ๊ฐ’์ด 20๊ณผ ๊ฐ™๋‹ค๋ฉด, .splice๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ’์„ ์ œ๊ฑฐํ•ด์ค€๋‹ค.2.1 ๋งŒ์•ฝ 20๊ณผ ๊ฐ™์ง€์•Š์ง€๋งŒ 30๊ณผ ๊ฐ™๋‹ค๋ฉด, .splice๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ’์„ ์ œ๊ฑฐํ•ด์ค€๋‹ค.

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

[TIL] Quiz-์ตœ๋Œ€(์†Œ)๊ฐ’, ๊ตฌ๊ตฌ๋‹จ, ํŠน์ •์ˆซ์ž์˜ ์ถœํ˜„ ํšŸ์ˆ˜, ์ง(ํ™€)์ˆ˜์˜ ํ•ฉ, ๋ฐฐ์—ด์˜ ์ดํ•ฉ(ํ‰๊ท )

๊ต‰์žฅํžˆ ๊ธฐ์ดˆ์ ์ธ ํ€ด์ฆˆ๋ฅผ ๋Œ€ํ•˜๊ธฐ๊นŒ์ง€ "์ด ์ •๋„๋Š” ์—ฌ๋Ÿฌ๋ถ„์ด ํ’€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!" ๋ผ๋Š” ๋ง์ด ์ฃ„์†ก์Šค๋Ÿฝ๊ฒŒ๋„, ํ€ด์ฆˆ์— ์ ‘๊ทผ์กฐ์ฐจ ์–ด๋ ค์› ๋˜ ๋‚ด๊ฐ€ (๊ธฐ์ดˆ์ค‘์˜ ๊ธฐ์ดˆ)๋ฐฐ์—ด์˜ ํ‰๊ท ์„ ๊ตฌํ•ด๋ณด๋ฉด์„œ ๋Š๋‚€ ์ ์„ ์šฐ์„  ์ ๊ณ  ๊ฐ„๋‹ค. >1. ๊ทธ๋ž˜๋„ ์•Œ์•„์•ผ ํ•˜๋Š”๊ฒŒ ์žˆ๋”๋ผ! ->๋‹น์—ฐํ•˜๊ฒŒ๋„ ์™ธ์šฐ๊ณ  ์žˆ์–ด์•ผ

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