haseung-log
๐Ÿท๏ธ Tags
๐Ÿ’ป Profile
profile_image
haseung
frontend developer
I develop everything using node.
๐Ÿ”Ž Search
๐Ÿ“‚ All Posts
๐Ÿ’ป Frontend
๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์—†์ด ๋“œ๋ž˜๊ทธ์•ค๋“œ๋กญ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์—†์ด ๋“œ๋ž˜๊ทธ์•ค๋“œ๋กญ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ

2025๋…„ 2์›” 26์ผ

HTML์˜ Drag and Drop API๋ฅผ ์ด์šฉํ•˜์—ฌ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ๊ธฐ๋Šฅ์„ ์ง์ ‘ ๊ตฌํ˜„ํ•œ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Drag and Drop
ToDoList
๐Ÿ’ป Frontend
Server Action

Server Action

2025๋…„ 2์›” 4์ผ

Server Actions๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ์•„๋ณด๊ณ  ๊ธฐ์กด API Routes์™€ ๋น„๊ตํ•ด๋ณด๊ธฐ

Next.js
๐Ÿ’ป Frontend
๋น„๋ฐ€๋ฒˆํ˜ธ ์ƒ์„ฑ๊ธฐ ๊ณ ์ณ๋ณด๊ธฐ

๋น„๋ฐ€๋ฒˆํ˜ธ ์ƒ์„ฑ๊ธฐ ๊ณ ์ณ๋ณด๊ธฐ

2025๋…„ 1์›” 13์ผ

TypeScript
Crypto API
ํšŒ๊ณ ๋ก
2024๋…„ ํ•˜๋ฐ˜๊ธฐ ํšŒ๊ณ  ๋ฐ 2025๋…„ ๋ชฉํ‘œ

2024๋…„ ํ•˜๋ฐ˜๊ธฐ ํšŒ๊ณ  ๋ฐ 2025๋…„ ๋ชฉํ‘œ

2024๋…„ 12์›” 26์ผ

2024๋…„ ํ•˜๋ฐ˜๊ธฐ๋ฅผ ํšŒ๊ณ ํ•ด๋ณด๊ณ  2025๋…„ ๋ชฉํ‘œ๋ฅผ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Blog
ํ…Œ์˜ค ์Šคํ”„๋ฆฐํŠธ 18๊ธฐ ํšŒ๊ณ 

ํ…Œ์˜ค ์Šคํ”„๋ฆฐํŠธ 18๊ธฐ ํšŒ๊ณ 

2024๋…„ 12์›” 15์ผ

์ด๋ฒˆ ํ…Œ์˜ค ์Šคํ”„๋ฆฐํŠธ 18๊ธฐ์— ๋Œ€ํ•œ ์งง์€ ํ›„๊ธฐ๋ฅผ ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Blog
TailwindCSS์—์„œ์˜ ๋™์  ํด๋ž˜์Šค์˜ ํ•œ๊ณ„

TailwindCSS์—์„œ์˜ ๋™์  ํด๋ž˜์Šค์˜ ํ•œ๊ณ„

2024๋…„ 12์›” 5์ผ

TailwindCSS๋กœ ๋™์  ํด๋ž˜์Šค ํ• ๋‹น์ด ๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๋ฅผ ๋‹ค๋ฃฌ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ ์ž‘์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

TailwindCSS
๐Ÿ’ป Frontend
Modal ์ปดํฌ๋„ŒํŠธ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ(2)

Modal ์ปดํฌ๋„ŒํŠธ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ(2)

2024๋…„ 11์›” 20์ผ

๊ธฐ์กด์— ๋งŒ๋“ค์—ˆ๋˜ ๋ชจ๋‹ฌ์„ ๋‹ค์‹œ ๊ฐœ์„ ํ•˜๋Š” ๊ณผ์ •์„ ๋‹ด์•˜์Šต๋‹ˆ๋‹ค.

React
Blog
form
TypeScript
๐Ÿ’ป Frontend
Modal ์ปดํฌ๋„ŒํŠธ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ(1)

Modal ์ปดํฌ๋„ŒํŠธ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ(1)

2024๋…„ 10์›” 22์ผ

๋ชจ๋‹ฌ์„ ๋งŒ๋“ค๊ณ  ๊ทธ๊ฒƒ์„ ๋ฆฌํŒฉํ† ๋งํ•˜๋Š” ๊ณผ์ •์—์„œ ๊ฒช์€ ์ด์Šˆ์— ๋Œ€ํ•ด ์ ์—ˆ์Šต๋‹ˆ๋‹ค.

React
Blog
form
TypeScript
๐Ÿ’ป Frontend
์ •๊ทœ์‹์œผ๋กœ Angular Form ๊ฒ€์ฆํ•˜๊ธฐ

์ •๊ทœ์‹์œผ๋กœ Angular Form ๊ฒ€์ฆํ•˜๊ธฐ

2024๋…„ 9์›” 4์ผ

Form์—์„œ ์„ฑ/์ด๋ฆ„์— ๋Œ€ํ•œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ์„ ํ•˜๋ฉด์„œ ๊ฒช์—ˆ๋˜ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Angular
RegExp
๐Ÿ’ป Frontend

API ์ค‘๋ณต ํ˜ธ์ถœ ์ด์Šˆ ํ•ด๊ฒฐํ•˜๊ธฐ

2024๋…„ 8์›” 18์ผ

๊ฒ€์ƒ‰์„ ํ†ตํ•ด API๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ณผ์ •์—์„œ ๊ฒช์—ˆ๋˜ ์ด์Šˆ์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

RxJS
ํšŒ์‚ฌ์ƒํ™œ
๋ฒŒ์จ 3๊ฐœ์›”์ด ์ง€๋‚ฌ๋‹ค.

๋ฒŒ์จ 3๊ฐœ์›”์ด ์ง€๋‚ฌ๋‹ค.

2024๋…„ 7์›” 1์ผ

์ฒซ ์ทจ์—… ํ›„ 3๊ฐœ์›”๋™์•ˆ ํšŒ์‚ฌ์— ์ ์‘ํ•˜๊ธฐ๊นŒ์ง€ ์ด์•ผ๊ธฐ๋ฅผ ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Blog
ํšŒ์‚ฌ์ƒํ™œ
ํšŒ์‚ฌ์ƒํ™œ ํ•œ ๋‹ฌ์ฐจ ํšŒ๊ณ 

ํšŒ์‚ฌ์ƒํ™œ ํ•œ ๋‹ฌ์ฐจ ํšŒ๊ณ 

2024๋…„ 5์›” 7์ผ

์–ด๋Š๋ง ์ž…์‚ฌ ํ•œ ๋‹ฌ์ฐจ..

Daily
ํšŒ์‚ฌ์ƒํ™œ
์ด์ง ํ›„์— ์“ฐ๋Š” ํšŒ์‚ฌ์ƒํ™œ ํšŒ๊ณ 

์ด์ง ํ›„์— ์“ฐ๋Š” ํšŒ์‚ฌ์ƒํ™œ ํšŒ๊ณ 

2024๋…„ 3์›” 31์ผ

์ฒซ ์ด์ง ํ›„ ํšŒ์‚ฌ์ƒํ™œ์— ๋Œ€ํ•œ ์†Œ๊ฐ์ž…๋‹ˆ๋‹ค.

Daily
๐Ÿ’ป Frontend
password generator ๋งŒ๋“ค์–ด๋ณด๊ธฐ

password generator ๋งŒ๋“ค์–ด๋ณด๊ธฐ

2024๋…„ 2์›” 19์ผ

๊ฐ„๋‹จํ•˜๊ฒŒ ๋žœ๋ค์œผ๋กœ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ƒ์„ฑํ•ด์ฃผ๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“ค์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

TypeScript
Blog
React
๐Ÿ’ป Frontend
redux๋กœ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ๋งŒ๋“ค๊ธฐ

redux๋กœ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ๋งŒ๋“ค๊ธฐ

2024๋…„ 2์›” 16์ผ

TypeScript
ToDoList
Redux
๐Ÿ’ป Frontend
type guard์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. (2)

type guard์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. (2)

2024๋…„ 1์›” 15์ผ

TypeScript
Typeguard
๐Ÿ’ป Frontend
๋น„๋””์˜ค์˜ ๋ฐฐ์œจ์„ ์•Œ์•„๋‚ด๋ณด์ž.

๋น„๋””์˜ค์˜ ๋ฐฐ์œจ์„ ์•Œ์•„๋‚ด๋ณด์ž.

2024๋…„ 1์›” 11์ผ

video๋ฅผ ๋‹ค๋ฃจ๋ฉด์„œ ๊ฒช์—ˆ๋˜ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

JavaScript
Video
๐Ÿ’ป Frontend
type guard์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

type guard์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

2024๋…„ 1์›” 4์ผ

์šฐ์•„ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ฑ…์„ ์ฝ์œผ๋ฉด์„œ ํƒ€์ž…๊ฐ€๋“œ์— ๋Œ€ํ•ด ๊ฐ„๋‹จํžˆ ๋ถ„์„(?) ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

TypeScript
Typeguard
๐Ÿ’ป Frontend
Recoil์—์„œ jotai๋กœ

Recoil์—์„œ jotai๋กœ

2023๋…„ 11์›” 22์ผ

Recoil์—์„œ Jotai๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

React
์ƒํƒœ๊ด€๋ฆฌ
๐Ÿ’ป Frontend
ํ…Œ์˜ค์˜ ์Šคํ”„๋ฆฐํŠธ 16๊ธฐ ํšŒ๊ณ 

ํ…Œ์˜ค์˜ ์Šคํ”„๋ฆฐํŠธ 16๊ธฐ ํšŒ๊ณ 

2023๋…„ 10์›” 26์ผ

ํ…Œ์˜ค ์Šคํ”„๋ฆฐํŠธ์— ์ฒ˜์Œ ์ฐธ์—ฌํ•˜๋ฉด์„œ ๋Š๋‚€ ์ ์„ ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

sprint
๐Ÿ’ป Frontend
Next.js ๊ณต์‹ ๋ฌธ์„œ ๋ฒˆ์—ญ ์ฐธ์—ฌ

Next.js ๊ณต์‹ ๋ฌธ์„œ ๋ฒˆ์—ญ ์ฐธ์—ฌ

2023๋…„ 6์›” 26์ผ

์ฒซ ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์—ฌ์— ๋Œ€ํ•œ ๊ฒฝํ—˜์„ ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Next.js
Open Source
Docs
๐Ÿ’ป Frontend

์ด๋ฏธ์ง€ ์ž‘์—…(์ด๋ผ ์“ฐ๊ณ  ์‚ฝ์งˆ๊ธฐ..)

2023๋…„ 3์›” 9์ผ

์ด๋ฏธ์ง€ ํ”„๋กœํ•„์„ ๋ฐ”๊พธ๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ–ˆ๋˜ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

TypeScript
CSS
styled-components
๐Ÿ’ป Frontend

๋‹‰๋„ค์ž„ ์ž์Œ,๋ชจ์Œ ์ฒ˜๋ฆฌ ๋ฐ ๋‹‰๋„ค์ž„ ๋ณ€๊ฒฝํ•˜๊ธฐ

2023๋…„ 2์›” 1์ผ

React
๐Ÿ’ป Frontend
TypeScript๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๊ธฐ

TypeScript๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๊ธฐ

2022๋…„ 12์›” 24์ผ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ํ•˜๋ฉด์„œ ๊ฒช์€ ๊ฒฝํ—˜์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

TypeScript
๐Ÿ’ป Profile
haseung
frontend developer
I develop everything using node.
๐ŸŒŸ Service
๐Ÿ’ฌ Contact
github
email
linkedin