Project Structure

프로젝트 구조

디렉토리 구조

src/
├── components/ # 재사용 컴포넌트
│ ├── auth/ # 로그인/회원가입
│ ├── board/ # 게시판 관련
│ └── common/ # 공통 컴포넌트
├── pages/ # 페이지
│ ├── BoardMainPage/ # 게시판 메인
│ ├── SignIn/ # 로그인
│ └── SignUp/ # 회원가입
├── contexts/ # Context API
├── styles/ # 전역 스타일
└── assets/ # 이미지 등

주요 컴포넌트

인증 관련

• SignIn.js: 로그인
• SignUp.js: 회원가입
• AccountModify.js: 계정 수정

게시판 관련

• BoardMainPage.js: 게시판 메인
• BoardWrite.js: 글쓰기
• BoardDetail.js: 글 상세

공통 컴포넌트

• Button.js: 버튼
• Input.js: 입력 필드
• Modal.js: 모달

라우팅 구조

/ # 메인 페이지
/signin # 로그인
/signup # 회원가입
/account/modify # 계정 수정
/board # 게시판 메인
/board/write # 글쓰기
/board/:id # 글 상세