프로젝트 소개
Borogove는 인터랙티브 픽션(IF) 언어를 위한 온라인 IDE입니다. 이 저장소에는 클라이언트 측 애플리케이션 코드가 포함되어 있습니다. 주요 기술은 UI를 위한 TypeScript와 React, 상태 관리를 위한 MobX, 스타일링을 위한 SASS, 빌드 도구를 위한 Node.js입니다. 또한 이 프로젝트는 UI 컴포넌트 구축과 테스트를 위해 Storybook을 사용합니다.
로컬 설정을 위해서는 Node.js와 npm 또는 Yarn을 설치하고, npm install 또는 yarn install을 실행한 뒤, .env.example로부터 .env 파일을 생성해야 합니다. 필요에 따라 src/services/firebase/firebase.config.ts에 Firebase 설정을 추가할 수 있습니다. Firebase 연동은 게임 게시와 Snippets 변형을 가능하게 하며, Firebase를 사용하지 않을 경우 빈 설정을 복사해 사용할 수 있습니다.
development 서버를 시작하려면 npm start 또는 yarn start를 실행하면 localhost:3000에서 접근할 수 있습니다. Snippets 기능은 npm run start:snippets로 시작할 수 있습니다. Storybook은 npm run storybook 또는 yarn storybook으로 실행되며 localhost:6006에서 제공됩니다. 컴포넌트 스토리는 .stories.tsx 확장자를 가진 컴포넌트와 함께 보관됩니다.
npm run build 명령은 build 디렉터리에 웹사이트를 생성하며, 이를 어떤 웹 호스팅으로도 복사할 수 있습니다. Firebase 호스팅 배포는 npm run deploy:prod와 npm run deploy:dev를 통해 가능하며, Firebase 프로젝트 ID는 .firebaserc에 설정됩니다.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.