profile
๐™„ ๐™–๐™ข ๐™– ๐™›๐™ง๐™ค๐™ฃ๐™ฉ๐™š๐™ฃ๐™™ ๐™™๐™š๐™ซ๐™š๐™ก๐™ค๐™ฅ๐™š๐™ง ๐™ฌ๐™๐™ค ๐™š๐™ฃ๐™Ÿ๐™ค๐™ฎ๐™จ ๐™™๐™š๐™ซ๐™š๐™ก๐™ค๐™ฅ๐™ข๐™š๐™ฃ๐™ฉ. ๐Ÿ‘‹ ๐Ÿ’ป
post-thumbnail

Hacktoberfest 2022

๋งค๋…„ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ์˜ ํ™œ์„ฑํ™”๋ฅผ ์œ„ํ•ด์„œ ๊ฐœ์ตœ๋˜๋Š” ๊ฐœ๋ฐœ์ž ํ–‰์‚ฌ์ธ Hacktoberfest-2022๊ฐ€ ์˜ฌํ•ด์—๋„ ๊ฐœ์ตœ๋ฉ๋‹ˆ๋‹ค! ์•„์ง ํ•œ๊ตญ์—์„œ๋Š” ์ด ์ข‹์€ ํ–‰์‚ฌ๊ฐ€ ์ƒ๊ฐ๋ณด๋‹ค ๋งŽ์ด ์•Œ๋ ค์ง€์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์•„์„œ, Velog๋ฅผ ํ†ตํ•˜์—ฌ ์ด๋ ‡๊ฒŒ ํ™๋ณด๋ฅผ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

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

File-Based Routing System

@TANSTACK/REACT-LOCATION์„ ์‚ฌ์šฉํ•˜์—ฌ SPA๊ตฌ์กฐ์—์„œ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ํŒŒ์ผ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ… ์‹œ์Šคํ…œ์„ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.

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

[CSS] Position: sticky; is not working

๊ณ ์ •์š”์†Œ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์–‘ํ•˜๊ฒŒ ์กด์žฌํ•˜๊ฒ ์ง€๋งŒ, ์ด ๊ธ€์—์„œ๋Š” 2๋ฒˆ์งธ ๋ฐฉ๋ฒ• ์— ๋Œ€ํ•ด์„œ ํ•œ๊ณ„์ ๊ณผ ๊ทธ ํ•œ๊ณ„์ ์„ ๋ŒํŒŒํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ๊ธฐ์ˆ ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

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

์ขŒํ‘œ๋ฅผ ํ†ตํ•ด์„œ ๊ตญ๋‚ด์™ธ ํŒ๋ณ„

์ขŒํ‘œ๋ฅผ ํ†ตํ•ด์„œ ๊ตญ๋‚ด์™ธ ํŒ๋ณ„ํ•˜๋Š” ๊ณผ์ •์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

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

Multi Themes ์ ์šฉ - Next.js

๋งŒ์•ฝ, ์ปฌ๋Ÿฌ์‹œ์Šคํ…œ์ด ์—†๋‹ค๋ฉด, ์ˆ˜๋ฐฑ ๊ฐœ๋‚˜ ๋˜๋Š” ํŒŒ์ผ์— ์ผ์ผ์ด ์ ‘๊ทผํ•ด์„œ ์ƒ‰์ƒ์„ ์ˆ˜์ •ํ•˜๊ณ  ์žˆ์–ด์•ผํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์ปฌ๋Ÿฌ ์‹œ์Šคํ…œ์€ ํ˜„๋Œ€ ์•ฑ์—์„œ๋Š” ๋งค์šฐ ํ•„์š”ํ•œ ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค.

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

Recoil ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ

import๋ฅผ ์™œ์ด๋ ‡๊ฒŒ ๋งŽ์ด ์ ์–ด์•ผํ•ด! ์ œ๊ฐ€ ํ•œ ์ค„ ์ค„์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

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

VS Code ๋‹ค์ค‘ Window๋กœ ์ž‘์—…ํ•˜๊ธฐ

๋˜‘๊ฐ™์€ ํ”„๋กœ์ ํŠธ๋ฅผ ์—ฌ๋Ÿฌ๊ฐœ์˜ ์œˆ๋„์šฐ๋กœ ์—ด์–ด์„œ ์ž‘์—…ํ•˜๊ณ  ์‹ถ์€ ๊ทธ ๋งˆ์Œ์„ ๋‹ด์•„์„œ ๊ธ€์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.

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

GeoJSON

GeoJSON์ด๋ž€ ๋ง๊ทธ๋Œ€๋กœ ์ง€๋ฆฌ์ ์ธ feature์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” JSON ํฌ๋งท ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค.์ƒˆ๋กœ์šด ํƒ€์ž…์ด ์•„๋‹ˆ๋ผ, ๊ทธ์ € ์•ฝ์†์ด ์žˆ๋Š” JSON ํฌ๋งท์˜ ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค.GIS ๋ฐ ์ง€๋ฆฌ์  ๋ฐ์ดํ„ฐ๋ฅผ ์‹œ๊ฐํ™”ํ•  ๋•Œ, ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํฌ๋งท์ž…๋‹ˆ๋‹ค.

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

Git ๋ฐฉ๋ฒ•๋ก  Git Flow ์— ๋Œ€ํ•˜์—ฌ

์šฐ๋ฆฌ๋Š” ์ฝ”๋“œ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด์„œ Git์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํŠนํžˆ๋‚˜ ์š”์ฆ˜ ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๋ชจ๋ฅด๋Š” ์‚ฌ๋žŒ์ด ์—†๋Š” Github ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ BitBucket, Gitlab ๋“ฑ์ด ์šฐ๋ฆฌ๊ฐ€ ๊นƒ์„ ์ข€ ๋” ๋‹ค๋ฃจ๊ธฐ ์ˆ˜์›”ํ•˜๊ฒŒ, ๊ทธ๋ฆฌ๊ณ  ๋ฐฐํฌ๋ฅผ ์ข€ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๊ณ  ์žˆ์ฃ .

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

User์„ ์œ„ํ•œ, Uxer์„ ์œ„ํ•œ

์‚ฌ์šฉ์ž์—๊ฒŒ ์ตœ์ ์˜ ๊ฒฝํ—˜์„ ์ „๋‹ฌํ•ด์ฃผ๊ณ ์ž ํ•˜๋Š” ๋งˆ์Œ์€ ์—…๋ฌด๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ํ•ญ์ƒ ์ปค์ง€๊ณ  ์žˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋‚ด๊ฐ€ ์ž˜ ์‹ค์ฒœํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ์ผ๊นŒ? ๋ผ๋Š” ์ƒ๊ฐ์ด ๋ฌธ๋“ ๋“ค์–ด์„œ ์‚ฌ์šฉ์ž์— ๋Œ€ํ•ด์„œ ํ•œ ๋ฒˆ ๋” ์ƒ๊ฐํ•ด๋ณด๋Š” ๊ธ€์„ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ•œ๋‹ค.

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

PM2 Node.js ๋ฌด์ค‘๋‹จ ์„œ๋น„์Šค

์šฐ๋ฆฌ๋Š” ํ•ญ์ƒ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค ๋•Œ, ๊ฐœ๋ฐœ์„ ํ•˜๊ณ  ๋ฐฐํฌ๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ๋œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰์‹œํ‚ค๊ธฐ ์œ„ํ•ด์„œ ์„œ๋ฒ„๋ฅผ ์žฌ์‹คํ–‰ํ•˜๊ฒŒ ๋˜๋Š”๋ฐ, ์•„์ฃผ ์ฐฐ๋‚˜์— ์‚ฌ์šฉ์ž๋Š” ์„œ๋น„์Šค๊ฐ€ ์ฃฝ์€ ํ™”๋ฉด์„ ๋ณผ ๊ฐ€๋Šฅ์„ฑ์ด ๋†’๋‹ค. PM2๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ด ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•ด๋ด…์‹œ๋‹ค.

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

CSR, SSR, SSG ์กฐํ™”๋ฅผ ์ด๋ฃจ๋‹ค.

"CSR, SSR, SSG ์กฐํ™”๋ฅผ ์ด๋ฃจ๋‹ค."์€ ์›น ๋ Œ๋”๋Ÿฌ ๋ฐฉ์‹์˜ ๊ฐ„๋‹จํ•œ ์šฉ์–ด ์„ค๋ช… ๋ฐ ์›น์˜ ์ง„ํ™” ๊ณผ์ •์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ์œ„์˜ ์„ธ ๋‹จ์–ด๋Š” ์›น ์„œ๋น„์Šค๋ฅผ ํ•ด๋ณด์…จ๋‹ค๋ฉด, ์›น ๊ฐœ๋ฐœ์ž๋ฟ๋งŒ ์•„๋‹ˆ๋”๋ผ๋„ ํ•œ ๋ฒˆ์ฏค์€ ๋“ค์–ด๋ดค์„ ๋ฒ•ํ•œ ์šฉ์–ด์ž…๋‹ˆ๋‹ค.

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

๊ผฌ๋ฆฌ ์žฌ๊ท€ ์ตœ์ ํ™”(TCO)๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€?

์ตœ๊ทผ์— ์ตœ์ ํ™” ๊ด€๋ จ๋œ ๊ธ€์„ ์ฐพ์•„๋ณด๋‹ค๊ฐ€ TCO(Tail Call Optimization) ๋ผ๋Š” ๊ฐœ๋…์„ ์ ‘ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๊ถ๊ธˆํ•ด์„œ ์•Œ์•„๋ณด๋‹ˆ ์žฌ๊ท€์™€ ๊ด€๋ จ๋œ ๋ฉ”๋ชจ๋ฆฌ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์œผ๋กœ์„œ ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ์ด์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ์„ค๋ช…ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

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

yarn2์™€ ํ•จ๊ป˜ PnP(Plug'n'Play)๋ฅผ ์ ์šฉํ•ด๋ณด์ž. (feat. Typescript)

๋จผ์ € ๊ธฐ์ˆ ์ ์œผ๋กœ ์ ์šฉ์‹œํ‚ค๊ธฐ ์ „์— Yarn2 (Berry)๊ฐ€ ๋‚˜์˜จ ๋ฐฐ๊ฒฝ๋ถ€ํ„ฐ ์•Œ์•„๋ด…์‹œ๋‹ค. ๋ฐ”๋กœ ๊ธฐ์ˆ ์ ์ธ ๋‚ด์šฉ์ด ํ•„์š”ํ•˜์‹  ๋ถ„์ด๋ผ๋ฉด ์Šคํ‚ตํ•ด๋„ ์ข‹์Šต๋‹ˆ๋‹ค.

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

Suspense & Lazy With Transition

React๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ Code Splitting์„ ์ ์šฉํ•˜๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด Dynamic import๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด ๋•Œ, Suspense์™€ Lazy๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋–„, ํŠธ๋žœ์ง€์…˜ ์ ์šฉ ๋ฐฉ๋ฒ•์„ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด์„œ ๊ตฌํ˜„ ๋ฐฉ๋ฒ•๊ณผ ๋™์ž‘ ๊ณผ์ •์— ๋Œ€ํ•ด์„œ ํ™•์ธํ•ด๋ณด์ž.

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

NB#Log ์ œ์ž‘๊ธฐ

๋ณธ ํ”„๋กœ์ ํŠธ๋Š” 2020๋…„ 12์›” ํ•œ๋‹ฌ๋™์•ˆ ์„ค๊ณ„ ๋ฐ ๋””์ž์ธ์„ ๋งˆ์น˜๊ณ  ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•œ ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์„ ํ†ตํ•ด์„œ ํ˜„์žฌ ํฌํŠธํด๋ฆฌ์˜ค๊ฐ€ ๋‚˜์˜ค๊ธฐ๊นŒ์ง€ ์–ด๋–ค ๊ณผ์ •์„ ๊ฑฐ์ณ์™”๊ณ , ์–ด๋–ค ์–ด๋ ค์›€์ด ์žˆ์—ˆ๋Š”์ง€์— ๋Œ€ํ•ด์„œ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. Key Point: UI/UX์— ๋Œ€ํ•ด

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

CSS-in-JS๋ฅผ ์ž˜ ์จ๋ณด์ž.

์ผ๋ฐ˜ CSS๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ CSS-in-JS๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ์ค‘์— ์–ด๋–ค ๊ฒƒ์ด ๋” ์„ฑ๋Šฅ์— ์ข‹์€๊ฐ€? ๋ผ๊ณ  ๋ฌผ์–ด๋ณด๋ฉด ์—ฌ๊ธฐ์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ๋Œ€๋‹ตํ•˜๊ณ  ์žˆ๋‹ค. JS ์–‘์ด ์ ์Œ == ๋” ๋น ๋ฆ„

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

Github Organization์— NPM Package๋ฅผ ๋ฐฐํฌํ•ด๋ณด์ž

์ด๋ฒˆ์— ์ง„ํ–‰ํ•˜๋Š” ์ผ์—์„œ React Component๋กœ ์ œ์ž‘ํ•ด์„œ ๋ฐฐํฌํ•ด์•ผ ํ•  ์ผ์ด ์ƒ๊ฒผ๋‹ค. ๊ทธ๋ž˜์„œ ๊ธฐ์กด์— CRA๋กœ ์ œ์ž‘ํ•œ Component๋ฅผ Babel์„ ํ†ตํ•˜์—ฌ Package๋กœ ๋ฐฐํฌํ•˜๋ ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์ง„ํ–‰ํ•˜์˜€๋‹ค.

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

Electron ์ž๋™ ์—…๋ฐ์ดํŠธ ์ ์šฉ

Electron ์•ฑ์„ ๋นŒ๋“œํ•˜๊ณ  ๋ฐฐํฌ๊นŒ์ง€ ๋งˆ์ณค๋‹ค๋ฉด ๊ณผ์—ฐ ๋์ผ๊นŒ? ๋Œ€๋‹ต์€ NO. ์šฐ๋ฆฌ๋Š” ์ง€์†์ ์œผ๋กœ ์œ ์ง€๋ณด์ˆ˜ ๋ฐ ๊ธฐ๋Šฅ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๊ธฐ์œ„ํ•ด์„œ ์—…๋ฐ์ดํŠธ๋ฅผ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค.

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

Electron ์ ์šฉ ๋ฐ ๋นŒ๋“œํ•˜๊ธฐ

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” Electron์„ ์ ์šฉ์‹œํ‚ด์œผ๋กœ์จ ๊ธฐ์กด React ์ฝ”๋“œ์—์„œ ๋‹ฌ๋ผ์ง€๋Š” ๋ถ€๋ถ„์„ ์ˆ˜์ •ํ•˜๊ณ , ํ”Œ๋žซํผ๋ณ„๋กœ ๋นŒ๋“œํ•˜์—ฌ Electron App์„ ์‹คํ–‰์‹œํ‚ค๋Š” ๊ณผ์ •๊นŒ์ง€ ์ง„ํ–‰ํ•ด๋ณด๊ฒ ๋‹ค!

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