๐Ÿ’ป Profile
profile_image
yoosion
frontend developer
I can do it.
๐Ÿ”Ž Search
๐Ÿ“‚ All Posts (54)
๐Ÿ’ป Frontend
ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ๋ฌธ๋ฒ• ๊ณต๋ถ€ํ•˜๊ธฐ

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ๋ฌธ๋ฒ• ๊ณต๋ถ€ํ•˜๊ธฐ

2023๋…„ 11์›” 30์ผ
Skills
๐Ÿ’ป Frontend

dangerouslySetInnerHTML

2023๋…„ 11์›” 21์ผ
React.js
๐Ÿ’ป Frontend
Next.js 14

Next.js 14

2023๋…„ 10์›” 27์ผ
Next.js
Blog
๐Ÿคฉ Review

๊ธ€๋กœ๋ฒŒ ์ฒดํ—˜ ํ™œ๋™ ํšŒ๊ณ ๋ก

2023๋…„ 10์›” 5์ผ
Blog
๐Ÿ’ป Frontend
PNPM์œผ๋กœ ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์ถ•ํ•˜๊ธฐ

PNPM์œผ๋กœ ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์ถ•ํ•˜๊ธฐ

2023๋…„ 8์›” 24์ผ
Blog
Skills
๐Ÿ’ป Frontend
์ผ๋ฐฑ๊ฐœ ํŒจํ‚ค์ง€ ๋ชจ๋…ธ๋ ˆํฌ ์šฐ์•„ํ•˜๊ฒŒ ์šด์˜ํ•˜๊ธฐ

์ผ๋ฐฑ๊ฐœ ํŒจํ‚ค์ง€ ๋ชจ๋…ธ๋ ˆํฌ ์šฐ์•„ํ•˜๊ฒŒ ์šด์˜ํ•˜๊ธฐ

2023๋…„ 8์›” 23์ผ
Blog
๊ฐ•์˜
๐Ÿ’ป Frontend

Debounce์™€ Throttle

2023๋…„ 8์›” 22์ผ
Skills
๐Ÿ’ป Frontend
์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์˜ passive option์ด๋ž€?

์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์˜ passive option์ด๋ž€?

2023๋…„ 8์›” 21์ผ
JavaScript
Skills
๐Ÿ’ป Frontend
์‹ค๋ฌด์—์„œ ๋ฐ”๋กœ ์“ฐ๋Š” Frontend Clean Code

์‹ค๋ฌด์—์„œ ๋ฐ”๋กœ ์“ฐ๋Š” Frontend Clean Code

2023๋…„ 8์›” 10์ผ
Blog
๊ฐ•์˜
๐Ÿ’ป Frontend
Effective Component ์ง€์† ๊ฐ€๋Šฅํ•œ ์„ฑ์žฅ๊ณผ ์ปดํฌ๋„ŒํŠธ

Effective Component ์ง€์† ๊ฐ€๋Šฅํ•œ ์„ฑ์žฅ๊ณผ ์ปดํฌ๋„ŒํŠธ

2023๋…„ 8์›” 9์ผ
Blog
๊ฐ•์˜
๐Ÿ’ป Frontend

Axios

2023๋…„ 8์›” 8์ผ
Skills
๐Ÿ’ป Frontend
1. React Hook, useState

1. React Hook, useState

2023๋…„ 7์›” 25์ผ
React.js
Hooks
๐Ÿ’ป Frontend

์ˆœ์ˆ˜ํ•จ์ˆ˜๋ž€?

2023๋…„ 7์›” 25์ผ
React.js
๐Ÿ’ป Frontend

4. React Hook, useEffect

2023๋…„ 7์›” 24์ผ
React.js
Hooks
๐Ÿ’ป Frontend

5. React Hook, useLayoutEffect

2023๋…„ 7์›” 24์ผ
React.js
Hooks
๐Ÿ’ป Frontend
Atomic Design Pattern ๐ŸŽจ

Atomic Design Pattern ๐ŸŽจ

2023๋…„ 7์›” 13์ผ
React.js
Skills
๐Ÿ’ป Frontend
Animation โค๏ธ Keyframes

Animation โค๏ธ Keyframes

2023๋…„ 7์›” 12์ผ
Skills
๐Ÿ’ป Frontend
Scroll ์œ„์น˜์— ๋”ฐ๋ฅธ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ œ์ž‘ํ•˜๊ธฐ

Scroll ์œ„์น˜์— ๋”ฐ๋ฅธ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ œ์ž‘ํ•˜๊ธฐ

2023๋…„ 7์›” 12์ผ
Skills
Next.js
๐Ÿค– Computer Science
๋ธŒ๋ผ์šฐ์ € ์ €์žฅ์†Œ

๋ธŒ๋ผ์šฐ์ € ์ €์žฅ์†Œ

2023๋…„ 7์›” 5์ผ
Blog
๐Ÿค– Computer Science
ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € ๐Ÿ™Œ

ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € ๐Ÿ™Œ

2023๋…„ 6์›” 15์ผ
Skills
๐Ÿ’ป Frontend

Test Code์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ

2023๋…„ 6์›” 5์ผ
Why
Skills
๐Ÿค– Computer Science
axios interceptor๋กœ jwt refresh ์ฒ˜๋ฆฌ

axios interceptor๋กœ jwt refresh ์ฒ˜๋ฆฌ

2023๋…„ 6์›” 3์ผ
Skills
๐Ÿ’ป Frontend

ES6์— ์ถ”๊ฐ€๋œ ๋ฌธ๋ฒ•

2023๋…„ 5์›” 17์ผ
JavaScript
Skills
๐Ÿ’ป Frontend
React-Query ์ธ๊ธฐ๊ฐ€ ๋งŽ์€ ์ด์œ 

React-Query ์ธ๊ธฐ๊ฐ€ ๋งŽ์€ ์ด์œ 

2023๋…„ 5์›” 12์ผ
Why
React.js
๐Ÿ’ป Frontend
๋ฆฌ์•กํŠธ ๊ณ ์ฐจ ์ปดํฌ๋„ŒํŠธ(HOC)

๋ฆฌ์•กํŠธ ๊ณ ์ฐจ ์ปดํฌ๋„ŒํŠธ(HOC)

2023๋…„ 5์›” 11์ผ
React.js
Skills
๐Ÿ’ป Frontend
React-Query ํŠœํ† ๋ฆฌ์–ผ

React-Query ํŠœํ† ๋ฆฌ์–ผ

2023๋…„ 5์›” 8์ผ
React.js
Skills
๐Ÿ’ป Frontend
TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 

TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 

2023๋…„ 5์›” 1์ผ
Why
TypeScript
๐Ÿค– Computer Science
Cross-Origin Resource Sharing (CORS)

Cross-Origin Resource Sharing (CORS)

2023๋…„ 4์›” 19์ผ
Blog
๐Ÿ’ป Frontend
React๋ฅผ ์„ ํƒํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ์ด์œ 

React๋ฅผ ์„ ํƒํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ์ด์œ 

2023๋…„ 4์›” 6์ผ
Why
React.js
๐Ÿ’ป Frontend
3. React Hook, useId

3. React Hook, useId

2023๋…„ 4์›” 4์ผ
React.js
Hooks
๐Ÿค– Computer Science
SPA MPA / CSR SSR ์ฐจ์ด์ 

SPA MPA / CSR SSR ์ฐจ์ด์ 

2023๋…„ 3์›” 30์ผ
Why
Skills
๐Ÿ’ป Frontend
TypeScript Advanced Type

TypeScript Advanced Type

2023๋…„ 3์›” 23์ผ
TypeScript
Skills
๐Ÿค– Computer Science
Git, ์™œ ์“ฐ๋Š”๊ฑฐ์•ผ?

Git, ์™œ ์“ฐ๋Š”๊ฑฐ์•ผ?

2023๋…„ 3์›” 23์ผ
Why
Blog
๐Ÿคฉ Review
์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ธํ„ด์‹ญ ํšŒ๊ณ 

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ธํ„ด์‹ญ ํšŒ๊ณ 

2023๋…„ 3์›” 22์ผ
Blog
๐Ÿ’ป Frontend
react-router-dom loader

react-router-dom loader

2023๋…„ 3์›” 20์ผ
React.js
Skills
๐Ÿ’ป Frontend
JavaScript

JavaScript

2023๋…„ 3์›” 3์ผ
JavaScript
๐Ÿ’ป Frontend
TypeScript ๊ณ„์ธต

TypeScript ๊ณ„์ธต

2023๋…„ 3์›” 2์ผ
TypeScript
Skills
๐Ÿคฉ Review
์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ฑŒ๋ฆฐ์ง€ 2์›” ํšŒ๊ณ 

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ฑŒ๋ฆฐ์ง€ 2์›” ํšŒ๊ณ 

2023๋…„ 2์›” 17์ผ
Blog
๐Ÿ’ป Frontend
TypeScript ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…์ด๋ž€?

TypeScript ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…์ด๋ž€?

2023๋…„ 2์›” 10์ผ
TypeScript
Skills
๐Ÿ“˜ Read
ํด๋ฆฐ ์ฝ”๋“œ | ํ•จ์ˆ˜

ํด๋ฆฐ ์ฝ”๋“œ | ํ•จ์ˆ˜

2023๋…„ 1์›” 29์ผ
Read
Clean Code
๐Ÿ’ป Frontend
JavaScript hoisting์ด๋ž€?

JavaScript hoisting์ด๋ž€?

2023๋…„ 1์›” 26์ผ
JavaScript
Skills
๐Ÿ’ป Frontend
JavaScript IIFE๋ž€?

JavaScript IIFE๋ž€?

2023๋…„ 1์›” 26์ผ
JavaScript
Skills
๐Ÿ’ป Frontend
JavaScript scope๋ž€?

JavaScript scope๋ž€?

2023๋…„ 1์›” 24์ผ
JavaScript
Skills
๐Ÿ’ป Frontend
2. React Hook, useRef

2. React Hook, useRef

2023๋…„ 1์›” 17์ผ
React.js
Hooks
๐Ÿ“˜ Read
ํด๋ฆฐ ์ฝ”๋“œ | ์˜๋ฏธ ์žˆ๋Š” ์ด๋ฆ„

ํด๋ฆฐ ์ฝ”๋“œ | ์˜๋ฏธ ์žˆ๋Š” ์ด๋ฆ„

2023๋…„ 1์›” 16์ผ
Read
Clean Code
๐Ÿ“˜ Read
ํด๋ฆฐ ์ฝ”๋“œ | ๊นจ๋—ํ•œ ์ฝ”๋“œ

ํด๋ฆฐ ์ฝ”๋“œ | ๊นจ๋—ํ•œ ์ฝ”๋“œ

2023๋…„ 1์›” 14์ผ
Read
Clean Code
๐Ÿคฉ Review
2022๋…„ ํšŒ๊ณ 

2022๋…„ ํšŒ๊ณ 

2023๋…„ 1์›” 12์ผ
Blog
๐Ÿ’ป Frontend
IntersectionObserver ๋กœ ๋ฌดํ•œ์Šคํฌ๋กค ๊ตฌํ˜„ํ•˜๊ธฐ

IntersectionObserver ๋กœ ๋ฌดํ•œ์Šคํฌ๋กค ๊ตฌํ˜„ํ•˜๊ธฐ

2023๋…„ 1์›” 10์ผ
JavaScript
Skills
๐Ÿคฉ Review
Loven ํšŒ๊ณ 

Loven ํšŒ๊ณ 

2023๋…„ 1์›” 3์ผ
Blog
๐Ÿ“‹ Lecture
์‹ค์ œ ์ด๋ ฅ์„œ ์‚ฌ๋ก€๋กœ ์•Œ์•„๋ณด๋Š” [ํ•ฉ๊ฒฉํ•˜๋Š” ์ด๋ ฅ์„œ] ์ž‘์„ฑ ๊ฐ€์ด๋“œ

์‹ค์ œ ์ด๋ ฅ์„œ ์‚ฌ๋ก€๋กœ ์•Œ์•„๋ณด๋Š” [ํ•ฉ๊ฒฉํ•˜๋Š” ์ด๋ ฅ์„œ] ์ž‘์„ฑ ๊ฐ€์ด๋“œ

2022๋…„ 12์›” 28์ผ
Portfolio
๊ฐ•์˜
๐Ÿคฉ Review
AWS ํšŒ์‚ฌ ํƒ๋ฐฉ

AWS ํšŒ์‚ฌ ํƒ๋ฐฉ

2022๋…„ 12์›” 10์ผ
Blog
๐Ÿคฉ Review
2022 SW ๋งˆ์ด์Šคํ„ฐ๊ณ  ์—ฐํ•ฉ ํ•ด์ปคํ†ค ํšŒ๊ณ 

2022 SW ๋งˆ์ด์Šคํ„ฐ๊ณ  ์—ฐํ•ฉ ํ•ด์ปคํ†ค ํšŒ๊ณ 

2022๋…„ 10์›” 14์ผ
Blog
๐Ÿคฉ Review
Hello, GSM ํšŒ๊ณ 

Hello, GSM ํšŒ๊ณ 

2022๋…„ 10์›” 13์ผ
Blog
๐Ÿ“˜ Read

10๋Œ€๋ฅผ ์œ„ํ•œ ์™„๋ฒฝํ•œ ์ง„๋กœ ๊ณต๋ถ€๋ฒ•

2022๋…„ 6์›” 28์ผ
Read