시작하기

1. 온라인 배포 사이트로 접속

1. 로컬 환경에서 실행

2. 프로젝트를 로컬 환경에 다운로드 후 모듈 설치 합니다.

   git clone <https://github.com/osamhack2022-v2/WEB_WhisperSoldier_ReSoldier.git>
   cd "WEB(FE)"
   npm install
   

   2. React 프로젝트 실행 전 파이어베이스에 접근 할 키가 필요합니다. ReSoldier 팀장 박상현([email protected]) 또는 팀원 강태우([email protected])에게 파이어베이스 접근 키를 받은 뒤 npm start 를 통해 로컬 환경에서 실행 할 수 있습니다.
   3. 별도의 서버가 있다면 **npm run build**를 통해 프로젝트를 빌드 한 뒤 서버에 업로드 한다면 서버를 통해 Whisper Soldier를 접속 할 수 있습니다.

라우팅 정보

• 로그인 전
  • / : 위스퍼 솔저 시작 페이지
  • /login : 로그인 페이지
  • /register : 회원 가입 페이지
  • /reset : 비밀번호 초기화 페이지
  • * : Not Found Page
• 로그인 후
  • 첫 로그인인 경우
    • /welcome : 초기 프로필 설정 페이지
    • / : 로딩 페이지
  • 첫 로그인이 아닐 경우
    • / : 메인 홈페이지
    • /board : 고민 글 게시판 페이지
    • /post/:id : 고민 글 페이지
    • /tag/:id : 태그별 고민 글 게시판 페이지
    • /tags : 태그 페이지
    • /search : 검색 페이지
    • /write : 글 작성 페이지
    • /message : 채팅 페이지
    • /profile : 프로필 페이지
    • /notfound : Not Found Page
    • * : Not Found Page

프로젝트 파일 구성

컴포넌트 → 컨테이너 → 페이지 → 프로젝트 구조를 가지도록 구성했습니다.

• 📁 WEB(FE)