profile
I'm ye-ji๐Ÿ’š
post-thumbnail

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์—†์ด! ํ‰์  ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ โญโญโญโญโญ

์˜ˆ์ „์— ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ์„ ํ†ตํ•ด์„œ ๋ณ„์ ์„ ๋งŒ๋“ค์–ด๋†“๊ณ ... ๊นŒ๋จน์ง€ ์•Š๊ธฐ ์œ„ํ•ด์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ์ž‘์„ฑํ•ด๋ณธ๋Œœ~์‚ฌ์‹ค ๊นŒ๋จน์–ด์„œ ์ง€๊ธˆ ์ž‘์„ฑํ•จ... ใ…Ž๋‹ค์„ฏ ๊ฐœ์˜ ๋ณ„์„ ๊ทธ๋ฆฌ๊ธฐ ์œ„ํ•ด์„œ const starArr = \[1, 2, 3, 4, 5]; ๋ฐฐ์—ด์„ ์ž‘์„ฑํ•œ ํ›„๋ฐ˜๋ณตํ•ด์„œ ๋ณ„์„ ์ถœ๋ ฅํ•ด์ฃผ

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

CSS ํ™”๋ฉด ์ค‘์•™ ๋ฐฐ์น˜ (Flexbox/Grid)

์šฐ๋ฆฌ๋Š” ํ”ํžˆ ๋กœ๊ทธ์ธ์ด๋‚˜ ์–ด๋–ค ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ๋•Œ ์ •๊ฐ€์šด๋ฐ์— ์ฃผ๋กœ ์œ„์น˜ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค ์ด๋•Œ ๋‚˜๋Š” grid๋‚˜ flex๋ฅผ ์ด์šฉํ•˜์—ฌ ํ™”๋ฉด ์ค‘์•™์— ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค.

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

build๋งŒ์œผ๋กœ ๋ฐฐํฌํ•˜๊ธฐ : surge๋ฅผ ์ด์šฉ

surge๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐฐํฌ๋ฅผ ํ•œ๋‹ค๋ฉด, github์— ์ฝ”๋“œ๋ฅผ ์˜ฌ๋ฆฌ์ง€ ์•Š๊ณ  ๋ฐฐํฌ๋ฅผ ๋น ๋ฅด๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‚˜๋Š” ๊ธฐ์—…์—์„œ ์š”๊ตฌํ•˜๋Š” ๊ณผ์ œ๋ฅผ ์˜จ๋ผ์ธ ์ƒ์— ์˜ฌ๋ฆฌ์ง€ ์•Š๋„๋ก ๋ช…์‹œ๋˜์–ด์žˆ์„ ๋•Œ ์ฃผ๋กœ surge๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค! React App์„ ์ด์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ ํ•œ ๋’ค ๋ฐฐํฌ๋ฅผ ํ•˜๊ธฐ ์œ„ํ•ด์„œ

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

Light house๋ฅผ ์ด์šฉํ•˜์—ฌ ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ์˜ฌ๋ฆฌ๊ธฐ

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

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

๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜(Garbage Collection)์ด๋ž€? : ํด๋กœ์ €์™€ ๋น„๊ตํ•ด์„œ

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

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

[Error] IntrinsicAttributes props in React Typescript component

์ด ์˜ค๋ฅ˜๋Š” mapํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด์„œ ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ์—์„œ ์ž์‹ ์ปดํฌ๋„ŒํŠธ๋กœ props๋ฅผ ๋ณด๋‚ผ ๋•Œ ๋‚˜๋Š” ์˜ค๋ฅ˜์ด๋‹ค.์ฆ‰, \[{...}, {...}, {...}] ํ•ด๋‹น๋˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ mapํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด์„œ {...} ๊ฐ์ฒด ํ˜•์‹์œผ๋กœ props๋ฅผ ๋ณด๋‚ผ ๋•Œ ํƒ€์ž… ์˜ค๋ฅ˜์— ํ•ด๋‹น๋˜๋Š” ๋‚ด์šฉ์ด๋‹ค.๋ถ€๋ชจ

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

ํ•จ์ˆ˜ ํ˜ธ์ถœ ๋ฐฉ์‹๊ณผ ๊ด€๊ณ„ ์—†์ด this๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ• : call, apply, bind

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ• ์™ธ์—๋„ ํ•จ์ˆ˜๋ฅผ ์–ด๋””์„œ ์–ด๋–ป๊ฒŒ ํ˜ธ์ถœํ–ˆ๋Š๋ƒ์— ๊ด€๊ณ„ ์—†์ด this๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿผ ์—ฌ๊ธฐ์„œ this๋Š” ์ •ํ™•ํžˆ ๋ญ”๋ฐ? ๋ผ๊ณ  ์˜๋ฌธ์ด ๋“ค ๊ฒƒ์ด๋‹ค.this๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋‹ค๋ฅธ ์–ธ์–ด์™€ ๋น„๊ตํ–ˆ์„ ๋•Œ ์กฐ๊ธˆ ๋‹ค๋ฅด๊ฒŒ ๋™์ž‘ํ•œ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ

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

setTimeout / setInterval

์ผ์ • ์‹œ๊ฐ„์ด ์ง€๋‚œ ํ›„ ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰์ด ์ฝ”๋“œ๋Š” 3์ดˆ ํ›„์— ๋กœ๊ทธ๋ฅผ ์ฐ์–ด์ค€๋‹ค. setTimeOutํ•จ์ˆ˜๋Š” ๋‘ ๊ฐœ์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ๋ฐ›๋Š”๋‹ค. 1๋ฒˆ์งธ์—๋Š” ์ผ์ •์‹œ๊ฐ„์ด ์ง€๋‚œ ํ›„์— ์‹คํ–‰ํ•ด์ฃผ๋Š” ํ•จ์ˆ˜์ด๊ณ , ๋‘๋ฒˆ์งธ๋Š” ์‹œ๊ฐ„์ด๋‹ค. 3000์€ 3s๋ฅผ ์˜๋ฏธํ•œ๋‹ค. ๋˜ํ•œ ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.๋งŒ์•ฝ ์ธ์ˆ˜๊ฐ€

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

ํด๋กœ์ €(Closure) ์™„๋ฒฝํžˆ ์ดํ•ดํ•ด๋ณด์ž!

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์–ดํœ˜์  ํ™˜๊ฒฝ(Lexical Environment)์„ ๊ฐ–๋Š”๋‹ค.์–ดํœ˜์  ํ™˜๊ฒฝ์ด๋ž€...?=> ๊ฐ„๋‹จํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด, ์ •์ ์ธ(๋ณ€ํ•˜์ง€ ์•Š๋Š”) ํ™˜๊ฒฝ์ด๋‹ค!์ด๋Ÿฌํ•œ ์ฝ”๋“œ๊ฐ€ ์žˆ์„ ๋•Œ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š” ์ง€ ์•Œ์•„๋ณด์ž!์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๋ฉด ์Šคํฌ๋ฆฝํŠธ์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋“ค์ด Lexical ํ™˜๊ฒฝ์—

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

๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜, ์ „๊ฐœ ๊ตฌ๋ฌธ(Rest parameters, Spread syntax)

๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ „๊ฐœ ๊ตฌ๋ฌธ์€ ... ๋กœ ์‚ฌ์šฉ๋˜์–ด์ง„๋‹ค.๊ทธ๋ ‡๋‹ค๋ฉด ์ด ๋‘˜์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ผ๊นŒ?๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜์˜ ์ธ์ˆ˜ ์ „๋‹ฌ ์‹œ์— ๋งˆ์ง€๋ง‰์œผ๋กœ ์‚ฌ์šฉ๋˜๋ฉฐ, ์ „๋‹ฌ๋œ ์ธ์ˆ˜๋“ค์˜ ๋ชฉ๋ก์„ ๋ฐฐ์—ด๋กœ ์••์ถ•ํ• ๋•Œ ์‚ฌ์šฉ๋˜์–ด์ง„๋‹ค. ์ „๊ฐœ ๊ตฌ๋ฌธ์€ ๋ญ‰์ณ์žˆ๋Š” ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๊ฐ’๋“ค์„ ๊ฐœ๋ณ„์ ์ธ ๊ฐ’๋“ค์˜ ๋ชฉ๋ก์œผ๋กœ

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

๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น (Destructuring assignment)

๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๊ตฌ๋ฌธ์€ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด์˜ ์†์„ฑ์„ ๋ถ„ํ•ดํ•ด์„œ ๊ทธ ๊ฐ’์„ ๋ณ€์ˆ˜์— ๋‹ด์„ ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ํ‘œํ˜„์‹๋งŒ์•ฝ ํ•ด๋‹นํ•˜๋Š” ๊ฐ’์ด ์—†๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ๋ ๊นŒ?undefined๊ฐ€ ๋“ค์–ด๊ฐ„๋‹ค.a์—๋Š” 1์ด ๋“ค์–ด๊ฐ€๊ณ , b์—๋Š” 2๊ฐ€ ๋“ค์–ด๊ฐ€์ง€๋งŒ, c์—๋Š” undefined๊ฐ€ ๋“ค์–ด๊ฐ„๋‹ค!์ด ๋•Œ ๊ธฐ๋ณธ๊ฐ’์„ ์ฃผ

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

๋ฐฐ์—ด ๋ฉ”์†Œ๋“œ(Array methods)

๋ฐฐ์—ด์˜ ๋Œ€ํ‘œ์ ์ธ ๋ฉ”์†Œ๋“œ๋“ค์—๋Š” push(), pop(), unshift() shift()๊ฐ€ ์žˆ๋‹ค. ์ด ์™ธ์˜ ๋ฉ”์†Œ๋“œ๋“ค์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด์ž!arr.splice(n,m)๋Š” n๋ฒˆ์งธ ์š”์†Œ๋ถ€ํ„ฐ m๊ฐœ๋ฅผ ์ง€์šฐ๋ผ๋Š” ์˜๋ฏธ๋กœ ์‚ฌ์šฉ๋˜์–ด์ง„๋‹ค. ์ธ๋ฑ์Šค 1๋ถ€ํ„ฐ 2๊ฐœ๋ฅผ ์ง€์šฐ๊ฒŒ ๋œ๋‹ค๋ฉด \

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

๋ฌธ์ž์—ด ๋ฉ”์†Œ๋“œ(String methods)

๋ฌธ์ž์—ด์—๋Š” ์ž‘์€๋”ฐ์˜ดํ‘œ('') , ํฐ๋”ฐ์˜ดํ‘œ("") ๋ฐฑํ‹ฑ๊ธฐํ˜ธ(\`\`) 3๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด html ์ฝ”๋“œ ๊ฒฝ์šฐ์—๋Š” ์ž‘์€ ๋”ฐ์˜ดํ‘œ๋กœ ๊ฐ์‹ธ๋Š” ๊ฒŒ ํŽธ๋ฆฌํ•˜๋‹ค. ๋ฐ˜๋ฉด์— ์˜์–ด๋กœ ๋œ ๋ฌธ์žฅ์€ ํฐ ๋”ฐ์˜ดํ‘œ๋กœ ๊ฐ์‹ธ๋Š” ๊ฒŒ ํŽธ๋ฆฌํ•˜๋‹ค.๋ฐฑํ‹ฑ์€ ๋‹ฌ๋Ÿฌ$์™€ ์ค‘๊ด„ํ˜ธ{}๋ฅผ ์ด์šฉํ•ด ๋ณ€์ˆ˜๋ฅผ ํ‘œํ˜„ํ•˜๊ฑฐ๋‚˜ ํ‘œํ˜„์‹

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

์ˆซ์ž, ์ˆ˜ํ•™ method (Number, Math)

์šฐ๋ฆฌ๊ฐ€ ์‹ค์ƒํ™œ์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์ˆซ์ž๋Š” 10์ง„์ˆ˜์ด๋‹ค. ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋ฉด 2์ง„์ˆ˜๋‚˜ ์ƒ‰์ƒํ‘œํ˜„์„ ์œ„ํ•ด 16์ง„์ˆ˜๊ฐ€ ํ•„์š”ํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค. ์ด ๋•Œ 10์ง„์ˆ˜๋ฅผ 2์ง„์ˆ˜๋‚˜ 16์ง„์ˆ˜๋กœ ๋ฐ”๊พธ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์žnum์— 10์ด๋ผ๋Š” ๊ฐ’์ด ๋“ค์–ด๊ฐ€์žˆ๊ณ , ๋ณ€์ˆ˜๋ช….toString()์„ ์‹คํ–‰ํ•ด๋ณด๋ฉด ์ด

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

๋‹ค๋ฅธ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“ค์–ด ๋†“์€ ๊ฐ์ฒด ํ™œ์šฉํ•˜๋Š” ๋ฒ•: Symbol ์ด์šฉํ•˜๊ธฐ

๊ฐ์ฒด์˜ Property ํ‚ค๋Š” ๋ฌธ์žํ˜•์œผ๋กœ ์ด๋ฃจ์–ด์ ธ์žˆ๋‹ค!์ˆซ์žํ˜•์ด๋‚˜ booleanํ˜•์œผ๋กœ ๋งŒ๋“ค์–ด๋„ Object.keys(obj)๋ฅผ ํ†ตํ•ด์„œ \["1", "false"]๋ฌธ์žํ˜•์œผ๋กœ ๋ฐ˜ํ™˜๋˜๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค. ์‹ค์ œ๋กœ ์ ‘๊ทผํ•  ๋•Œ์—๋„ ๋ฌธ์ž '1'์ด๋‚˜ 'false'๋กœ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค.์ด

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

๊ณ„์‚ฐ๋œ ํ”„๋กœํผํ‹ฐ(Computed property), ๊ฐ์ฒด ๋ฉ”์†Œ๋“œ(Object methods)

a๋ผ๋Š” ๋ณ€์ˆ˜๊ฐ€ ์žˆ๊ณ , user๋ผ๋Š” ๊ฐ์ฒด๊ฐ€ ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๊ฐ์ฒด์˜ age๋ผ๋Š” ํ‚ค ๋Œ€์‹ ์— \[a]๋กœ ์‚ฌ์šฉํ•ด๋„ ๋™์ผํ•˜๋‹ค.์ด๋ ‡๊ฒŒ \[] ๋Œ€๊ด„ํ˜ธ๋กœ ๋ฌถ์–ด์ฃผ๋ฉด a๋ผ๋Š” ๋ฌธ์ž์—ด์ด ์•„๋‹ˆ๋ผ ๋ณ€์ˆ˜ a์— ํ• ๋‹น๋œ ๊ฐ’์ด ๋“ค์–ด๊ฐ€๊ฒŒ ๋œ๋‹ค. ์ด๋ฅผ Computed property(๊ณ„์‚ฐ๋œ ํ”„๋กœํผํ‹ฐ)๋ผ๊ณ  ๋ถ€

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

[GitHub] We found potential security vulnerabilities in your Dependencies

ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋‚ด๊ฐ€ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•˜๋‹ˆ ์ด๋Ÿฌํ•œ ์•Œ๋ฆผ์ด ๋œจ๋Š” ๊ฒƒ ์ด๋‹ค! ์—ด์‹ฌํžˆ ์ฐพ์•„๋ณธ ๋’ค์— ํ•ด๊ฒฐ ํ•œ ํ›„ ๊ฒฐ๊ณผ๋ฅผ ๊ณต์œ ํ•˜๊ณ ์ž ํ•œ๋‹ค! ์ด ๊ธ€์„ ๋ฒˆ์—ญํ•ด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. `์ข…์†์„ฑ์—์„œ ์ž ์žฌ์ ์ธ ๋ณด์•ˆ ์ทจ์•ฝ์„ฑ์ด ๋ฐœ๊ฒฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.` ์ฆ‰, package-lock.json์—์„œ ์˜ค๋ฅ˜

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

๋น„์Šทํ•œ ๊ฐ์ฒด ์—ฌ๋Ÿฌ ๊ฐœ ๋งŒ๋“ค๊ธฐ : ์ƒ์„ฑ์ž ํ•จ์ˆ˜์™€ class

์šฐ๋ฆฌ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ๋•Œ ํšŒ์›์˜ ์ •๋ณด, ์ƒํ’ˆ์˜ ์ •๋ณด๋“ฑ ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ’์ด ๋ณ€๊ฒฝ๋˜๋Š” ๊ฒฝ์šฐ๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค! ์ด๋Ÿฌํ•œ ๊ฒฝ์šฐ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋‚˜ class๋ฅผ ์ด์šฉํ•˜๋ฉด ์ข‹๋‹ค! es6์— class๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ์œผ๋ฏ€๋กœ ์ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹๋‹ค๊ณ  ํ•œ๋‹น!์ƒ์„ฑ์ž ํ•จ์ˆ˜๋Š” ๋ณดํ†ต ์ฒซ ๊ธ€์ž๋Š” ๋Œ€

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

ํ˜ธ์ด์ŠคํŒ…, TDZ, ๋ณ€์ˆ˜์˜ ์ƒ์„ฑ๊ณผ์ •, ์Šค์ฝ”ํ”„

ํ˜ธ์ด์ŠคํŒ…: ์Šค์ฝ”ํ”„ ๋‚ด๋ถ€ ์–ด๋””์„œ๋“  ๋ณ€์ˆ˜ ์„ ์–ธ์€ ์ตœ์ƒ์œ„์— ์„ ์–ธ๋œ ๊ฒƒ์ฒ˜๋Ÿผ ํ–‰๋™ var๋Š” ์ค‘๋ณต ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•˜๋‹ค ์ฆ‰, ํ•œ๋ฒˆ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ๋‹ค์‹œ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๋˜ํ•œ ์„ ์–ธ๋˜๊ธฐ ์ „์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์„ ์–ธ์€ ํ˜ธ์ด์ŠคํŒ… ๋˜์–ด์ง€์ง€๋งŒ ํ• ๋‹น์€ ํ˜ธ์ด์ŠคํŒ… ๋˜์–ด์ง€์ง€ ์•Š๋Š”๋‹ค. ์ฆ‰, name์ด๋ผ๋Š”

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

๋ฌดํ•œ์Šคํฌ๋กค Intersection Observer

Intersection Observer API๋ž€? > ์‰ฝ๊ฒŒ ๋งํ•ด์„œ ๋ฌดํ•œ์Šคํฌ๋กค์„ ํ•  ๋•Œ ํ•„์š”ํ•œ ๋‚ด์žฅ ๋ธŒ๋ผ์šฐ์ € api์ด๋‹ค. MDN์—์„œ๋Š” IntersectionObserver(๊ต์ฐจ ๊ด€์ฐฐ์ž API)๋Š” ํƒ€๊ฒŸ ์—˜๋ ˆ๋ฉ˜ํŠธ์™€ ํƒ€๊ฒŸ์˜ ๋ถ€๋ชจ ํ˜น์€ ์ƒ์œ„ ์—˜๋ ˆ๋ฉ˜ํŠธ์˜ ๋ทฐํฌํŠธ๊ฐ€ ๊ต์ฐจ๋˜๋Š” ๋ถ€๋ถ„์„

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