profile
๐Ÿฃํ”„๋ก ํŠธ ๊ฐœ๋ฐœ ๊ณต๋ถ€ ์ค‘
post-thumbnail

ํ”„๋ก ํŠธ ์—”๋“œ์—์„œ JWT: AccessToken, RefreshToken ๋‹ค๋ฃจ๊ธฐ

JWT ๊ธฐ๋ฐ˜ ์ธ์ฆ ๋ฐฉ์‹์„ ํƒํ•œ ๊ฒฝ์šฐ ํ”„๋ก ํŠธ ์—”๋“œ์—์„œ ์–ด๋–ป๊ฒŒ ์ฝ”๋ฅด๋ฅด ์งœ์•ผํ•˜๋Š” ์ง€์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๊ณ  ์˜ค๋ฅ˜๋ฅผ ๊ฒช์œผ๋ฉฐ ์•Œ๊ฒŒ๋œ ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ–ˆ๋‹ค.

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

ํ”„๋ก ํŠธ ์—”๋“œ์—์„œ ๐Ÿ“ฎpostman Mock server ์‚ฌ์šฉํ•ด API ์—ฐ๋™ ํ…Œ์ŠคํŠธ ํ•˜๊ธฐ

ํ”„๋ก ํŠธ ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ postman์˜ Mock server๋ฅผ ์ด์šฉํ•ด์„œ API ์—ฐ๋™ ํ…Œ์ŠคํŠธ๋ฅผ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด

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

Portals -React

React์˜ Portals ์ด๋ž€ ๋ฌด์—‡์ด๋ฉฐ ์ด๋ฅผ ์ด์šฉํ•ด modal ๋งŒ๋“ค๊ธฐ

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

Node.js๋ฅผ ์ด์šฉํ•œ mixed-content ์˜ค๋ฅ˜ ํ•ด๊ฒฐ

node์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค์–ด์„œ mixed-content ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์•  ๋Œ€ํ•œ ๊ธ€

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

React + Node(express) ์—ฐ๋™

express๋ฅผ ์ด์šฉํ•ด , node ์„œ๋ฒ„์—์„œ React ํ”„๋กœ์ ํŠธ๋ฅผ ์—ด๊ณ  ํ”„๋ก ํŠธ์™€ ์„œ๋ฒ„๊ฐ„์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•œ๋‹ค.

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

[error note] React ์™€ Node ์„œ๋ฒ„ ์—ฐ๋™ ์‹œ 404 error

React์™€ Node ์„œ๋ฒ„ ๋ฅผ ์—ฐ๋™ ํ•  ๋•Œ, index.html์—์„œ ๋ถˆ๋Ÿฌ์™€์•ผ ํ•  json,js.css ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ•˜๋Š” 404 error์˜ ์›์ธ๊ณผ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

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

Weather๐ŸŒค๏ธ ํ”„๋กœ์ ํŠธ(with react, redux, node.js) ํ›„๊ธฐ

๊ณต๊ณต ๋ฐ์ดํ„ฐ๋ฅผ ํ™œ์šฉํ•ด ๋‚ ์”จ ์ •๋ณด๋ฅผ ์•Œ๋ ค์ฃผ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“  weather ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

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

React(CRA) ๊ฐœ๋ฐœ ์‹œ API Key ์„ค์ •,๋ณด์•ˆ (with Github Actions, Secrets)

API Key๋ฅผ Github์— ์˜ฌ๋ฆฌ์ง€ ์•Š๊ณ , ๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ๋„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

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

redux-thunk ์™€ redux-saga

redux-thunk์™€ redux-saga๋ฅผ ๋น„๊ต ๋ถ„์„ํ•œ ๊ธ€

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

Notion ํ”„๋กœ์ ํŠธ (with react, redux) ํ›„๊ธฐ

Notion ํด๋ก ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋ฐฐ์šด์ ๊ณผ ๋Š๋‚€ ์ ์— ๋Œ€ํ•œ ํฌ์ŠคํŒ…

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

react rendering ๊ณผ state ๋ณ€๊ฒฝ๊ฐ์ง€

notion ํด๋ก  ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ ์ค‘์— ๋งŒ๋‚œ ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๋ฉด์„œ ๊ณต๋ถ€ํ•˜๊ฒŒ ๋œ react rendering(๋ Œ๋”๋ง), DOM ๊ตฌํ˜„ ์ˆœ์„œ์™€ state ๊ด€๊ณ„์— ๋Œ€ํ•œ ๊ธ€

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

Selection๊ฐ์ฒด์™€ select event - ๋งˆ์šฐ์Šค ๋“œ๋ž˜๊ทธ๋กœ ์„ ํƒ๋œ ํ…์ŠคํŠธ ์Šคํƒ€์ผ ๋ณ€๊ฒฝํ•˜๊ธฐ

notion ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ ์ค‘, ๋“œ๋ž˜๊ทธ๋กœ ์„ ํƒ๋œ ํ…์ŠคํŠธ์˜ ์Šคํƒ€์ผ์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ ๋ฐฉ๋ฒ•๊ณผ ๊ทธ ๊ณผ์ •์—์„œ ์•Œ๊ฒŒ๋œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ด๋ณด

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

html.Element๋ฅผ html,pdf,markdown ํŒŒ์ผ๋กœ ์ €์žฅํ•˜๊ธฐ

์›น ๋ธŒ๋ผ์šฐ์ • ์ƒ์—์„œ ํŠน์ • ๋ถ€๋ถ„์„ html,pdf, markdownํŒŒ์ผ๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์€ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์„๊นŒ์— ๋Œ€ํ•œ ๊ธ€

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

์ด๋ชจ์ง€๋ฅผ ํŒŒ๋น„์ฝ˜์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ

string ํƒ€์ž…์˜ ์ด๋ชจ์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ํŒŒ๋น„์ฝ˜์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์„๊นŒ ๊ณ ๋ฏผํ•˜๋ฉฐ ์—ด์‹ฌํžˆ ๊ฒ€์ƒ‰ํ•ด ์ฐพ์€ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ธ€

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

Image resizer by react

๋ฆฌ์•กํŠธ๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ๋ณ€๊ฒฝ๋œ ์ด๋ฏธ์ง€๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

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

React์˜ ๋ถˆ๋ณ€์„ฑ

React์—์„œ ๋ถˆ๋ณ€์„ฑ์€ ์™œ ์ง€์ผœ์ ธ์•ผํ•˜๋ฉฐ ์–ด๋–ป๊ฒŒ ์ง€์ผœ์•ผ ํ• ๊นŒ์— ๋Œ€ํ•ด ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.

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

ํŠธ์œ„ํ„ฐ ํ”„๋กœ์ ํŠธ(with react, firebase) ํ›„๊ธฐ

react์™€ firebase๋ฅผ ํ†ตํ•ด ํŠธ์œ„ํ„ฐ๋ฅผ ํด๋ก  ์ฝ”๋”ฉํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋๋งˆ์น˜๋ฉด ์“ฐ๋Š” ํ›„๊ธฐ

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

css์™€ ๋ฐ˜๋ณต๋ฌธ :๋™์ผํ•œ ์ฝ”๋“œ์— ์ˆœ์„œ์— ๋”ฐ๋ผ ๋ณ€ํ™”๋ฅผ ์ฃผ์–ด์•ผ ํ•  ๋•Œ

๋™์ผํ•œ ์ฝ”๋“œ์— ์ˆœ์„œ์— ๋”ฐ๋ผ ์Šคํƒ€์ผ ๋ณ€ํ™”๋ฅผ ์ฃผ๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋Š” ์ง€๋ฅผ ๊ณ ๋ฏผํ•˜๋ฉด์„œ ์–ป์€ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ธ€

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

Context API

context API ๊ฐ€ ๋ฌด์—‡์ด๋ฉฐ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜์ง€์— ๋Œ€ํ•˜์—ฌ

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

๊ฐœ๋ฐœ์ผ์ง€/tweet/ rt, heart ์—ฌ๋ถ€ ํ™•์ธ

ํŠธ์œ„ํ„ฐ ํด๋กฑ ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ rt,heat ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค๋ฉด์„œ ๊ฒช์€ ์˜ค๋ฅ˜์™€ ํ•ด๊ฒฐํ•œ ๋ฐฉ๋ฒ•๋“ฑ์„ ์ ์€ ๊ธ€

2021๋…„ 11์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท