base url 설정

dsmhs · May 28, 2024 · 4e3f837 · 4e3f837
1 parent 3fbce72
commit 4e3f837
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -4,6 +4,7 @@ import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
+	base: process.env.BASE_URL || '/dsm-freshman-guide/',
 	integrations: [
 		starlight({
 			title: 'DSM 신입생 가이드',

diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
@@ -14,7 +14,7 @@ hero:
     file: ../../assets/logo.png
   actions:
     - text: 가이드 보러가기
-      link: /start/start
+      link: /dsm-freshman-guide/start/start
       icon: right-arrow
       variant: secondary
     - text: Github 바로가기
@@ -39,7 +39,7 @@ import { CardGrid } from '@astrojs/starlight/components';
 <div class="text-lg max-w-[830px] text-justify">
 
   <div class="mb-2">
-  <span class="font-semibold text-transparent text-sky-600 dark:text-sky-400">어떻게 배워야 하나요?</span>
+  <span class="font-semibold text-transparent text-sky-700 dark:text-sky-500">어떻게 배워야 하나요?</span>
   </div>
 
   개발은 모두 기초적인 컴퓨터 공학에서 출발하지만, 최근에는 개발 분야가 넓고 깊어지면서 Backend, Frontend, Android, iOS, Embedded 등 여러 분야로 나뉘고 있습니다. 각 분야에서는 목적 달성을 위해 복잡한 구현을 간단하게 활용할 수 있는 프레임워크나 도구를 사용합니다. 
@@ -50,7 +50,7 @@ import { CardGrid } from '@astrojs/starlight/components';
 <div class="text-lg max-w-[830px] text-justify">
 
   <div class="mb-2">
-  <span class="font-semibold text-transparent text-sky-600 dark:text-sky-400">어떻게 시작해야 하나요?</span>
+  <span class="font-semibold text-transparent text-sky-700 dark:text-sky-500">어떻게 시작해야 하나요?</span>
   </div>
 
   전공 공부를 처음 시작하면 어떤 식으로 시작해야할 지 어려울 수 있습니다. 그래서 개발을 처음 배울 때 각 분야의 도구를 어떻게 배우고 사용해야하는지에 대한 가이드를 준비했습니다. 절대적인 가이드는 아니지만 각 분야 개발을 배우기 위한 핵심적인 가닥을 잡으실 수 있도록 도와드리는 것이 목표입니다.
@@ -63,31 +63,31 @@ import { CardGrid } from '@astrojs/starlight/components';
 
 <CardGrid stagger>
 
-  <a href="/frontend/00-start/" class="no-underline">
+  <a href="/dsm-freshman-guide/frontend/00-start/" class="no-underline">
     <div class="hover:shadow-lg transition">
       <Card title="Frontend" icon="puzzle">
         웹 브라우저를 통해 유저가 직접 마주하는 웹 서비스의 앞단(front-end)을 담당하는 개발자. 클라이언트/서버를 기준으로 보면 웹 페이지 화면을 비롯한 클라이언트 영역을 프론트엔드라고 할 수 있습니다. 
       </Card>
     </div>
   </a>
 
-  <a href="/backend/00-start/" class="no-underline">
+  <a href="/dsm-freshman-guide/backend/00-start/" class="no-underline">
     <div class="hover:shadow-lg transition">
       <Card title="Backend" icon="laptop">
         프론트엔드 개발자의 반대 개념으로, 웹 서비스의 뒷단(Back-end)을 담당하는 개발자. 주로 유저에게 보이지 않는 DB와 API로 이루어진 서버 영역을 관리, 개발하는 역할을 합니다. 
       </Card>
     </div>
   </a>
 
-  <a href="/android/00-start/" class="no-underline">
+  <a href="/dsm-freshman-guide/android/00-start/" class="no-underline">
     <div class="hover:shadow-lg transition">
       <Card title="Android" icon="rocket">
         안드로이드 애플리케이션의 개발을 담당하는 개발자. 주로 Java나 Kotlin 등의 프로그래밍 언어를 사용하여 안드로이드 기반 모바일 기기에서 동작하는 앱을 제작합니다.
       </Card>
     </div>
   </a>
 
-  <a href="/ios/00-start/" class="no-underline">
+  <a href="/dsm-freshman-guide/ios/00-start/" class="no-underline">
     <div class="hover:shadow-lg transition">
       <Card title="iOS" icon="apple">
         iOS 기기(iPhone, iPad 등)에서 동작하는 애플리케이션을 개발하는 개발자. 주로 Swift나 Objective-C 언어를 사용하여 애플리케이션을 만듭니다.