profile
๐Ÿ˜‚๊ทธ๋ƒฅ ์ง์ง„ํ•˜๋Š” (์˜ˆ๋น„)๊ฐœ๋ฐœ์ž
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๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[TIL] ๋ฌธ์ž์—ด์„ ์ˆซ์ž๋กœ ๋ฐ”๊พธ๊ธฐ

๋ฐ์ดํ„ฐ(์ •๋ณด)๋ฅผ ๋ฐ›์•„์˜ฌ ๋•Œ, ์šฐ๋ฆฌ์˜ ์˜ˆ์ƒ๋Œ€๋กœ๋งŒ ํ˜๋Ÿฌ๊ฐ€์ง€ ์•Š๋Š”๋‹ค.๊ฐ€๋ น, ์šฐ๋ฆฌ๋Š” ์ˆซ์ž๋ฅผ ์š”๊ตฌํ–ˆ์ง€๋งŒ ๋ฌธ์ž์—ด๋กœ ์˜จ๋‹ค๊ฑฐ๋‚˜, ์ˆซ์ž์™€ ๋ฌธ์ž์˜ ํ•ฉ์œผ๋กœ ์˜จ๋‹ค๊ฑฐ๋‚˜(์ด๊ฒŒ ๊ฒฐ๊ตญ์€ ๋ฌธ์ž์—ด์ด์ง€๋งŒ) ๋‹ค์–‘ํ•˜๊ฒŒ ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.์šฐ๋ฆฌ๋Š” ์ด๋Ÿฌํ•œ ์ •๋ณด๋ฅผ ์ˆซ์ž๋กœ ๋ฐ”๊พธ์–ด ์ค„ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.๋ฐฉ๋ฒ• ๋„ค ๊ฐ€์ง€.๊ต‰์žฅํžˆ

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

[TIL] ๋‚ ์งœ & ๋ฐฐ์—ด(Array)

ํ˜„์žฌ ์‹œ๊ฐ„์„ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ•Wed Dec 01 2021 10:35:35 GMT+0900 (ํ•œ๊ตญ ํ‘œ์ค€์‹œ) {}์ด์ฒ˜๋Ÿผ ํ˜„์žฌ ์‹œ๊ฐ„์„ ์ถœ๋ ฅํ•  ์ˆ˜ ์žˆ๋‹ค.(์ •ํ™•ํžˆ๋Š” ๋ถˆ๋Ÿฌ์™€์„œ d์—๋‹ค๊ฐ€ ํ• ๋‹น)์ด์ œ ์œ„์˜ ์‹œ๊ฐ„์„ ๊ธฐ์ค€์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์ •๋ณด๋ฅผ ์•Œ์•„๋ณด์ž.๊ธฐ๋ณธํ˜•ํƒœ๋‹ค์ฐจ์›์œผ๋กœ ์ ‘์–ด๋“ค๋ฉด ํƒ€๊ณ ํƒ€๊ณ 

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

[TIL] JS ์—ฐ์‚ฐ๊ณผ ์กฐ๊ฑด๋ฌธ

1. ์‚ฐ์ˆ , ํ• ๋‹น ์—ฐ์‚ฐ >js // ๋™์ผํ•œ ๊ฐ’ (10 == '10' ์ฐธ!) // ๋™์ผํ•œ ๊ฐ’๊ณผ ๋™์ผํ•œ ์œ ํ˜• != // ๊ฐ™์ง€ ์•Š์Œ 3. ๋…ผ๋ฆฌ์—ฐ์‚ฐ > js false || true >true true && false >false 2.1 false ||false >fal

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

[TIL] JavaScript

๋ณธ๊ฒฉ์ ์ธ '์–ธ์–ด๊ณต๋ถ€'์— ์•ž์„œ์„œ ์–ธ์–ด์˜ ๋‘ ๊ฐ€์ง€ ์ข…๋ฅ˜๋ฅผ ์•Œ๊ณ ๊ฐ€์ž.(์Šคํฌ๋ฆฝํŠธ์–ธ์–ด)์†Œ์Šค์ฝ”๋“œ -> ์ธํ„ฐํ”„๋ฆฌํ„ฐ -> CPU / ๋ฉ”๋ชจ๋ฆฌ๋™์  ํƒ€์ž…์˜ ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด ๋Ÿฐํƒ€์ž„์—์„œ ์˜ค๋ฅ˜๋ฅผ ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค/.(๋Œ๋ ค๋ด์•ผ์ง€๋งŒ ์—๋Ÿฌ๋ฅผ ํ™•์ธ ๊ฐ€๋Šฅ๐Ÿ‘ฝ)(์ปดํŒŒ์ผ์–ธ์–ด)์†Œ์Šค์ฝ”๋“œ -> ์ปดํŒŒ์ผ๋Ÿฌ ->

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

[TIL] Sass - mixin, extend

1. Mixin?? ๋ฏน์Šค์ธ์ด๋ž€, ์ฝ”๋“œ์˜ ์žฌ์‚ฌ์šฉ์„ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง„ ๊ธฐ๋Šฅ์ด๋‹ค. ๋ฐ˜๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ์“ฐ๋Š” ์ž‘์—…์„ ์—†์• ๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง„ ๊ธฐ๋Šฅ์ด๋‹ค. (์ค‘์•™์ •๋ ฌ์„ ์œ„ํ•œ flex, justify, align ๋ฌถ์Œ ์ •๋„๋ฅผ ์ƒ๊ฐํ•˜๋ฉด ์ข‹๋‹ค) ๋ฐ˜๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ ๋ฌถ์–ด๋†“์€ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ

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

[TIL] Sass - variables

1. Why Variables?! >๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค = ๊ฐ’์„ ์ผ์ผ์ด ์ž‘์„ฑํ•˜์ง€ ์•Š๋Š”๋‹ค ์ผ์ •ํ•œ ํ…Œ๋งˆ๋ฅผ ๊ฐ€์ง„ ์›น ์ด๋ผ๋ฉด, ๋ฐฐ๊ฒฝ์ƒ‰์ด๋‚˜ ํ—ค๋”ฉ์˜ ํฐํŠธ ์‚ฌ์ด์ฆˆ, ๋ณธ๋ฌธ์˜ ํฐํŠธ ์‚ฌ์ด์ฆˆ ๋“ฑ๋“ฑ๋“ฑ ๋™์ผํ•œ ์Šคํƒ€์ผ์„ ์ค„ ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธด๋‹ค.(์•„์ฃผ ๋งŽ์ด) ์ด ๋•Œ๋งˆ๋‹ค ๊ทธ ๊ฐ’์„ ์–ด๋”˜๊ฐ€์—์„œ ๋ณด๊ณ  ์จ๋„ฃ๊ฑฐ๋‚˜

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