profile
๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป ํ˜ธ๊ธฐ์‹ฌ์ด ๋งŽ๊ณ  ์—๋Ÿฌ๋ฅผ ์ข‹์•„ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ฐ•์ง„ํ˜„ ์ž…๋‹ˆ๋‹ค.
post-thumbnail

[JS] KeyCode

์—…๋กœ๋“œ์ค‘..

3์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Chrome DevTools๋กœ JS ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜(Memory Leak) ๋””๋ฒ„๊น…ํ•˜๊ธฐ

https://blog.eunsukim.me/posts/debugging-javascript-memory-leak-with-chrome-devtools

3์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Redux ๊ฐœ๋…

https://velog.io/@\_jouz_ryul/React%EC%97%90%EC%84%9C-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC%EC%99%80-Redux

4์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Redux Duck Pattern

https://velog.io/@tlatjdgh3778/React-Redux-Ducks-Pattern-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

4์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐฐํฌ!

https://www.npmjs.com/package/scroll-animations-jsํ…Œ์˜ค์˜ ์Šคํ”„๋ฆฐํŠธ6๊ธฐ ๊ฒฐ๊ณผ๋ฌผ! ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์ฒ˜์Œ ๋งŒ๋“ค์–ด ๋ณด๋Š”๋ฐ (๋‚˜๋Š” ๊ณตํ™ˆ๋งŒ ๋งŒ๋“ค์—ˆ์ง€๋งŒ!) ๋„ˆ๋ฌด ์žฌ๋ฐŒ์—ˆ๋‹ค.๋ฌด์—‡๋ณด๋‹ค ์ƒˆ๋กœ์šด ๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ ํ˜‘์—…ํ•ด๋‚˜๊ฐ€๋Š” ๊ณผ์ •์ด ๋„ˆ๋ฌด ์žฌ๋ฐŒ๊ณ  ๋˜ ๋งŽ

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

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ์„ ํ•˜๋ฉด์„œ ๋ฐ›์€ ํ”ผ๋“œ๋ฐฑ

๊ฐ™์ด ํ•œ๋‹ฌ ๋ฐ˜๋™์•ˆ ์—ฌ๋Ÿฌ ๊ธฐ์—…๋“ค์˜ ๊ณผ์ œ๋ฅผ ํ•จ๊ป˜ ํ•ด๊ฒฐํ•ด์„œ ์ •๋ง ์žฌ๋ฐŒ์—ˆ๊ณ  ๋˜ ์ข‹์€ ๊ฒฝํ—˜์ด์—ˆ์Šต๋‹ˆ๋‹ค!ํŒ€์›๋ถ„๋“ค ์ข‹์€ ํ”ผ๋“œ๋ฐฑ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!

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

Toast ui react ์ด๋ฏธ์ง€ ํฌํ•จ ์—ฌ๋ถ€ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฐฉ๋ฒ•

๊ฒŒ์‹œํŒ ๊ธฐ๋Šฅ ๊ตฌํ˜„์ค‘ ์•„๋ž˜์ฒ˜๋Ÿผ ์ด๋ฏธ์ง€๊ฐ€ ํฌํ•จ๋˜์–ด์žˆ์œผ๋ฉด ๊ธ€๊ณผ ๋Œ“๊ธ€์ˆ˜ ์‚ฌ์ด์— ์ด๋ฏธ์ง€ํ‘œ์‹œ๋ฅผ ๊ตฌํ˜„ํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ๊ฒ€์ƒ‰ํ•ด๋„ ๋‚˜์˜ค์ง€ ์•Š์•„์„œ ์ง์ ‘ ๊ตฌํ˜„ํ–ˆ๋‹ค. ์ถ”ํ›„์— ๋‚˜๊ฐ™์ด ๊ฒ€์ƒ‰ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ์กฐ๊ธˆ์ด๋‚˜๋งˆ ์ •๋ณด๋ฅผ ๊ณต์œ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.๊ธ€์„ ์ž‘์„ฑํ• ๋•Œ Toast ui react Editor

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

Toast UI Editor์—์„œ s3๋กœ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ํ•˜๋Š” ๋ฐฉ๋ฒ•

๊ตฌ๊ธ€๋ง์„ ์•„๋ฌด๋ฆฌ ํ•ด๋ด๋„ ํด๋ผ์ด์–ธํŠธ๋‹จ์—์„œ s3๋กœ ๋ฐ”๋กœ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์—†์–ด์„œ ์ง์ ‘ ํ•ด๊ฒฐํ•œ ๊ฒฐ๊ณผ๋ฅผ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค. ์šฐ์„  Toast Editor์— ref๋ฅผ ๊ฑธ๊ณ , ๋กœ ์ •์˜ํ•ด์ค๋‹ˆ๋‹ค. ๊ทธ ๋‹ค์Œ useEffect๋กœ editorRef์— ๊ฑธ๋ ค์žˆ๋Š” addImageHook์„ ์ œ๊ฑฐ

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

Failed to load SWC binary for linux/x64 ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

nextjs๋กœ ๋ฐฐํฌํ•˜๋ ค๊ณ  ๋นŒ๋“œ์‹œ ๋‚˜์˜ค๋Š” ์—๋Ÿฌํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€๋…ธ๋“œ๋ชจ๋“ˆ๊ณผ package-lock.json์„ ์ง€์šฐ๊ณ  npm install ํ•˜๋ฉด ๋œ๋‹ค.rm -rf node_modules && rm package-lock.json && npm i

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

๋งํ’์„  CSS

https://www.ilikepixels.co.uk/bubbler/

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

Json ๋ฐ์ดํ„ฐ interface๋กœ ์ž๋™๋ณ€ํ™˜ ์‹œ์ผœ์ฃผ๋Š” ์‚ฌ์ดํŠธ

https://transform.tools/json-to-typescript

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

TypeError: require(...) is not a function

npm start๋‚˜ npm test์‹œ ์•„๋ž˜์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.์•„๋ฌด๋ฆฌ ์ฐพ์•„๋ด๋„ ํ•ด๋‹ต์ด ์•ˆ๋ณด์—ฌ์„œ ์ง์ ‘ ํ•ด๊ฒฐํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.์œ„ ์ฝ”๋“œ๋ฅผ ์•„๋ž˜์ฒ˜๋Ÿผ ๋ฐ”๊พธ๋ฉด ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•œ๋‹ค!! ๋Œ€์ฒด ์™œ ์ด๋ ‡๊ฒŒ ๋˜์–ด์žˆ๋Š”๊ฑด์ง€๋Š”.. ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹ค.

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

๊ธฐ์—…๋ณ„ ์‚ฌ์šฉ์Šคํƒ ํ™•์ธํ•˜๋Š” ์‚ฌ์ดํŠธ

https://www.codenary.co.kr/company/list?page=2

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

์›น/๋ชจ๋ฐ”์ผ ๋””์ž์ธ ์ฐธ๊ณ  ์‚ฌ์ดํŠธ

https://www.gdweb.co.kr/main/index.asp

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

๋ฐ˜๋“œ์‹œ ๊ธฐ์–ตํ•ด์•ผํ•˜๋Š” CSS ์„ ํƒ์ž 30๊ฐœ

https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048

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

์Šค์ฝ”ํ”„๋ž€!?

์Šค์ฝ”ํ”„๋ž€? ๋ณ€์ˆ˜๊ฐ€ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋ฒ”์œ„๋ฅผ ๋‚˜ํƒ€๋‚ด๋ฉฐ ํฌ๊ฒŒ ์ „์—ญ์Šค์ฝ”ํ”„์™€ ์ง€์—ญ์Šค์ฝ”ํ”„๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค. ์ง€์—ญ์Šค์ฝ”ํ”„์•ˆ์—๋Š” ํ•จ์ˆ˜์Šค์ฝ”ํ”„์™€ ๋ธ”๋ก์Šค์ฝ”ํ”„๊ฐ€ ์žˆ๊ณ ,์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•จ์ˆ˜์Šค์ฝ”ํ”„๋ฅผ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ es6๊ฐ€ ์—…๋ฐ์ดํŠธ ๋˜๋ฉด์„œ let๊ณผ const์˜ ๋“ฑ์žฅ์œผ๋กœ ๋ธ”๋ก ์Šค์ฝ”ํ”„ ํ˜•์„ฑ๋„

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

๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •

์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •์„ Critical Rendering Path(CRP) ๋ผ๊ณ  ํ•˜๋ฉฐ, ์œ„ ์ด๋ฏธ์ง€์™€ ๊ฐ™์€ ๊ณผ์ •์„ ๊ฑฐ์ณ ๊ทธ๋ž˜ํ”ฝ ์š”์†Œ๋ฅผ ํ™”๋ฉด์— ๊ทธ๋ฆฐ๋‹ค. HTML์„ ํŒŒ์‹ฑํ•˜์—ฌ DOM ๋…ธ๋“œ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์ด DOM ๋…ธ๋“œ๋“ค์„ ๋ณ‘ํ•ฉํ•˜์—ฌ DOM ํŠธ๋ฆฌ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค.CSS๋ฅผ ํŒŒ์‹ฑํ•˜์—ฌ,

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

CSR vs SSR vs SSG

Client Side Rendering์˜ ์•ฝ์ž๋กœ, ํด๋ผ์ด์–ธํŠธ์—์„œ ๋ Œ๋”๋งํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค.์•„๋ž˜๋Š” CSR์˜ ํ”„๋กœ์„ธ์Šค์ด๋‹ค.์œ ์ €๊ฐ€ ์›น์‚ฌ์ดํŠธ์— ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค.๋ธŒ๋ผ์šฐ์ €๋Š” HTMLํŒŒ์ผ๊ณผ JSํŒŒ์ผ์˜ ๋งํฌ๋ฅผ CDN์„ ํ†ตํ•ด ์ „๋‹ฌ๋ฐ›๋Š”๋‹ค.HTML๊ณผ JSํŒŒ์ผ์„ ๋‹ค์šด๋ฐ›๋Š”๋‹ค. ๋‹ค์šด๋ฐ›๋Š” ๋™์•ˆ ์œ ์ €๋Š”

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

ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋ฐ›์€ ํŒ€๋ฉค๋ฒ„๋ฆฌ๋ทฐ๋“ค

๋ฆฌ๋ทฐ๋“ค์„ ๋ณด๋‹ˆ ๋‚˜ ์ •๋ง ์—ด์‹ฌํžˆ ํ–ˆ๊ตฌ๋‚˜. ์–ด๋””๊ฐ€์„œ ์—ด์‹ฌํžˆ ํ–ˆ๋‹ค๊ณ  ๋งํ•  ์ˆœ ์žˆ๊ฒ ๊ตฌ๋‚˜ ์‹ถ์—ˆ๋‹ค.

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

์•Œ๊ณ ๋ฆฌ์ฆ˜ 125 - ์‹ ๊ทœ ์•„์ด๋”” ์ถ”์ฒœ [ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค]

replaceAll์„ ์“ธ ์ˆ˜ ์žˆ์œผ๋ฉด ํ›จ์”ฌ ์งง์•„์งˆํ…๋ฐ ์™œ ์ง€์›์„ ์•ˆํ•ด์ฃผ์ง€!!?

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