profile
ํ˜œ๋ฆฐ
FE Developer สš๐Ÿงธเพ€เฝฒษž
๊ธ€์‹œ๋ฆฌ์ฆˆ์†Œ๊ฐœ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (113)algorithm(41)JavaScript(21)React(17)CSS(11)project(8)CS(6)๊ธฐ๋ก(3)reading(2)nextjs(1)typescript(1)ReactNavigation(1)
post-thumbnail

[ReactNavigation] ๋‚˜๋งŒ ๋ชฐ๋ผ navigate๋ž‘ push ์ฐจ์ด์  ๐Ÿซ 

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป ๊ณตํ†ต์ ๊ณผ ์ฐจ์ด์ ์— ๋Œ€ํ•˜์—ฌ

ReactNavigation
2023๋…„ 5์›” 21์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[๋„๋„๋“œ๋…ธ๋จผ์˜ UX ๋””์ž์ธ ํŠน๊ฐ•] ๋ณต์žกํ•œ ์„ธ์ƒ์˜ ๋””์ž์ธ

๐ŸŽจ ๋””์ž์ธ์€ ์‹ฌํ”Œํ•ด์•ผํ•œ๋‹ค๋Š” ํ†ต๋…์„ ๊นฌ ์ฑ…, ์ฝ๊ณ  ๋Š๋‚€์ ์„ ๋‚จ๊ฒจ๋ณด์•„์š”.

reading
2023๋…„ 2์›” 21์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[NextJS] ๊ธฐ์ดˆ ๋‹ค์ง€๊ธฐ

๐ŸŒฑ NextJS ์‹œ์ž‘ํ•˜๊ธฐ | ๋…ธ๋งˆ๋“œ์ฝ”๋”

nextjs
2023๋…„ 1์›” 31์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Clean Code] ๊นจ๋—ํ•œ ์ฝ”๋“œ

๐ŸŽ‰ ํด๋ฆฐ์ฝ”๋“œ ์ฝ๊ธฐ ์‹œ์ž‘! ์žฅ์ธ ์ •์‹ ์„ ๊ฐ–์ž!

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

[React] useState์˜ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ

๐Ÿ“ Side Effect, Hook, useState์˜ ๋น„๋™๊ธฐ์  ๋™์ž‘๊นŒ์ง€ ์ •๋ฆฌํ•ด๋ณด์ž!

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

[Web] ์–ด์ฉŒ๋‹ค ๋งˆ์ฃผ์นœ CORS์—๋Ÿฌ

๐Ÿ’ฅ Next.js๋กœ ๊ฐœ๋ฐœํ•˜๋˜ ์ค‘ ๋งˆ์ฃผ์นœ CORS ์—๋Ÿฌ. CORS๊ฐ€ ๋Œ€์ฒด ๋ญ๊ธธ๋ž˜!

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

lighthouse๋ฅผ ์ด์šฉํ•œ ์„ฑ๋Šฅ ์ตœ์ ํ™”

โœจ ์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰๊ณผ ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ๋ฅผ ์ค„์ด๊ณ , ์ฝ”๋“œ ๋ถ„ํ• ๊นŒ์ง€! ๋‹ค์–‘ํ•œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๊ฒฝํ—˜์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ โœจ

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

[React] require์™€ import์˜ ์ฐจ์ด

๐Ÿ’Œ require์™€ import๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์„๊นŒ?

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

๋ฆฌํŒฉํ† ๋งํ•˜๋ฉฐ ์‹ ๊ฒฝ์ผ๋˜ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ”ง ๋‚˜๋Š” ๋ฌด์—‡์„ ์‹ ๊ฒฝ์“ฐ๋ฉฐ ํ”„๋กœ์ ํŠธ ๋ฆฌํŒฉํ† ๋ง์„ ํ–ˆ๋Š”๊ฐ€!

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

[TypeScript] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋Š” ๋ญ˜๊นŒ?

๐Ÿฃ ํŠน์ง•๊ณผ ์žฅ๋‹จ์ ์„ ์‚ดํŽด๋ณด์ž!

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

[JavaScript] ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง

๐Ÿงผ ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง์—์„œ๋ถ€ํ„ฐ ์บก์ณ๋ง, ์ด๋ฒคํŠธ ์œ„์ž„๊นŒ์ง€ ์•Œ์•„๋ณด์ž.

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

[JavaScript] this

๐ŸŽ€ ํ•จ์ˆ˜์˜ ํ˜ธ์ถœ ๋ฐฉ์‹์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” this์— ๋Œ€ํ•˜์—ฌ!

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

[JavaScript] ์‹คํ–‰ ์ปจํ…์ŠคํŠธ

๐Ÿ“š ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋ž€ ๋ฌด์—‡์ด๋ฉฐ, ์–ด๋–ค ๊ณผ์ •์œผ๋กœ ์ƒ์„ฑ ๋˜๋Š”๊ฑธ๊นŒ?

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

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿซ ํด๋ž˜์ŠคIOI ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก

[React] ์œ ์ข…์˜ ๋ฏธ๋ฅผ ๊ฑฐ๋‘” 2์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ๋˜๋Œ์•„๋ณด๋ฉฐ!

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

[Web] ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •

๐ŸŒ ๋‚ด ํ™”๋ฉด์— ์›นํŽ˜์ด์ง€๊ฐ€ ๊ทธ๋ ค์ง€๊ธฐ๊นŒ์ง€์˜ ๊ณผ์ •์„ ์‚ดํŽด๋ณด์ž!

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

๐Ÿซ ํ—ˆ์‰ฌ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก

[React] 2์ฃผ ๋™์•ˆ 7๋ช…์˜ ํ”ผ๋•€๋ˆ™๋ฌผ์ด ๋‹ด๊ธด ํ”„๋กœ์ ํŠธ๋ฅผ ๋˜๋Œ์•„๋ณด๋ฉฐ!

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

[Web] HTTPํ†ต์‹ ์˜ ์š”์ฒญ๊ณผ ์‘๋‹ต

๐Ÿ’ซ Request / Response (์š”์ณฅ/์‘๋‹ต)

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

[React] ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง

๐Ÿ’Œ ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง ์‚ฌ์šฉํ•ด fetch๋กœ DELETE ์š”์ฒญ ๋ณด๋‚ด๊ธฐ

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

[React] ์ปดํฌ๋„ŒํŠธ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ

๐ŸŽ€ UI ๊ตฌ์„ฑ ์š”์†Œ ํŒŒ์•…ํ•ด Mock Data๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์ปดํฌ๋„ŒํŠธ๋ฅผ ์žฌ์‚ฌ์šฉํ•ด๋ณด์ž!

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

[React] state๋กœ ๋งŒ๋“ค ํ•„์š” ์—†์„ ๋•Œ

๐ŸŒฑ ๋กœ๊ทธ์ธ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ์— ๋”ฐ๋ฅธ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”! state ๋งŒ๋“ค์ง€ ์•Š์•„๋„ ๋˜๋„๋ก ๋ฆฌํŒฉํ† ๋งํ•ด๋ณด์ž!

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