profile
๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

Webpack && Babel๋กœ React, Typescript ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ

[React18, Webpack5, Babel, Typescript, HMR]

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] ์ฝ”๋”ฉ-ํ…Œ์ŠคํŠธ-๊ณต๋ถ€.js

2022 KAKAO TECH INTERNSHIP - ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ๊ณต๋ถ€์ตœ๋‹จ์‹œ๊ฐ„์„ ๊ตฌํ•˜๋Š” ๋ฌธ์ œ๋ผ์„œ DP๋ฐฉ์‹์œผ๋กœ ๊ตฌํ˜„ํ–ˆ๋‹ค. ๋ชฉํ‘œ๊ฐ’์€ ๊ธฐ๋ณธ๊ฐ’์ด 0, 0์ด ์•„๋‹Œ alp, cop๊ฐ€ ๋˜์–ด์•ผ ํ•œ๋‹ค์ด๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์งœ๋ฉด 10๊ฐœ ๋ฐฐ์—ด์ด ๊ฐ™์€ ์ฃผ์†Œ๊ฐ’์„ ๊ฐ€์ ธ์„œ ๋ฒ„๊ทธ๊ฐ€ ๋‚  ๊ฐ€๋Šฅ์„ฑ์ด ์•„์ฃผ์•„

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

Docker์—์„œ nginx reverse proxy + ssl ๊ตฌํ˜„ํ•˜๊ธฐ

Dockerfile nginx.conf

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

Keycloak ๋„์ปค ์‚ฌ์šฉ๋ฒ•(Codespaces ์—์„œ)

Keycloak ์ด๋ผ๋Š” ์˜คํ”ˆ์†Œ์Šค ์ธ์ฆ ์„œ๋น„์Šค๋ฅผ ๋„์ปค์—์„œ ์„ค์น˜ํ•˜๋Š” ๋ฒ•์ด๋•Œ ๋‚˜๋Š” Github Codespaces์—์„œ ๋„์ปค๋ฅผ ๋Œ๋ ธ๊ธฐ ๋•Œ๋ฌธ์— https ํ™˜๊ฒฝ์œผ๋กœ ์„ค์ •ํ–ˆ๋‹ค.<url> ๋ถ€๋ถ„์—๋Š” ๋„์ปค๋ฅผ ์‹คํ–‰ํ•œ ํ™˜๊ฒฝ์˜ url์„ ์ž‘์„ฑํ•˜๋ฉด ๋œ๋‹ค.์ด๋•Œ KC_PROXY=edge ๋ถ€๋ถ„๋•Œ

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

Typescript์—์„œ React forwardRef ํƒ€์ž… ์—๋Ÿฌ

Typescript + React์—์„œ Component์— forwardRef๋ฅผ ์”Œ์šธ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ...Argument of type '({ mediaStream }: VideoProps, ref: RefObject) => Element' is not assignable t

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

CRA, Next.js ์—†์ด React ๊ฐœ๋ฐœํ•˜๊ธฐ

React ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ

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

JS Is Weird ํ€ด์ฆˆ ์ •๋ฆฌ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ด์ƒํ•œ ๋ฌธ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!

2021๋…„ 12์›” 15์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

next.js์—์„œ react-quill ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ํ•˜๊ธฐ

next.js์—์„œ react-quill ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ๊ฒช์€ ์ขŒ์ถฉ์šฐ๋Œ ์ด์•ผ๊ธฐ

2021๋…„ 10์›” 18์ผ
ยท
3๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

RTK Query) ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค๊ณผ ๋น„๊ต

RTK Query์™€ React Query๊ฐ™์€ ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค๊ณผ ๋น„๊ต๋ฅผ ํ•ด๋ด…์‹œ๋‹ค

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

RTK Query) ๊ฐœ์š”

RTK Query๋Š” ๊ฐ•๋ ฅํ•œ data fetching, caching ํˆด์ž…๋‹ˆ๋‹ค.

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

RTK Query) ์‹œ์ž‘ํ•˜๊ธฐ

Redux Toolkit Query ํŠœํ† ๋ฆฌ์–ผ์— ์˜ค์‹ ๊ฑธ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค! ์ด ํŠœํ† ๋ฆฌ์–ผ์€ Redux Toolkit์˜ "RTK Query" ๋ฐ์ดํ„ฐ ํŒจ์นญ ๊ธฐ๋Šฅ์„ ์†Œ๊ฐœํ•˜๊ณ  ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

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

RTK Query) ๊ณต์‹ ๋ฌธ์„œ ํ•œ๊ธ€ ๋ฒˆ์—ญ

Redux Toolkit ๋ฌธ์„œ์—์„œ RTK Query ๋ถ€๋ถ„์„ ๋ฒˆ์—ญํ•˜๋Š” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

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

11729๋ฒˆ ํ•˜๋…ธ์ด ํƒ‘ ์ด๋™ ์ˆœ์„œ

ํ•˜๋…ธ์ด์˜ ํƒ‘ ๊ทœ์น™์€ n๊ฐœ์˜ ์›ํŒ์„ src์—์„œ dst์œผ๋กœ ์ด๋™ํ• ๋ ค๋ฉด n-1๊ฐœ์˜ ์›ํŒ์„ src์—์„œ 6 - src - dst๋กœ ์ด๋™ํ•œ๋‹ค -> 1๊ฐœ์˜ ์›ํŒ์„ src์—์„œ dst์œผ๋กœ ์ด๋™ํ•œ๋‹ค -> n-1๊ฐœ์˜ ์›ํŒ์„ 6 - src - dst์—์„œ dst์œผ๋กœ ์ด๋™ํ•œ๋‹ค3๊ฐ€์ง€๋กœ ์š”์•…ํ•  ์ˆ˜

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

2798๋ฒˆ ๋ธ”๋ž™์žญ

์นด๋“œ 3๊ฐœ ํ•ฉ์ด M๋ณด๋‹ค ์ž‘์„๋•Œ๋งŒ ์กฐ๊ฑด์„ ํ™•์ธํ•˜์ง€ ์•Š์•„์„œ

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