CEOS-FE

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #android #machine-learning #docker #macos #windows #cli #awesome-list #pytorch #security #openai

(★ 25)

CEOS 웹페이지 개편

CEOS-FE 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 프로젝트 구성 설명

본 프로젝트는 유령 의존성을 피하기 위한 `yarn berry` 패키지 매니저와 ceos 웹 페이지와 어드민을 동시에 관리하기 위한 모노레포 툴로서 `turbo`를 이용하고 있습니다. [참고 링크](https://toss.tech/article/node-modules-and-yarn-berry). <br />
이에 따라 두 프로젝트는 `apps` 디렉터리에, 그리고 이들이 공통적으로 활용하는 UI 컴포넌트 및 유틸 함수는 `package` 디렉터리에 위치합니다.

### 환경 설치

```
yarn install
```

### 환경 변수 파일 설정

> 프로젝트 인수인계자로부터 .env 관련 파일 내용을 전달 받아 `apps/ceos`와 `apps/admin` 디렉터리에 만들어 넣습니다.

### 실행 및 빌드

모노 레포인만큼 `yarn dev` 명령어를 통해 package.json의 scripts 필드에 적힌 명령어를 실행하면 두 3000, 3001번의 두 포트에서 각각의 프로젝트가 실행될 것입니다. 개별적으로 실행하고 싶다면 `yarn workspace` 명령어를 이용하거나 이를 활용한 스크립트를 만들어서 실행하십시오.

```
# 실행
yarn turbo run dev

# admin 실행
yarn admin

# ceos 실행
yarn ceos
```

### Typescript 버전 맞춰주기

여러분의 로컬 환경 혹은 vscode와 같은 편집기가 가지고 있는 타입스크립트 버전이 본 프로젝트의 것과 호환되지 않을 수도 있습니다. 따라서 이를 맞춰줄 필요가 있습니다.

1. 루트 경로에서 `.pnp.cjs ` 파일에 포커싱 합니다.
2. cmd + shift + p 를 누르고 setting 설정 창을 킨 뒤 `Select Typescript version` 을 누릅니다.
3. vscode 의 타입 스크립트 버전이 아니라, 본 프로젝트 workspace 의 버전을 이용합니다.

> 이 설정을 안 해주면 typescript와 린팅 에러가 많이 날겁니다.

### 프로젝트 구성

1. 본 프로젝트는 메타 프레임워크로는 nextJS를 이용합니다. 루트 package.json에 기술된 버전은 13 메이저 버전(app route 방식)이지만, 실제 프로젝트의 라우팅 구성을 보면 app 디렉터리가 아닌, page 디렉터리를 이용하는 페이지 라우팅 구성을 활용하고 있습니다. 본 문서를 보시는 운영진 분들께서 원하신다면 app routing으로 마이그레이션하는 작업을 진행하셔도 좋습니다(As you wish...)

### 참고 문헌

1. [yarn berry와 turbo로 모노 레포 구성하기](https://medium.com/lbox-team/humans-in-lbox-%EC%97%98%EB%B0%95%EC%8A%A4%EC%9D%98-%EC%9D%B8%ED%84%B4%EC%9D%80-%EB%AC%B4%EC%8A%A8-%EC%9D%BC%EC%9D%84-%ED%95%A0%EA%B9%8C-8d4d008da2ca)
2. [nextJS를 turbo로 구성하기](https://www.youtube.com/watch?v=9RSNWt3AU-M&t=1599s)
3. [nextJS migration from page router to app router way](https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#nextjs-version)

---

<h6>Written by Seungwan Kim, Tonkatsu Lover</h6>

CEOS-FE

CEOS-FE 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

CEOS-FE

CEOS-FE 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README