Aigongbu Front Service

프로젝트 소개 (Project Information)

URL: https://lovable.dev/projects/9d91b3cc-0bdd-413a-a765-f002653eb2f6

이 프로젝트는 온라인 교육 플랫폼 "Aigongbu(AI 공부)"를 위한 프론트엔드 서비스입니다. 개발 및 AI 관련 강의를 제공하는 플랫폼으로, React, TypeScript, Tailwind CSS, shadcn-ui 등의 최신 기술을 사용하여 구현되었습니다.

코드 편집 방법 (How to Edit This Code)

프로젝트 코드를 편집하는 방법은 여러 가지가 있습니다:

Lovable 사용하기

Lovable Project 페이지를 방문하여 프롬프트를 통해 쉽게 수정할 수 있습니다. Lovable을 통한 변경사항은 자동으로 이 저장소에 커밋됩니다.

선호하는 IDE 사용하기

자신의 IDE를 사용하여 로컬에서 작업하려면 이 저장소를 클론하고 변경사항을 푸시하세요. 푸시된 변경사항은 Lovable에도 반영됩니다.

필요한 유일한 요구 사항은 Node.js와 npm이 설치되어 있어야 합니다. - nvm을 통한 설치

다음 단계를 따르세요:

# Step 1: 프로젝트 Git URL을 사용하여 저장소를 클론합니다.
git clone <YOUR_GIT_URL>

# Step 2: 프로젝트 디렉토리로 이동합니다.
cd <YOUR_PROJECT_NAME>

# Step 3: 필요한 의존성을 설치합니다.
npm i

# Step 4: 자동 리로딩과 즉각적인 미리보기 기능이 있는 개발 서버를 시작합니다.
npm run dev

GitHub에서 직접 파일 편집하기

• 원하는 파일로 이동합니다.
• 파일 보기 상단 오른쪽에 있는 "편집" 버튼(연필 아이콘)을 클릭합니다.
• 변경 내용을 작성하고 변경 사항을 커밋합니다.

GitHub Codespaces 사용하기

• 저장소의 메인 페이지로 이동합니다.
• 상단 오른쪽에 있는 "Code" 버튼(녹색 버튼)을 클릭합니다.
• "Codespaces" 탭을 선택합니다.
• "New codespace"를 클릭하여 새 Codespace 환경을 시작합니다.
• Codespace 내에서 직접 파일을 편집하고, 완료되면 변경 사항을 커밋하고 푸시합니다.

프로젝트 사용 기술 스택 (Technologies Used)

이 프로젝트는 다음 기술로 구축되었습니다:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS

프로젝트 배포 방법 (How to Deploy)

Lovable을 열고 Share -> Publish를 클릭하세요.

커스텀 도메인 사용하기 (Custom Domain)

현재는 커스텀 도메인을 지원하지 않습니다. 자신의 도메인에 프로젝트를 배포하려면 Netlify 사용을 권장합니다. 자세한 내용은 문서를 참조하세요: Custom domains