1. Stack Overflow 클로닝을 위한 분석
2. 분석결과에 따른 사용자 요구사항 정의서 작성

• CRA를 통한 기본 라이브러리 세팅
• 부가 라이브러리 설치 및 세팅
• eslint, prettier 설정을 통한 코드 포맷팅 통합
• dev-client에 push

• App.js를 기준으로 레이아웃 잡기
• Header 컴포넌트 생성 및 작성
• Footer 컴포넌트 생성 및 작성
• Sidebar 컴포넌트 생성 및 작성
• 각 컴포넌트 레이아웃 추가 및 스타일 정리

API 테스트 대비 Dummy Data를 활용한 기능 구현

• Question
• Answer
• User
• Questions (Home)

1. Question - Member

1. QuestionController 작성
2. QuestionService 작성
3. QuestionRepository 적용
4. Question 클래스 작성
5. Exception 처리
6. Transaction
7. QuestionMapper 작성

1. Page 나누기
2. 각 Page 별 와이어 프레임 작성
3. 각 Page 별 화면 설계서 작성
4. 요구사항 지시서를 기준으로 필요없는 UI / 기능 삭제 및 통합 진행

• Page 파일 생성
• Button 생성 : Ask Question, Sort
• Button CSS 적용
• Ask Question button : 질문 작성 페이지 이동 구현
• Sort button : 필터 기능 구현
• Question Component 생성
• Question 목록 생성
• Question 세부 기능 구현
• 검색 기능 구현

• Page 파일 생성
• HTML / CSS 작업
• 기능 개발 작업
  • validation
  • Input state
  • Global state에 Question 추가 (회의 필요)
  • localStorage에 draft 저장 및 읽기
  • draft 삭제
  • tags input 구현

• AddQuestion
  • POST Question
• Home (Questions)
  • GET Questions
• Question
  • GET Question
  • PATCH Question
  • POST Answer
  • GET Answer
  • PATCH Answer
  • DELETE Answer
• Auth
  • Sign In
  • Sign Up
  • Sign Out
• Member
  • GET UserProfile
  • PATCH UserProfile
  • DELETE UserProfile

• questions (Home)
  • /questions
• question
  • /question/0
  • /question/0/answers
• user
  • /user

1. Question에 POST 전송 시 Tag도 작성해서 전송
2. Question에 GET 전송 시 Tage도 담아서 전송

테이블 명세서 작성하기