๐Ÿ“„ Dev Notes

CNAP๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ๊ฒฝํ—˜ํ•œ ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์ˆ ์„ ๊ณต์œ ํ•˜๋Š” ๋ธ”๋กœ๊ทธ์ž…๋‹ˆ๋‹ค.


  • Vite + React + TailwindCSS ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ ๊ฐ€์ด๋“œ

    lemon โ€ข 2025-08-12 โ€ข Frontend, Vite, DevOps

    2025๋…„ 2์›”, React ํŒ€์€ Create React App(CRA)์˜ ๊ณต์‹ ์ง€์› ์ข…๋ฃŒ๋ฅผ ๋ฐœํ‘œํ•˜๋ฉฐ, ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ Vite, Parcel, RSBuild์™€ ๊ฐ™์€ ์ตœ์‹  ๋นŒ๋“œ ๋„๊ตฌ๋กœ์˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ๊ถŒ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. CRA๋Š” ์˜ค๋žœ ๊ธฐ๊ฐ„ React ์ž…๋ฌธ์ž๋“ค์—๊ฒŒ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜์–ด ์™”์ง€๋งŒ, ์„ค์ •์˜ ๋ณต์žก์„ฑ๊ณผ ๋А๋ฆฐ ๋นŒ๋“œ ์†๋„ ๋“ฑ์˜ ํ•œ๊ณ„๋กœ ์ธํ•ด ์ ์ฐจ ๋Œ€์ฒด๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ์ค‘์—์„œ๋„ Vite๋Š” ๋น ๋ฅธ ๋ฒˆ๋“ค๋ง ์†๋„์™€ ์ฆ‰๊ฐ์ ์ธ ๋ชจ๋“ˆ ํ•ซ ๋ฆฌ๋กœ๋”ฉ(HMR), ๊ทธ๋ฆฌ๊ณ  Tailwind CSS์™€์˜ ๋›ฐ์–ด๋‚œ ํ†ตํ•ฉ์„ฑ์œผ๋กœ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์˜ ์„ ํƒ์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

    Read More ๐Ÿ–‰ React, Vite, TailwindCSS, Docker, VSCode
  • ๋กœ์ปฌ DNS ์„œ๋ฒ„ ๊ตฌ์ถ• ๋ฐ ์„ค์ • ๊ฐ€์ด๋“œ

    lemon โ€ข 2025-08-09 โ€ข Infrastructure, Networking

    ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” Ubuntu 22.04 ๊ธฐ๋ฐ˜ VM ํ™˜๊ฒฝ์—์„œ ๋กœ์ปฌ DNS ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ , ๋‹ค์–‘ํ•œ ํ™˜๊ฒฝ(Docker, macOS, ๊ทธ๋ฆฌ๊ณ  Ubuntu)์—์„œ ์ด๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

    Read More ๐Ÿ–‰ DNS, dnsmasq, Docker, Kubernetes, Ingress, DevOps
  • OAuth2 Proxy ์„ค์น˜ ๋ฐ API ์ธ์ฆ ๊ตฌ์„ฑ ๊ฐ€์ด๋“œ

    lemon โ€ข 2025-08-07 โ€ข Authentication, Security, Kubernetes

    OAuth2 Proxy๋Š” Keycloak, Google, GitHub ๋“ฑ ์™ธ๋ถ€ OAuth2 ๋˜๋Š” OpenID Connect ์ œ๊ณต์ž๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž ์ธ์ฆ์„ ์ˆ˜ํ–‰ํ•˜๊ณ , ์ธ์ฆ๋œ ์‚ฌ์šฉ์ž๋งŒ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ API์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณดํ˜ธํ•ด์ฃผ๋Š” ์ธ์ฆ ํ”„๋ก์‹œ์ž…๋‹ˆ๋‹ค.

    ์ฃผ๋กœ NGINX, Istio, Envoy, Kong๊ณผ ๊ฐ™์€ ๋ฆฌ๋ฒ„์Šค ํ”„๋ก์‹œ๋‚˜ Ingress Controller์™€ ํ•จ๊ป˜ ์‚ฌ์šฉ๋˜๋ฉฐ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋ณ„๋„์˜ ์ธ์ฆ ๋กœ์ง์„ ๊ตฌํ˜„ํ•˜์ง€ ์•Š์•„๋„ ์™ธ๋ถ€์—์„œ ์†์‰ฝ๊ฒŒ ์ธ์ฆ ๊ธฐ๋Šฅ์„ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.

    Read More ๐Ÿ–‰ oauth2-proxy, keycloak, kubernetes, security, API Gateway
  • Kubernetes ํ™˜๊ฒฝ์—์„œ Flyway ์‚ฌ์šฉํ•˜๊ธฐ

    lemon โ€ข 2025-08-06 โ€ข DB

    Flyway๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์ž๋™ํ™”ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ๋กœ, SQL ๊ธฐ๋ฐ˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฒ„์ „ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฐํฌ ํŒŒ์ดํ”„๋ผ์ธ๊ณผ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํ†ตํ•ฉ๋ฉ๋‹ˆ๋‹ค. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— Flyway๋ฅผ ํฌํ•จํ•˜์—ฌ Kubernetes์— ๋ฐฐํฌํ•  ๊ฒฝ์šฐ, ์—ฌ๋Ÿฌ Pod๊ฐ€ ๋™์‹œ์— ์‹คํ–‰๋˜๋ฉด DB ํ…Œ์ด๋ธ” ๋ฝ(table lock) ๋ฌธ์ œ๋กœ ์ธํ•ด ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ถฉ๋Œ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ถ„์‚ฐ ๋ฝ(distributed lock)์„ ์‚ฌ์šฉํ•˜์—ฌ ๋จผ์ € ์‹œ์ž‘๋œ Pod๊ฐ€ ๋‹ค๋ฅธ Pod์˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์™„๋ฃŒ๋ฅผ ๊ธฐ๋‹ค๋ฆฌ๋„๋ก ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋˜ ๋‹ค๋ฅธ ์ ‘๊ทผ ๋ฐฉ๋ฒ•์œผ๋กœ, Flyway ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์™„์ „ํžˆ ๋ถ„๋ฆฌํ•˜๊ณ , Kubernetes ํ™˜๊ฒฝ์—์„œ Job ๋ฆฌ์†Œ์Šค๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐฉ์‹์€ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ๋ฐฐํฌ์™€ ๋ณ„๋„๋กœ ํ•œ ๋ฒˆ๋งŒ ์‹คํ–‰๋˜๋„๋ก ๋ณด์žฅํ•˜์—ฌ, ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์• ํ”Œ์ผ€์ด์…˜ Pod๊ฐ€ ๋™์‹œ์— ๊ธฐ๋™๋  ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ์ถฉ๋Œ ๋ฌธ์ œ๋ฅผ ๊ทผ๋ณธ์ ์œผ๋กœ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ Job์œผ๋กœ ๋ถ„๋ฆฌํ•˜์—ฌ DB ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์‹คํ–‰ํ•˜๋ฉด ๋„คํŠธ๋ฌธ์ œ๋กœ ์ž ์‹œ ์‹คํŒจ๋ฅผ ํ•ด๋„ ์žฌ์‹œ๋„๊ฐ€ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ์™„์ „ํžˆ ๋ถ„๋ฆฌํ•จ์œผ๋กœ์จ ๋ฌธ์ œ ๋ฐœ์ƒ ์‹œ ๋Œ€์ฒ˜๊ฐ€ ๋” ์šฉ์ดํ•ด์ง‘๋‹ˆ๋‹ค.

    Read More ๐Ÿ–‰ Flyway, kustomize
  • Kong Gateway ์„ค์น˜ ๋ฐ API ์ธ์ฆ ์„ค์ • ๊ฐ€์ด๋“œ

    lemon โ€ข 2025-08-04 โ€ข API Gateway, Security

    Kong Gateway๋Š” ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜์—์„œ API ํŠธ๋ž˜ํ”ฝ์„ ๊ด€๋ฆฌํ•˜๊ณ  ๋ณดํ˜ธํ•˜๊ธฐ ์œ„ํ•œ ์˜คํ”ˆ์†Œ์Šค API Gateway์ž…๋‹ˆ๋‹ค.
    ๋กœ๋“œ ๋ฐธ๋Ÿฐ์‹ฑ, ์ธ์ฆ, ๋ผ์šฐํŒ…, ์†๋„ ์ œํ•œ, ๋กœ๊น…, ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ธฐ๋ฐ˜ ํ™•์žฅ์„ฑ ๋“ฑ์„ ์ œ๊ณตํ•˜๋ฉฐ, ํด๋ผ์šฐ๋“œ ๋„ค์ดํ‹ฐ๋ธŒ ํ™˜๊ฒฝ์— ์ ํ•ฉํ•œ ์œ ์—ฐํ•˜๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๊ตฌ์กฐ๋ฅผ ๊ฐ–์ถ”๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

    ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” Kubernetes ํ™˜๊ฒฝ์—์„œ GitOps ๋ฐฉ์‹์œผ๋กœ Kong Gateway๋ฅผ ๋ฐฐํฌํ•˜๊ณ , ์„œ๋น„์Šค ๋“ฑ๋ก๊ณผ ๋ผ์šฐํŒ… ๊ตฌ์„ฑ, ๊ทธ๋ฆฌ๊ณ  OIDC ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ™œ์šฉํ•œ API ์ ‘๊ทผ ์ œ์–ด๊นŒ์ง€ ๋‹จ๊ณ„๋ณ„๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

    Read More ๐Ÿ–‰ Kong, API Gateway, Authentication, Security, API