yummjin.log
๐Ÿท๏ธ Tags
๐Ÿ’ป Profile
profile_image
yummjin
Frontend developer
๐Ÿ”Ž Search
๐Ÿ“‚ All Posts
Project
Loader์™€ TanStack Query๋กœ ์บ์‹ฑ ์ ์šฉํ•˜๊ธฐ

Loader์™€ TanStack Query๋กœ ์บ์‹ฑ ์ ์šฉํ•˜๊ธฐ

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

์บ์‹ฑ์„ ์ ์šฉํ•ด ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ๊ณผ UX๋ฅผ ๊ฐœ์„ ํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค!

Deep Dive
Project
Implementation
Tanstack Query
Tanstack Query : Query

Tanstack Query : Query

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

ํƒ ์Šคํƒ ์ฟผ๋ฆฌ ๊ณต์‹๋ฌธ์„œ์˜ โ€œ์ฟผ๋ฆฌโ€ ๋ถ€๋ถ„์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค!

Docs
Project
Turborepo์™€ ํ•จ๊ป˜ํ•˜๋Š” ๋ชจ๋…ธ๋ ˆํฌ ์„ธํŒ…

Turborepo์™€ ํ•จ๊ป˜ํ•˜๋Š” ๋ชจ๋…ธ๋ ˆํฌ ์„ธํŒ…

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

Turborepo์™€ pnpm์„ ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋…ธ๋ ˆํฌ๋ฅผ ์„ธํŒ…ํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

Project
Next.js
Project
2์›” 3์ผ TIL

2์›” 3์ผ TIL

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

SpotShare ํ”„๋กœ์ ํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…ํ•˜๊ณ  ์—ฌ๋Ÿฌ๊ฐ€์ง€๋ฅผ ๋ฐฐ์šด 2์›” 3์ผ์˜ Today I Learned ์ž…๋‹ˆ๋‹ค.

Project
TIL
React
Next.js
Project
SpotShare ํ”„๋กœ์ ํŠธ, 2์›” 2์ผ TIL

SpotShare ํ”„๋กœ์ ํŠธ, 2์›” 2์ผ TIL

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

SpotShare ํ”„๋กœ์ ํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…ํ•˜๊ณ  ์—ฌ๋Ÿฌ๊ฐ€์ง€๋ฅผ ๋ฐฐ์šด 2์›” 2์ผ์˜ Today I Learned ์ž…๋‹ˆ๋‹ค.

Project
TIL
React
Next.js
Next.js
๋‘ ๊ฐ€์ง€ ๋ฐฉ์‹์˜ Pre-rendering ๊ตฌํ˜„ํ•˜๊ธฐ

๋‘ ๊ฐ€์ง€ ๋ฐฉ์‹์˜ Pre-rendering ๊ตฌํ˜„ํ•˜๊ธฐ

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

Next.js์˜ ํŽ˜์ด์ง€ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ…์—์„œ ํ”„๋ฆฌ๋ Œ๋”๋ง์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

Docs
Next.js
Next.js์˜ Pre-rendering

Next.js์˜ Pre-rendering

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

Next.js์—์„œ ์ง€์›ํ•˜๋Š” ๊ธฐ๋Šฅ์ธ ํ”„๋ฆฌ๋ Œ๋”๋ง์— ๋Œ€ํ•ด์„œ ์ž์„ธํžˆ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

Docs
React
React์˜ export์— ๋Œ€ํ•ด!

React์˜ export์— ๋Œ€ํ•ด!

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

๊ธฐ๋ณธ(default) ๋‚ด๋ณด๋‚ด๊ธฐ์™€ ์œ ๋ช… ๋‚ด๋ณด๋‚ด๊ธฐ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•„์š”.

Deep Dive
React
useState, useReducer๋กœ Form ๊ตฌํ˜„ํ•˜๊ธฐ

useState, useReducer๋กœ Form ๊ตฌํ˜„ํ•˜๊ธฐ

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

useState์™€ useReducer๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Form์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

React
Implementation
JavaScript
Promise, async/await๋กœ ์•Œ์•„๋ณด๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋ฐฉ์‹

Promise, async/await๋กœ ์•Œ์•„๋ณด๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋ฐฉ์‹

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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋น„๋™๊ธฐ ๋ฐ์ดํ„ฐ๋ฅผ ์–ด๋–ป๊ฒŒ ๋ฐ›์•„์˜ค๋Š”์ง€ Promise ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•œ ๋ฐฉ์‹๊ณผ async/await๋ฅผ ์‚ฌ์šฉํ•œ ๋ฐฉ์‹์„ ํ†ตํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

JavaScript
Deep Dive
React
React Hooks

React Hooks

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

React Hooks์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค.

React
Implementation
React
Key

Key

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

๋ฆฌ์•กํŠธ์—์„œ ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•ด ์š”์†Œ๋ฅผ ๋ Œ๋”๋งํ•  ๋•Œ ๊ผญ ํ•„์š”ํ•œ ์š”์†Œ์ธ Key์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

React
Implementation
JavaScript
Asynchronous JavaScript

Asynchronous JavaScript

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

์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋น„๋™๊ธฐ๋กœ ๋™์ž‘ ํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”? ์ด ๋ถ€๋ถ„์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค.

JavaScript
Deep Dive
๐Ÿ’ป Profile
yummjin
Frontend developer
๐ŸŒŸ Service
๐Ÿ’ฌ Contact
github
instagram
email