NFE1_2_3_FLOG

FLOG를 통해서 나만의 스타일을 공유해보세요!

프로젝트 실행 방법

이 프로젝트는 프론트엔드와 백엔드 두 부분으로 나뉘어 있습니다. 각각의 폴더에서 환경 설정을 완료한 후 실행할 수 있습니다.

1. 프로젝트 클론하기

먼저 레포지토리를 클론한 후, 프로젝트 디렉터리로 이동합니다.

git clone https://github.com/username/NFE1_2_3_FLOG.git
cd NFE1_2_3_FLOG

2. 백엔드 설정

1. 백엔드 폴더로 이동: 백엔드 코드가 위치한 디렉터리로 이동합니다.

   cd backend

2. 패키지 설치: 백엔드 의존성을 설치합니다.

   npm install

3. 환경 변수 설정: 백엔드 디렉터리에 .env 파일을 생성하고, 다음과 같은 환경 변수를 설정합니다.

   PORT=5000
   JWT_SECRET=your_secure_generated_secret_here
   MONGO_URI=your_database_url
   

   • JWT_SECRET: 안전하게 생성된 비밀 키를 입력하세요.
   • DB_URL: 연결할 데이터베이스의 URL을 입력하세요.

4. 백엔드 서버 실행: 아래 명령어를 통해 백엔드 서버를 개발 모드로 실행합니다.

   npm run dev

   백엔드 서버는 설정된 포트(예: http://localhost:5000)에서 실행됩니다.

3. 프론트엔드 설정

1. 프론트엔드 폴더로 이동: 프론트엔드 코드가 위치한 디렉터리로 이동합니다.

   cd frontend

2. 패키지 설치: 프론트엔드 의존성을 설치합니다.

   npm install

3. 프론트엔드 서버 실행: 아래 명령어를 통해 프론트엔드 개발 서버를 실행합니다.

   npm run dev

   실행되는 포트는 개발 환경 설정에 따라 다를 수 있습니다. 서버가 시작되면 터미널에 표시된 로컬 주소로 접속하여 애플리케이션을 확인할 수 있습니다.

4. 브라우저에서 접속하기

• 프론트엔드: 터미널에 표시된 로컬 주소로 접속합니다. (예: http://localhost:<frontend-port>)
• 백엔드: 백엔드 API는 설정된 포트에서 실행됩니다. (예: http://localhost:5000/api)