Skip to content

Latest commit

ย 

History

History
87 lines (61 loc) ยท 2.28 KB

File metadata and controls

87 lines (61 loc) ยท 2.28 KB

Resume Preview

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์ด ํ”„๋กœ์ ํŠธ๋Š” Astro ๊ธฐ๋ฐ˜์˜ ๊ฐœ์ธ ์ด๋ ฅ์„œ ๋ฐ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. ๋ชจ๋˜ํ•œ ์›น ๊ธฐ์ˆ  ์Šคํƒ์„ ํ™œ์šฉํ•˜์—ฌ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ •์  ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋ฉฐ, Cloudflare Pages๋ฅผ ํ†ตํ•ด ๋ฐฐํฌ๋ฉ๋‹ˆ๋‹ค.

๐ŸŒ ๋ฐฐํฌ๋œ ์‚ฌ์ดํŠธ: https://hmart.app

์ฃผ์š” ๊ธฐ์ˆ  ์Šคํƒ

  • ํ”„๋ ˆ์ž„์›Œํฌ: Astro 5.x
  • UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ: Preact (React ํ˜ธํ™˜)
  • ์Šคํƒ€์ผ๋ง: Tailwind CSS
  • ์• ๋‹ˆ๋ฉ”์ด์…˜: Framer Motion
  • ์•„์ด์ฝ˜: Lucide Preact
  • ๋ฐฐํฌ: Cloudflare Pages
  • ๋นŒ๋“œ ๋„๊ตฌ: Turborepo (๋ชจ๋…ธ๋ ˆํฌ ๊ด€๋ฆฌ), pnpm
  • ์–ธ์–ด: TypeScript

ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ

์ด ํ”„๋กœ์ ํŠธ๋Š” Turborepo๋ฅผ ์‚ฌ์šฉํ•œ ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์กฐ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค:

  • apps/resume: ๋ฉ”์ธ ์ด๋ ฅ์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜
  • packages/: ๊ณต์œ  ํŒจํ‚ค์ง€๋“ค
    • astro-i18n: ๋‹ค๊ตญ์–ด ์ง€์›
    • astro-icon: ์•„์ด์ฝ˜ ํ†ตํ•ฉ
    • astro-lint: ๋ฆฐํŒ… ์„ค์ •
    • astro-preact: Preact ํ†ตํ•ฉ
    • astro-pwa: PWA ๊ธฐ๋Šฅ
    • astro-tailwind: Tailwind CSS ํ†ตํ•ฉ
    • sitemap-generator: ์‚ฌ์ดํŠธ๋งต ์ƒ์„ฑ

์‹œ์ž‘ํ•˜๊ธฐ

ํ•„์ˆ˜ ์š”๊ตฌ์‚ฌํ•ญ

  • Node.js >= 18
  • pnpm 9.0.0

์„ค์น˜

pnpm install

๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰

pnpm dev

๊ฐœ๋ฐœ ์„œ๋ฒ„๊ฐ€ ์‹คํ–‰๋˜๋ฉด ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋นŒ๋“œ

pnpm build

๋ฐฐํฌ

cd apps/resume
pnpm deploy

์ฃผ์š” ๊ธฐ๋Šฅ

  • ๋ฐ˜์‘ํ˜• ๋””์ž์ธ: ๋ชจ๋ฐ”์ผ, ํƒœ๋ธ”๋ฆฟ, ๋ฐ์Šคํฌํ†ฑ ๋ชจ๋“  ๊ธฐ๊ธฐ์—์„œ ์ตœ์ ํ™”๋œ ๊ฒฝํ—˜
  • ๋น ๋ฅธ ์„ฑ๋Šฅ: Astro์˜ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ์œผ๋กœ ์ดˆ๊ณ ์† ๋กœ๋”ฉ
  • ๋ชจ๋˜ํ•œ UI: Tailwind CSS์™€ Framer Motion์„ ํ™œ์šฉํ•œ ์„ธ๋ จ๋œ ๋””์ž์ธ
  • PWA ์ง€์›: ์˜คํ”„๋ผ์ธ ์ ‘๊ทผ ๋ฐ ์•ฑ๊ณผ ๊ฐ™์€ ๊ฒฝํ—˜ ์ œ๊ณต
  • ๋‹ค๊ตญ์–ด ์ง€์›: i18n ํ†ตํ•ฉ (ํ˜„์žฌ ํ•œ๊ตญ์–ด ์ง€์›)
  • ์—ฃ์ง€ ๋ฐฐํฌ: Cloudflare Pages๋ฅผ ํ†ตํ•œ ๊ธ€๋กœ๋ฒŒ CDN ๋ฐฐํฌ

๊ฐœ๋ฐœ ์Šคํฌ๋ฆฝํŠธ

  • pnpm dev: ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰
  • pnpm build: ํ”„๋กœ๋•์…˜ ๋นŒ๋“œ
  • pnpm lint: ์ฝ”๋“œ ๋ฆฐํŒ… ๋ฐ ํฌ๋งทํŒ…
  • pnpm format: Prettier๋ฅผ ์‚ฌ์šฉํ•œ ์ฝ”๋“œ ํฌ๋งทํŒ…
  • pnpm check-types: TypeScript ํƒ€์ž… ์ฒดํฌ

๋ผ์ด์„ ์Šค

MIT License - ์ž์„ธํ•œ ๋‚ด์šฉ์€ LICENSE ํŒŒ์ผ์„ ์ฐธ์กฐํ•˜์„ธ์š”.