leekh8's Blog

There are 20 posts.

๐Ÿš€ Spring Boot ํ”„๋กœ์ ํŠธ์˜์˜ Render ๋ฐฐํฌ ์‹คํŒจ ์‚ฌ๋ก€ ์ •๋ฆฌ: gradlew, JAVA_HOME, Dockerfile ๋ฌธ์ œ ํ•ด๊ฒฐ

May 13, 2025

Code N Solve ๐Ÿ“˜: Spring Boot ํ”„๋กœ์ ํŠธ์˜์˜ Render ๋ฐฐํฌ ์‹คํŒจ ์‚ฌ๋ก€ ์ •๋ฆฌ ์ง€๋‚œ๋ฒˆ Vite ๋ฐฐํฌ ์˜ค๋ฅ˜ ๊ธ€๊ณผ๋Š” ๋‹ฌ๋ฆฌ, Java + Spring Boot + Gradle ํ™˜๊ฒฝ์˜ ๋ฐฑ์—”๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ Render์— Docker๋กœ ๋ฐฐํฌํ•  ๋•Œ ๊ฒช์€ ๋นŒ๋“œ ์‹คํŒจ ์‚ฌ๋ก€์™€ ํ•ด๊ฒฐ ๊ณผ์ •์„ ์ •๋ฆฌํ•˜์˜€๋‹ค. ๊ฐ๊ฐ์˜ ์˜ค๋ฅ˜๋ฅผ ๋ถ„์„ํ•˜๊ณ  ํ•ด๊ฒฐํ•œ ๊ณผ์ •์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. Vโ€ฆ

Code-N-Solve
Spring-Boot
Render
CI/CD
Docker
Gradle

๐Ÿš€ Vite ๋ฐฐํฌ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ: xdg-open, CJS API, npm ๋ฒ„์ „ ์ถฉ๋Œ ๋ฌธ์ œ ๋ถ„์„

March 05, 2025

Code N Solve ๐Ÿ“˜: Vite ๋ฐฐํฌ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ - xdg-open, CJS API, npm ๋ฒ„์ „ ์ถฉ๋Œ ๋ฌธ์ œ ๋ถ„์„ Vite ํ”„๋กœ์ ํŠธ๋ฅผ Render์—์„œ ๋ฐฐํฌํ•˜๋Š” ๊ณผ์ •์—์„œ ๋ช‡๊ฐ€์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ๋ธŒ๋ผ์šฐ์ € ์ž๋™ ์‹คํ–‰ ๋ฌธ์ œ, ์ดํ›„์—๋Š” Vite์˜ CJS API ๊ฒฝ๊ณ , npm ๋ฒ„์ „ ์ถฉ๋Œ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ๊ฐ๊ฐ์˜ ์˜ค๋ฅ˜๋ฅผ ๋ถ„์„ํ•˜๊ณ  ํ•ด๊ฒฐํ•œ ๊ณผ์ •์— ๋Œ€ํ•ด ์•Œ์•„โ€ฆ

Code-N-Solve
Vite
CI/CD
Docker
Render

๐ŸŒ ์›น ์ ‘๊ทผ์„ฑ์˜ ์ค‘์š”์„ฑ๊ณผ ๊ธฐ๋ณธ ์›์น™: ๋ชจ๋‘๋ฅผ ์œ„ํ•œ ์›น

December 07, 2024

์›น ์ ‘๊ทผ์„ฑ์ด๋ž€? ๐Ÿค” ์›น ์ ‘๊ทผ์„ฑ(Web Accessibility)์€ ๋ชจ๋“  ์‚ฌ์šฉ์ž, ํŠนํžˆ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์ด ์›น ์ฝ˜ํ…์ธ ์™€ ๊ธฐ๋Šฅ์— ์ ‘๊ทผํ•˜๊ณ  ์„œ๋กœ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ์›น ์ ‘๊ทผ์„ฑ์€ ์‹œ๊ฐ, ์ฒญ๊ฐ, ์šด๋™ ์žฅ์• ๋Š” ๋ฌผ๋ก , ๋‚˜์ด๊ฐ€ ๋งŽ๊ฑฐ๋‚˜ ์ผ์‹œ์ ์ธ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž, ์‹ฌ์ง€์–ด๋Š” ์ œํ•œ๋œ ๋””๋ฐ”์ด์Šค ํ™˜๊ฒฝ์—์„œ๋„ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด: ์‹œ๊ฐ ์žฅ์• ์ธโ€ฆ

์›น-์ ‘๊ทผ์„ฑ
WAI
WCAG
ํฌ์šฉ์ -๋””์ž์ธ
์›น-๋””์ž์ธ

๐Ÿ”ฅ React vs Vue vs Angular: ์–ด๋–ค ๊ฒƒ์„ ์„ ํƒํ•ด์•ผ ํ• ๊นŒ?

November 24, 2024

React vs Vue vs Angular: ์–ด๋–ค ๊ฒƒ์„ ์„ ํƒํ•ด์•ผ ํ• ๊นŒ? ์›น ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๋ ค๋Š” ๋ชจ๋‘๊ฐ€ ํ•œ ๋ฒˆ์ฏค ๊ณ ๋ฏผํ•˜๊ฒŒ ๋˜๋Š” ์งˆ๋ฌธ์ด๋‹ค. ์–ด๋–ค ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์„ ํƒํ•ด์•ผ ๋‚ด ํ”„๋กœ์ ํŠธ์— ๊ฐ€์žฅ ์ ํ•ฉํ• ๊นŒ? ์›น ๊ฐœ๋ฐœ์„ ์ฒ˜์Œ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ, ๋‚˜๋Š” React๋ฅผ ์„ ํƒํ–ˆ๋‹ค. ์ด์œ ๋Š” ๋งค์šฐ ๋‹จ์ˆœํ•˜๋‹ค. ๊ตฌ๊ธ€์—์„œ ๊ฒ€์ƒ‰ํ–ˆ์„ ๋•Œ ๊ฐ€์žฅ ๋งŽ์€ ์ž๋ฃŒ๊ฐ€ React ๊ด€๋ จ์ด์—ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ํ•˜์ง€๋งŒ ์‹ค์ œโ€ฆ

React
Vue
Angular
ํ”„๋ ˆ์ž„์›Œํฌ-์„ ํƒ
์›น-๊ฐœ๋ฐœ

โš›๏ธ React ์ƒํƒœ ๊ด€๋ฆฌ ์‰ฝ๊ฒŒ ํ•˜๊ธฐ: Context API vs Redux vs Zustand

November 10, 2024

React ๐Ÿ“˜: React ์ƒํƒœ ๊ด€๋ฆฌ ์‰ฝ๊ฒŒ ํ•˜๊ธฐ: Context API vs Redux vs Zustand React ํ”„๋กœ์ ํŠธ์—์„œ ์ƒํƒœ ๊ด€๋ฆฌ๋Š” ํ•„์ˆ˜์ ์ธ ์š”์†Œ์ด์ง€๋งŒ, ํ”„๋กœ์ ํŠธ์˜ ๊ทœ๋ชจ๋‚˜ ํŠน์„ฑ์— ๋”ฐ๋ผ ์–ด๋–ค ์ƒํƒœ ๊ด€๋ฆฌ ๋„๊ตฌ๋ฅผ ์„ ํƒํ•ด์•ผ ํ• ์ง€ ์ •๋ง ๊ณ ๋ฏผ์ด ๋œ๋‹ค. ๋Œ€ํ‘œ์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” Context API, Redux, Zustand๋ฅผ ๋น„๊ตํ•˜๊ณ , ๊ฐ ๋„๊ตฌ์˜ ํŠน์„ฑ๊ณผ ํ™œ์šฉโ€ฆ

React
์ƒํƒœ-๊ด€๋ฆฌ
Context-API
Redux
Zustand

๐Ÿš€ Google Colab์—์„œ Transformers ๋ชจ๋ธ ํ•™์Šต ์‹œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ํ•ด๊ฒฐ

November 08, 2024

Code N Solve ๐Ÿ“˜: Google Colab์—์„œ Transformers ๋ชจ๋ธ ํ•™์Šต ์‹œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๊ฐ€์ด๋“œ Transformer ๊ธฐ๋ฐ˜ NLP ๋ชจ๋ธ์„ Google Colab์—์„œ ํ•™์Šตํ•˜๋Š” ๋„์ค‘ ์ดˆ๋ณด์ž๊ฐ€ ๊ฒช์„ ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ์˜ค๋ฅ˜์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค. ํŠนํžˆ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜ ๋ฌธ์ œ, ํŒŒ์ผ ๊ฒฝ๋กœ ์„ค์ •, ๋ฐ์ดํ„ฐ ์ „์ฒ˜๋ฆฌ ๋ฌธ์ œ ๋“ฑ ๋‹ค์–‘ํ•œ ์˜ค๋ฅ˜๋ฅผ ์ดํ•ดํ•˜๊ณ  ํ•ด๊ฒฐโ€ฆ

Code-N-Solve
Google-Colab
Transformers
Hugging-Face
NLP-๋ชจ๋ธ
๋ฐ์ดํ„ฐ-์ „์ฒ˜๋ฆฌ
์˜ค๋ฅ˜-ํ•ด๊ฒฐ

๐Ÿš€ Gatsby CI/CD ํ™˜๊ฒฝ์—์„œ Playwright ์˜ค๋ฅ˜ ํ•ด๊ฒฐ: browserType.launch, Chromium ๋ฒ„์ „ ์ถฉ๋Œ ๋ฌธ์ œ ํ•ด๊ฒฐ

September 13, 2024

Code N Solve ๐Ÿ“˜: Playwright์™€ Gatsby CI/CD ๊ณผ์ •์—์„œ ๋ฐœ์ƒํ•œ browserType.launch ์˜ค๋ฅ˜ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์ •๋ฆฌ ์ด์ „์— ํ•ด๊ฒฐํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋˜ Playwright ๊ด€๋ จ ๋ฌธ์ œ๊ฐ€ ๋‹ค์‹œ ๋ฐœ์ƒํ–ˆ๋‹ค. Gatsby build ๊ณผ์ •์—์„œ ์ง€์†์ ์œผ๋กœ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ๋ฌธ์ œ: Playwright Chromium ๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „ ์ฐธ์กฐ ์˜ค๋ฅ˜ Gaโ€ฆ

Code-N-Solve
GitHub-Actions
Gatsby
CI/CD
Playwright
Chromium
๋นŒ๋“œ-์˜ค๋ฅ˜
๋ฐฐํฌ-์ž๋™ํ™”

๐Ÿš€ Java Spring ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ์˜ ์ธ์ฆ ์ž‘๋™ ์›๋ฆฌ์™€ ๋ฌธ์ œ ํ•ด๊ฒฐ

September 09, 2024

Code N Solve ๐Ÿ“˜: Java Spring ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ์˜ ์ธ์ฆ ์ž‘๋™ ์›๋ฆฌ์™€ ๋ฌธ์ œ ํ•ด๊ฒฐ Spring ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ์ž๋ฐ” ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ธ์ฆ๊ณผ ์ ‘๊ทผ ์ œ์–ด๋ฅผ ์œ„ํ•œ ๊ฐ•๋ ฅํ•˜๊ณ  ์œ ์—ฐํ•œ ๋„๊ตฌ์ด๋‹ค. Spring Security๋ฅผ ์ด์šฉํ•œ ์ธ์ฆ ๋ฉ”์ปค๋‹ˆ์ฆ˜์˜ ๋™์ž‘ ์›๋ฆฌ์™€ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ, ๊ทธ๋ฆฌ๊ณ  ๊ทธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. Spring Sโ€ฆ

Code-N-Solve
Java
Spring-Framework
Spring-Security
Authentication
Authorization
Web-Development

๐Ÿš€ CI/CD ํ™˜๊ฒฝ์—์„œ Playwright ๋ฌธ์ œ ํ•ด๊ฒฐํ•˜๊ธฐ: ์„ค์น˜ ์˜ค๋ฅ˜ ๋ถ„์„ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ

August 26, 2024

Code N Solve ๐Ÿ“˜: CI/CD ํ™˜๊ฒฝ์—์„œ Playwright ๋ฌธ์ œ ํ•ด๊ฒฐํ•˜๊ธฐ: ์„ค์น˜ ์˜ค๋ฅ˜ ๋ถ„์„ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ Gatsby๋ฅผ ์‚ฌ์šฉํ•ด ๋ธ”๋กœ๊ทธ๋ฅผ ๋ฐฐํฌํ•  ๋•Œ, Playwright ์„ค์น˜์™€ ๊ด€๋ จํ•ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€ ๋‹จ๊ณ„๋ณ„๋กœ ์‚ดํŽด๋ณด์ž. ๋ฌธ์ œ ๋กœ์ปฌ ํ™˜๊ฒฝ์—์„œ๋Š” ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” Gatsby ๋ธ”๋กœ๊ทธ๊ฐ€ CI/CD ํŒŒ์ดํ”„๋ผ์ธ์—์„œ Playwrigโ€ฆ

Code-N-Solve
GitHub-Actions
Gatsby
CI/CD
Playwright

๐Ÿ”MDGGU์˜ ๊ธฐ๋Šฅ ๋ช…์„ธ

June 28, 2024

๐Ÿ”MDGGU์˜ ๊ธฐ๋Šฅ ๋ช…์„ธ ๋งˆํฌ๋‹ค์šด ๋ณ€ํ™˜ ์—”์ง„: ๐Ÿ’ก๋ฌธ์„œ ๋ณ€ํ™˜: ์ž…๋ ฅ: ์›๋ณธ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ ์ฒ˜๋ฆฌ: ๋ธ”๋กœ๊ทธ์— ์ ํ•ฉํ•œ ๋งˆํฌ๋‹ค์šด ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ ์ถœ๋ ฅ: ๋ณ€ํ™˜๋œ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ ๐Ÿ”์š”์•ฝ ์ œ๊ณต ์ž…๋ ฅ: ์›๋ณธ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ ์ฒ˜๋ฆฌ: ์ฃผ์š” ๋‚ด์šฉ ์ถ”์ถœ ๋ฐ ์š”์•ฝ ์ถœ๋ ฅ: ์š”์•ฝ๋œ ๋‚ด์šฉ์ด ํฌํ•จ๋œ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ โญ์ถ”๊ฐ€ ์ •๋ณด ์ œ๊ณต ์ž…๋ ฅ: ์›๋ณธ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ ์ฒ˜๋ฆฌ: ๊ด€๋ จ๋œ ์ถ”๊ฐ€ ์ •๋ณด๋ฅผ ๋ฌธ์„œ์— โ€ฆ

Markdown
MDGGU