Hoonlog
๐Ÿท๏ธ Tags
๐Ÿ’ป Profile
profile_image
hoon
Front-end developer
๐Ÿ”Ž Search
๐Ÿ“‚ All Posts
๐Ÿ˜Ž Daily
๋ธ”๋กœ๊ทธ ์ด์ „ํ•ฉ๋‹ˆ๋‹ค

๋ธ”๋กœ๊ทธ ์ด์ „ํ•ฉ๋‹ˆ๋‹ค

2025๋…„ 7์›” 28์ผ

Blog
๐Ÿ’ป Frontend
ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ๊ผญ ์ž‘์„ฑํ•ด์•ผ ๋˜๋‚˜์š”?

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ๊ผญ ์ž‘์„ฑํ•ด์•ผ ๋˜๋‚˜์š”?

2025๋…„ 7์›” 10์ผ

Testing Library
Unit Test
Jest
๐Ÿ’ป Frontend
SNS ๋กœ๊ทธ์ธ์€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ๊นŒ? (OAuth 2.0 ์ธ์ฆ ํ๋ฆ„ ์ดํ•ดํ•˜๊ธฐ)

SNS ๋กœ๊ทธ์ธ์€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ๊นŒ? (OAuth 2.0 ์ธ์ฆ ํ๋ฆ„ ์ดํ•ดํ•˜๊ธฐ)

2025๋…„ 6์›” 24์ผ

OAuth
Access Token
Refresh Token
๐Ÿ’ป Frontend
Mixed Content๋ž€? (์ง์ ‘ ์ดํ•ดํ•˜๋Š” http vs https)

Mixed Content๋ž€? (์ง์ ‘ ์ดํ•ดํ•˜๋Š” http vs https)

2025๋…„ 6์›” 16์ผ

๊ณต๊ณต๋ฐ์ดํ„ฐ
Open API
Mixed Content
๐Ÿ’ฌ Portfolio

ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์น˜๋ฉฐ(๊ฐ„๋žต ํšŒ๊ณ )

2025๋…„ 6์›” 5์ผ

ํšŒ๊ณ 
๐Ÿ’ป Frontend
๋‹น์‹ ์€ React ๊ฐœ๋ฐœ์ž์ธ๊ฐ€์š”? (๊ธฐ์ดˆ๋ฅผ ํƒ„ํƒ„ํ•˜๊ฒŒ)

๋‹น์‹ ์€ React ๊ฐœ๋ฐœ์ž์ธ๊ฐ€์š”? (๊ธฐ์ดˆ๋ฅผ ํƒ„ํƒ„ํ•˜๊ฒŒ)

2025๋…„ 5์›” 14์ผ

React
CS
ํšŒ๊ณ 
๐Ÿ’ฌ Portfolio
ํŒ€์˜ ๋ฆฌ๋”๊ฐ€ ๋œ๋‹ค๋Š” ๊ฒƒ(ft.ํ”„๋กœ์ ํŠธ ํšŒ๊ณ )

ํŒ€์˜ ๋ฆฌ๋”๊ฐ€ ๋œ๋‹ค๋Š” ๊ฒƒ(ft.ํ”„๋กœ์ ํŠธ ํšŒ๊ณ )

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

ํšŒ๊ณ 
๐Ÿ˜Ž Daily
๊ฑฐ์ ˆ ์†์—์„œ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋“ค(ft.๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ํ•„์š”ํ•œ ๋‹น์‹ ์„ ์œ„ํ•ด)

๊ฑฐ์ ˆ ์†์—์„œ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋“ค(ft.๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ํ•„์š”ํ•œ ๋‹น์‹ ์„ ์œ„ํ•ด)

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

ํšŒ๊ณ 
๐Ÿ’ป Frontend
ํด๋ฆฐ ์•„ํ‚คํ…์ฒ˜๋กœ ์—ญํ•  ๋ถ„๋ฆฌํ•˜๊ธฐ

ํด๋ฆฐ ์•„ํ‚คํ…์ฒ˜๋กœ ์—ญํ•  ๋ถ„๋ฆฌํ•˜๊ธฐ

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

Next.js
TypeScript
๐Ÿ–ฅ๏ธ Backend
๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ชจ๋ธ๋ง, ์™œ ์•Œ์•„์•ผ ํ• ๊นŒ?

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ชจ๋ธ๋ง, ์™œ ์•Œ์•„์•ผ ํ• ๊นŒ?

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

Database
๐Ÿ’ป Frontend
๋‚ด ํ”„๋กœ์ ํŠธ์— Storybook ๋„์ž…ํ•˜๊ธฐ

๋‚ด ํ”„๋กœ์ ํŠธ์— Storybook ๋„์ž…ํ•˜๊ธฐ

2025๋…„ 3์›” 27์ผ

React
Storybook
๐Ÿ’ป Frontend
lighthouse๋กœ ์›น์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ์ตœ์ ํ™”ํ•˜๊ธฐ

lighthouse๋กœ ์›น์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ์ตœ์ ํ™”ํ•˜๊ธฐ

2025๋…„ 3์›” 20์ผ

React
SEO
๐Ÿ’ป Frontend
๋ฆฌ์•กํŠธ ๋ Œ๋”๋ง ์„ฑ๋Šฅ ์ตœ์ ํ™”์— ๋Œ€ํ•œ ๊ณ ๋ฏผ

๋ฆฌ์•กํŠธ ๋ Œ๋”๋ง ์„ฑ๋Šฅ ์ตœ์ ํ™”์— ๋Œ€ํ•œ ๊ณ ๋ฏผ

2025๋…„ 3์›” 16์ผ

React
๐Ÿ˜Ž Daily
๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์—ˆ๋˜ ์ง€๋‚œ ๋‚ ์˜ ํšŒ๊ณ 

๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์—ˆ๋˜ ์ง€๋‚œ ๋‚ ์˜ ํšŒ๊ณ 

2025๋…„ 3์›” 11์ผ

Daily
ํšŒ๊ณ 
๐Ÿ’ป Frontend
dnd-kit์œผ๋กœ ์นธ๋ฐ˜๋ณด๋“œ ๋งŒ๋“ค๊ธฐ

dnd-kit์œผ๋กœ ์นธ๋ฐ˜๋ณด๋“œ ๋งŒ๋“ค๊ธฐ

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

TypeScript
Zustand
TailwindCSS
Next.js
dnd-kit
framer-motion
๐Ÿ’ป Frontend
React Query v5 - ํ›„์†์ž‘์—… ์ฒ˜๋ฆฌํ•˜๊ธฐ(useEffect)

React Query v5 - ํ›„์†์ž‘์—… ์ฒ˜๋ฆฌํ•˜๊ธฐ(useEffect)

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

React
๐Ÿ’ป Frontend
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ - Promise์™€ async/await

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ - Promise์™€ async/await

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

JavaScript
๐Ÿ’ป Frontend
๋…ธ๋งˆ๋“œ์ฝ”๋” TypeScript ์ฑŒ๋ฆฐ์ง€

๋…ธ๋งˆ๋“œ์ฝ”๋” TypeScript ์ฑŒ๋ฆฐ์ง€

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

JavaScript
TypeScript
๐Ÿ’ป Profile
hoon
Front-end developer
๐Ÿ’ฌ Contact
github
email
linkedin