profile
๐Ÿช

useRef์˜ 2๊ฐ€์ง€ ๊ธฐ๋Šฅ

useRef๋Š” DOM ์„ ์„ ํƒํ•˜๋Š” ์šฉ๋„ ์™ธ์—๋„ ๋‹ค๋ฅธ ์šฉ๋„๊ฐ€ ํ•œ ๊ฐ€์ง€ ๋” ์žˆ๋‹ค. => ์ปดํฌ๋„ŒํŠธ ์•ˆ์—์„œ ์กฐํšŒ ๋ฐ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ useRef ๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๋ณ€์ˆ˜๋Š” ๊ฐ’์ด ๋ฐ”๋€๋‹ค๊ณ  ํ•ด์„œ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ฆฌ๋ Œ๋”๋ง๋˜์ง€ ์•Š๋Š”๋‹ค. ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์—์„œ์˜ ์ƒํƒœ๋Š” ์ƒํƒœ๋ฅผ ๋ฐ”๊พธ

์–ด์ œ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

JSX์— ๋Œ€ํ•˜์—ฌ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ JS์™€ XML์˜ X๋ฅผ ํ•ฉ์นœ ๋ง๋กœ,JS ์ฝ”๋“œ ๋‚ด๋ถ€์— ํƒœ๊ทธ ๊ธฐ๋ฐ˜์˜ HTML ๊ตฌ๋ฌธ์„ ๋ฐ”๋กœ ์จ์„œReact ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์ •์˜ํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ™•์žฅ ๋ฌธ๋ฒ•์ด๋‹ค.์‚ฌ์šฉํ•˜๊ธฐ ๋ณต์žกํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ createElement ๊ฐœ๋…์„ ๊ฐ„์†Œํ™”ํ•˜์˜€๋‹ค.๊น”๋”ํ•˜๊ณ  ๊ฐ€๋…์„ฑ์ด ์ข‹๋‹ค. (

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

FunctionComponent (FC) ์‚ฌ์šฉ ์ค„์ด๊ธฐ

FunctionComponent ํƒ€์ž…์˜ ์ค„์ž„๋งReact + Typescript ์กฐํ•ฉ์œผ๋กœ ๊ฐœ๋ฐœ ์‹œ ์‚ฌ์šฉํ•˜๋Š” ํƒ€์ž… ์ค‘ ํ•˜๋‚˜ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ์‚ฌ์šฉ ์‹œ ํƒ€์ž… ์„ ์–ธ์— ์“ธ ์ˆ˜ ์žˆ๋„๋ก React์—์„œ ์ œ๊ณตํ•˜๋Š” ํƒ€์ž…ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋กœ ๋„˜์–ด์˜ค๋ฉด์„œ ์“ฐ๊ฒŒ ๋œ ํƒ€์ž…์ธ๋ฐ, ์—ฌ

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

Next.js์˜ <Link>์— ๋Œ€ํ•ด

React์—์„œ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์„ ๊ฐ„ํŽธํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ํ”„๋ ˆ์ž„์›ŒํฌNext.js๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์„œ๋ฒ„ ์ธก์—์„œ React์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.React.js๋ฅผ ์„œ๋ฒ„ ์ธก์—์„œ pre-renderingํ•˜์—ฌ html์„ ์ƒ์„ฑํ•˜๊ณ , ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ๋ณด๋‚ด์ค€๋‹ค.๊ทธ ํ›„ ๋ธŒ๋ผ์šฐ์ €์—์„œ React๋ฅผ

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

Next์˜ <Image> ์‚ฌ์šฉํ•˜๊ธฐ

Next.js๋Š” 'public' ๋””๋ ‰ํ† ๋ฆฌ์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ •์  ํŒŒ์ผ์„ ๋ณด๊ด€ํ•˜๊ณ  &lt;Image> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊บผ๋‚ด์˜ฌ ์ˆ˜ ์žˆ๋‹ค.public ํด๋” ๋‚ด๋ถ€์— ์ด๋ฏธ์ง€ ํŒŒ์ผ(์˜ˆ: jpeg ํŒŒ์ผ)์„ ๋„ฃ์–ด์ฃผ๊ณ public ํด๋”์— ์ €์žฅ๋œ ํŒŒ์ผ์˜ ์ด๋ฆ„๊ณผ pages ํด๋”์— ์ €์žฅ๋œ ํŒŒ์ผ์˜ ์ด

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

MSA์˜ BFF ํŒจํ„ด, ์™ธ๋ถ€ ๊ตฌ์„ฑ ์ €์žฅ์†Œ ํŒจํ„ด, ์ธ์ฆ ๋ฐ ์ธ๊ฐ€ ํŒจํ„ด

์ตœ๊ทผ ๋‹ค์–‘ํ•œ ๋ชจ๋ฐ”์ผ ์žฅ๋น„๋ฅผ ์‚ฌ์šฉ โ‡’ ๋‹ค์–‘ํ•œ ํด๋ผ์ด์–ธํŠธ๋ฅผ ๊ณ ๋ คํ•ด์•ผ ํ•จ โ‡’ ํŠนํ™”๋œ ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ API ์กฐํ•ฉ์ด๋‚˜ ์ฒ˜๋ฆฌ ํ•„์š”์ด๋ฅผ ์œ„ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์œผ๋กœ BFF(Backend for Frontend) ํŒจํ„ด์ด ์กด์žฌBFF ํŒจํ„ด์€ API ๊ฒŒ์ดํŠธ์›จ์ด์™€ ๊ฐ™์€ ์ง„์ž…์ ์„ ํ•˜๋‚˜๋กœ ๋‘์ง€ ์•Š๊ณ  ํ”„๋ก 

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

Svelte์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž ๐Ÿ’Ž

Svelte๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ํˆด์ด๋‹ค.2021๋…„ stackoverflow ๊ฐœ๋ฐœ์ž ์„ค๋ฌธ์กฐ์‚ฌ'๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ๋ž‘๋ฐ›๋Š” ์›น ํ”„๋ ˆ์ž„์›Œํฌ'์—์„œ 1์œ„๋ฅผ ์ฐจ์ง€ํ–ˆ๋‹ค.Svelte๊ฐ€ ๋ฌด์—‡์ด๊ณ  ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€๋ฆฌ์•กํŠธ์™€ ๋ฌด์—‡์ด ๋‹ค๋ฅธ์ง€์–ด๋–ป๊ฒŒ ๋ฆฌ์•กํŠธ๋ณด๋‹ค ๋” ๋น ๋ฅธ์ง€์™œ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์ดํ† 

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

Big O (์‹œ๊ฐ„๋ณต์žก๋„)

์ถœ์ฒ˜: ๋…ธ๋งˆ๋“œ์ฝ”๋” - ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ์•Œ์•„์•ผ ํ•˜๋Š” Big O์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ์†๋„๋Š” ์ปดํ“จํ„ฐ ํ•˜๋“œ์›จ์–ด ์ž์ฒด์™€์˜ ์†๋„์™€๋Š” ๋ณ„๊ฐœ๋กœ๊ทธ๋ณด๋‹ค๋Š” โ€˜์™„๋ฃŒ๊นŒ์ง€ ๊ฑธ๋ฆฌ๋Š” ์ ˆ์ฐจ์˜ ์ˆ˜โ€™๋กœ ์ •์˜๋œ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด, ๊ฐ™์€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐ 5๊ฐœ์˜ ์Šคํ…์ด ๊ฑธ๋ฆฌ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด 10๊ฐœ ์Šคํ…์ด ๊ฑธ๋ฆฌ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜๋ณด๋‹ค ์šฐ์ˆ˜

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

TDD์™€ ๋‹จ์œ„ํ…Œ์ŠคํŠธ

Test-Driven Developmentํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ๋จผ์ € ๋งŒ๋“ค๊ณ , ์‹ค์ œ ํ”„๋กœ๋•์…˜ ์ฝ”๋“œ๋ฅผ ๋‚˜์ค‘์— ๋งŒ๋“œ๋Š” ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์„ค๊ณ„ ๋ฐ ์‹ค์ œ ๊ฐœ๋ฐœ์„ ๋จผ์ € ํ•˜๊ณ  ์ดํ›„์— ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฏใ…‡ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ๊ฐ€์žฅ ๋จผ์ € ์ž‘์„ฑํ•œ ํ›„์— ์„ค๊ณ„๋ฅผ ํ•˜๊ณ  ์ดํ›„์— ๊ฐœ๋ฐœ ์ง„ํ–‰์ถœ์ฒ˜: ํ…Œ์ฝ”ํ†ก - ํ”ผ์นด์˜ TDD

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

IE ๋Œ€์ฒด ๋ธŒ๋ผ์šฐ์ € (feat. ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•)

'๋ฆฌ์•กํŠธ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•'์„ ๊ฒ€์ƒ‰ํ•˜๋ฉด์„œ '์—ฃ์ง€ ์ต์Šคํ”Œ๋กœ๋Ÿฌ ์ฐจ์ด'๋ฅผ ์ฐพ์•„๋ณด๋‹ค๊ฐ€ ๋ฐœ๊ฒฌํ•œ ๊ธฐ์‚ฌ์ด๋‹ค. ์ฝ์œผ๋ฉด์„œ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์€ ๊ตต์€ ๊ธ€์”จ๋กœ ์ฒ˜๋ฆฌํ•ด๋ณด์•˜๋‹ค. ์ธํ„ฐ๋„ท ์ต์Šคํ”Œ๋กœ๋Ÿฌ(IE)๋Š” ์˜ฌํ•ด 6์›” 15์ผ์ž๋กœ ์‚ฌ๋ผ์ง€์ง€๋งŒ ์—ฃ์ง€์™€์˜ ํ˜ธํ™˜ ๋ชจ๋“œ๋Š” 2029๋…„๊นŒ์ง€ ์ง€์›ํ•œ๋‹ค๊ณ  ํ•œ๋‹ค. ์•„..๐Ÿ˜ฑ

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

ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•

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

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

SCSS ์‚ฌ์šฉ๋ฒ•

SCSS๋Š” SASS 3๋ฒˆ์งธ ๋ฒ„์ „์—์„œ ์ถ”๊ฐ€๋œ ๊ฒƒ์œผ๋กœSASS์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ง€์›ํ•˜๋ฉด์„œ CSS ๊ตฌ๋ฌธ๊ณผ ์™„์ „ํžˆ ํ˜ธํ™˜๋˜๋„๋ก ๋งŒ๋“ค์–ด์กŒ๋‹ค.์ค‘์ฒฉ์„ ํ†ตํ•ด ๋ถ€๋ชจ ์š”์†Œ๋ฅผ ๋ฐ˜๋ณต ๊ธฐ์ˆ ํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.$๋ฅผ ์•ž์— ๋ถ™์ธ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ณตํ†ต๋œ ์†์„ฑ์„ ์žฌํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.@mixin์œผ๋กœ ํ•จ

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

์›น ํ‘œ์ค€๊ณผ ์›น ์ ‘๊ทผ์„ฑ

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

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

JWT ํ† ํฐ ์ธ์ฆ ์ ˆ์ฐจ

ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„์˜ JWT ํ† ํฐ ์ธ์ฆ ์ ˆ์ฐจ์—๋Š” AccessToken, RefreshToken, AccessToken ๋งŒ๋ฃŒ์‹œ๊ฐ„ ๋“ฑ ์—ฌ๋Ÿฌ ๊ฐœ๋…์ด ์‚ฌ์šฉ๋œ๋‹ค.ํ•˜์ง€๋งŒ ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š”, ์ฒ˜์Œ๋ถ€ํ„ฐ ์ „์ฒด ๊ณผ์ •์„ ๋ณด์ง€ ์•Š๊ณ  ๊ธฐ๋ณธ ๋‹จ๊ณ„์—์„œ๋ถ€ํ„ฐ ์ฐจ์ฐจ ์‚ด์„ ๋ถ™์—ฌ๋ณด๊ธฐ๋กœ ํ•œ๋‹ค.๋จผ์ €, Re

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

SEO: robots.txt์™€ sitemap.xml์— ๋Œ€ํ•˜์—ฌ

์›น ์‚ฌ์ดํŠธ์— ๋Œ€ํ•œ ๊ฒ€์ƒ‰์—”์ง„ ๋กœ๋ด‡๋“ค์˜ ์ ‘๊ทผ์„ ์กฐ์ ˆํ•ด์ฃผ๊ณ  ์ œ์–ดํ•˜๋ฉฐ,๋กœ๋ด‡๋“ค์—๊ฒŒ ์›น ์‚ฌ์ดํŠธ์˜ ์‚ฌ์ดํŠธ๋งต์ด ์–ด๋”” ์žˆ๋Š”์ง€ ์•Œ๋ ค์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.์ฃผ์˜: ์—ฌ๊ธฐ์„œ์˜ ์‚ฌ์ดํŠธ ๋งต์€ ์ˆ˜์ง‘ ๋กœ๋ด‡์„ ์œ„ํ•œ XML ์‚ฌ์ดํŠธ ๋งต์ด๋ฉฐ, ์›น ์‚ฌ์ดํŠธ์˜ ๋ฉ”๋‰ด ์ „์ฒด๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์‚ฌ์ดํŠธ ๋งต์„ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹˜ro

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

CSR vs. SSR

๋ณดํ†ต ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์•ฑ์„ ๊ฐœ๋ฐœํ•œ๋‹ค๊ณ  ํ•˜๋ฉด ๋ฆฌ์•กํŠธ, ์•ต๊ทค๋Ÿฌ, ๋ทฐ ๋“ฑ์˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ SPA๋ฅผ ๊ฐœ๋ฐœํ•˜๊ฒŒ ๋œ๋‹ค.SPA๋ž€ Single Page Application์˜ ์•ฝ์ž๋กœ,ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งํ•œ๋‹ค.SPA๋กœ ๋งŒ๋“ค์–ด์ง„ ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•  ๋•Œ ํ—ค๋”๋Š” ๊ณ 

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

์ด๋ฒคํŠธ ์œ„์ž„, ๋ฒ„๋ธ”๋ง, ์บก์ฒ˜๋ง

ํŠน์ • ์œ„์น˜์—์„œ ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ๊ฐ€ ์ตœ์ƒ์œ„ ์š”์†Œ๊นŒ์ง€ ์˜ฌ๋ผ๊ฐ€๋ฉฐ ์—ฐ์†์œผ๋กœ ๋ฐœ์ƒํ•˜๋Š” ํ˜„์ƒ์„ ์˜๋ฏธํ•œ๋‹ค.์„ธ ๊ฐœ์˜ div ํƒœ๊ทธ์— ๋ชจ๋‘ ํด๋ฆญ ์ด๋ฒคํŠธ๋ฅผ ๋“ฑ๋กํ•˜๊ณ  ํด๋ฆญ ์‹œ logEvent ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์ฝ”๋“œ์ด๋‹ค.์ตœํ•˜์œ„ ์š”์†Œ์ธ &lt;div class="three">&lt;/div>๋ฅผ ํด๋ฆญ

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

์ฒซ ๋กœ๋”ฉ ์‹œ useEffect ์‹คํ–‰ ๋ง‰๊ธฐ (feat. useState)

์ถœ์ฒ˜: ์ฝ”๋”ฉ์• ํ”Œ ๋ฆฌ์•กํŠธ ๊ฐ•์ขŒ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ๋™๊ธฐ์ (synchronous)์œผ๋กœ ์ฒ˜๋ฆฌ๋œ๋‹ค.์ด ๋ง์€ ์ฝ”๋“œ๊ฐ€ ์œ—์ค„๋ถ€ํ„ฐ ์ฐจ๋ก€๋กœ ์‹คํ–‰๋œ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.ํ•˜์ง€๋งŒ ํŠน์ • ํ•จ์ˆ˜๋“ค์„ ์‚ฌ์šฉํ•˜๋ฉด ์ฝ”๋“œ๋ฅผ ๋น„๋™๊ธฐ์ (asynchronous)์œผ๋กœ ์‹คํ–‰ ๊ฐ€๋Šฅํ•˜๋‹ค.์˜ค๋Š˜ ์‚ดํŽด๋ณผ

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

๋น„๋™๊ธฐ ๊ฐœ๋… ์ด์ •๋ฆฌ (์ฝœ๋ฐฑ, Promise, async/await)

์ถœ์ฒ˜: ํ”„๋ก ํŠธ์—”๋“œ 3์ฃผ์ฐจ ์ˆ˜์—… (Core Javascript 1)ํ˜„์žฌ ์‹คํ–‰ ์ค‘์ธ ์ฝ”๋“œ๊ฐ€ ๋๋‚˜์•ผ ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰= ํ˜„์žฌ ์‹คํ–‰ ์ค‘์ธ task๊ฐ€ ์ข…๋ฃŒํ•  ๋•Œ๊นŒ์ง€ ๋‹ค์Œ task๋Š” ๋Œ€๊ธฐ์žฅ์ : ์ฝ”๋“œ ์‹คํ–‰ ์ˆœ์„œ๊ฐ€ ๋ณด์žฅ๋œ๋‹ค.๋‹จ์ : ํ˜„์žฌ ์‹คํ–‰ ์ค‘์ธ task๊ฐ€ ๋๋‚  ๋•Œ๊นŒ์ง€ ๋‹ค์Œ task

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

[PreOnboarding#6] ๊ฒ€์ƒ‰ ์ž๋™์™„์„ฑ ๊ณผ์ œ ํ›„๊ธฐ

๊นƒํ—ˆ๋ธŒ ์ €์žฅ์†Œ์˜๋ฌธ/ํ•œ๊ธ€, ๋ธŒ๋žœ๋“œ๋ช…/์ œํ’ˆ๋ช…์„ ๊ณ ๋ คํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ์˜์–‘์ œ๋ฅผ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„ํ•œ๋‹ค.๊ฒ€์ƒ‰ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•œ๋‹ค.์ด๋ฒˆ ๊ณผ์ œ๋ฅผ ํ•˜๋ฉฐ debounce๋ฅผ ์ ์šฉํ•ด๋ณด์•˜๋‹ค. ๊ฒ€์ƒ‰์ฐฝ์— ์ž…๋ ฅ์„ ํ•˜๋ฉด ์ž…๋ ฅํ•˜๋Š” ๊ธ€์ž๋งˆ๋‹ค(ํ•œ๊ธ€์€ ์ดˆ์„ฑ, ์ค‘์„ฑ, ์ข…์„ฑ ๋ชจ๋‘) ๋ Œ๋”๋ง์ด

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