profile
Web Frontend Engineer ๐Ÿ‘ท

ํšŒ๊ณ  ํ†บ์•„๋ณด๊ธฐ

ํšŒ๊ณ ๋Š” ์ค‘์š”ํ•˜๋‹ค.

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

๐Ÿ’ซ react-query ๋„์ž…๊ธฐ

๋ฌธ์ œ ํ˜„์žฌ ํ”„๋กœ์ ํŠธ์—์„œ ์ง์ ‘ fetch๋ฅผ ํ†ตํ•ด ํ†ต์‹ ํ•˜๋ฉด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ  ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด ๋ฐฉ์‹์˜ ๊ฒฝ์šฐ ๋‹ค์ˆ˜ ๋ฐ˜๋ณต๋˜๋Š” ์š”์ฒญ๊ณผ ์ตœ์‹  ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์˜ค์ง€ ๋ชปํ•˜๊ณ , ๋ฐ›์•„์˜ค๋ ค๋ฉด ์ตœ์‹  ํŽ˜์ด์ง€๋กœ ์ƒˆ๋กœ๊ณ ์นจ ๋˜๋Š” ๋“ฑ์˜ ๋ฌธ์ œ๋“ค์ด ๋ฐœ์ƒํ•˜๊ณ  ์žˆ๋‹ค. ์ž‘์„ฑ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ตœ์‹ ์œผ๋กœ ๋ฐ”๋กœ ๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ๋‚™๊ด€์  ์—…๋ฐ์ดํŠธ, useEffect๋ฅผ ์ด์šฉํ•œ ์ˆ˜๋™๊ฐฑ์‹ ์„ ํ•ด๋ณผ๊นŒ ํ•˜๋‹ค...

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

ํ”„๋กœ์ ํŠธ๋กœ ๋ฐฐ์šฐ๋Š” React & Next ๋งˆ์Šคํ„ฐ๋ฆฌ ํด๋ž˜์Šค ์™„๊ฐ•

์ด์ •ํ™˜๋‹˜์˜ ํ”„๋กœ์ ํŠธ๋กœ ๋ฐฐ์šฐ๋Š” ๋ฆฌ์•กํŠธ์™€ ๋„ฅ์ŠคํŠธ ๋งˆ์Šคํ„ฐ๋ฆฌ ํด๋ž˜์Šค๋ฅผ ์™„๊ฐ•ํ–ˆ๋‹ค.

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

์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ํšจ์œจ ๋ถ„์„

์‹œ๊ฐ„๋ณต์žก๋„(time complexity)๋ž€? ๋ฌด์—‡์ผ๊นŒ.

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

CH2 ํƒ€์ž…์‹œ์Šคํ…œ_๋Ÿฌ๋‹ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ

๋Ÿฌ๋‹ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ 2์žฅ.

2024๋…„ 7์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

CH1 JS์—์„œ TS๋กœ_๋Ÿฌ๋‹ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ

๋Ÿฌ๋‹ํƒ€์Šค.1์žฅ.

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

02์žฅ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?_๋ชจ๋˜JS๋”ฅ๋‹ค์ด๋ธŒ

02์žฅ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€??????????? ํ”„๋กœํ† ํƒ€์ž…๊ธฐ๋ฐ˜์˜๊ฐ์ฒด์ง€ํ–ฅ์–ธ์–ด์ด๋‹ค~

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

01์žฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ_๋ชจ๋˜JS๋”ฅ๋‹ค์ด๋ธŒ

์ทจ์—… ์ „ ๋งˆ์ง€๋ง‰ ๋ฐฉํ•™. ์ˆจ์ฐธ๊ณ  ๋Ÿฝ๋‹ค์ด๋ธŒ. ๋„์•…

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

SOLID

https://fe-developers.kakaoent.com/2023/230330-frontend-solid/https://ykss.netlify.app/translation/write_solid_react_hooks/?utm_source=subst

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

๋งฅ๋ถํ™˜๊ฒฝ ์…‹ํŒ… ์ •๋ฆฌ๊ธ€

๋‚ด๊ฐ€ ๋‹ค์šด๋กœ๋“œํ•œ๊ฑฐ ์ •๋ฆฌ.

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

์Šคํƒ๊ณผ ํ.

๐Ÿ‘ท๐Ÿปโ€โ™‚๏ธ ์˜ค๋Š˜๋ถ€ํ„ฐ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•œ๋‹ค.๊ทธ ์ฒซ๋ฒˆ์งธ ๊ณผ์ •์œผ๋กœ ์Šคํƒ ํ๋ฅผ ๊ณต๋ถ€ํ•œ๋‹ค.

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

3-Tier Architecture(3๊ณ„์ธต ๊ตฌ์กฐ)

3-Tier.

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

Load Balancing ์— ๋Œ€ํ•ด..

ํ•ญ์ƒ ๋ฐธ๋Ÿฐ์Šค๊ฐ€ ๋งž์•„์•ผ ํ•ด. (๋ญ๋ผ๋Š”๊ฒจ)

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

React-router-dom v6

๋ฆฌ์•กํŠธ๋ผ์šฐํ„ฐ๋”v6

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

์ƒํƒœ๊ด€๋ฆฌ

๋‚˜๋Š” ์š”์ฆ˜ ์ฝ”๋กœ๋‚˜์— ๊ฑธ๋ ค์„œ ์ƒํƒœ๊ฐ€ ์—‰๋ง์ด๋‹ค. ์ƒํƒœ๊ด€๋ฆฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ์ด ์‹œ๊ฐ„ ๋งํ•˜๋Š” ์ƒํƒœ๋Š” ๊ทธ ์ƒํƒœ๊ฐ€ ์•„๋‹ˆ๋‹ค! ์ƒํƒœ ๊ด€๋ฆฌ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

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

์›น ์Šคํ† ๋ฆฌ์ง€(localStorage, sessionStorage)

๋กœ๊ทธ์ธ์„ ๊ณต๋ถ€ํ•˜๋˜ ์ค‘.. ์Šคํ† ๋ฆฌ์ง€์— ๋Œ€ํ•œ ์ง€์‹๊ณผ ์ •๋ณด๊ฐ€ ์—†์–ด์„œ ํ•œ๋ฒˆ ํฌ์ŠคํŒ…์„ ํ†ตํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ ๋‚˜๋งˆ ๊ธฐ์–ตํ•ด๋‘๊ณ ์ž ํ•œ๋‹ค.

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

์„ฑ์žฅ

์„ฑ์žฅํ–ˆ๋‚˜? ๋‚˜ ์ž์‹  ๋ญ ๋ฐฐ์›Œ์•ผํ•˜์ง€.

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

Styled Component

์Šคํƒ€์ผ๋“œ์ปดํฌ๋„ŒํŠธ ๋‚˜๋„ํ•œ๋ฒˆ๋ถˆ๋Ÿฌ๋ณธ๋‹ค~

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

Yarn ์„ค์น˜ ๋ฐ ์‚ฌ์šฉ

Yarn ์–ด๋–ป๊ฒŒ ์“ฐ๋Š”๊ฑฐ์ž„.?

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

NPM, NPX, Yarn

Yarn์„ ์จ๋ณด๊ณ  ์‹ถ๋‹ค. ๊ทผ๋ฐ Yarn์ด ๋ญ์ง€

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