Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

문제 상세 내용 관련 API 연동 #176

Merged
merged 17 commits into from
Nov 30, 2023

Conversation

MayOwall
Copy link
Collaborator

관련 이슈

Close #132 #117

구현 기능

🚨 해당 PR은 Loading 컴포넌트 구현 commit 부터 봐주시면 됩니다.

✅ Loading 컴포넌트 구현

83cddd6

Loading 컴포넌트를 구현했습니다.
해당 컴포넌트는 질문 상세 페이지에서 데이터 fetch가 끝날 때 까지 보이다가 fetch가 끝나면 사라집니다.
원래는 React의 Suspense를 사용해서 구현하려고 했는데, 잘 되지 않아서 바닐라하게 구현했습니다 🥲
나중에 시간이 된다면 Suspense로 마이그레이션해 보도록 하겠습니다.

✅ 질문 상세 페이지 관련 API 구현 & 적용

c4405c8 3a52525 25f06c2

다음의 API를 구현하고 적용했습니다.

  • 질문 상세 데이터 GET API
  • 질문에 대한 답변 리스트를 가져오는 API
  • 질문에 대해 답변을 하는 API

✅ styled-component 관련 변수명 변경

c7c29b3

styled-component 내부에서 사용되고 있던 props에 대한 변수명을
camelCase에서 lowercase로 변경했습니다.

- button 기본 css에 border:none, background:none 추가
- SquareButton 컴포넌트 구현
QuestionAnswerRequestCard 컴포넌트 구현
질문에 대한 사용자의 답변을 보여주는 QuestionAnswerCard 컴포넌트를 구현했습니다.
사용자가 질문에 대한 답변을 입력할 수 있는 QuestionAnswerFormCard 컴포넌트를 구현했습니다.
QuestionAnswerRequestCard의 nickname props를 전역 변수로 변경하였습니다.
react-router-dom 라우팅마다 스크롤을 상단으로 올려주는 역할의 컴포넌트 구현
질문 상세 및 답변 페이지 컴포넌트 레이아웃을 구현했습니다.
질문 리스트 아이템 클릭시 해당 아이템의 상세 페이지로 이동하는 로직을 구현했습니다.
Loading 컴포넌트 구현
- getQuestionDetailContentData : 질문 상세 내용를 가져오는 API
- getQuestionAnswerListData : 질문별 답변 리스트를 가져오는 API
- postAnswer : 질문을 생성하는 API
- 질문 상세 내용을 서버에서 가져오는 로직 추가
- 질문 상세 내용에 대한 답변 리스트를 서버에서 가져오는 로직 추가
- 질문 답변을 서버에 업로드하는 로직 추가
- 로딩 상태 관리 로직 추가
- 질문 답변 데이터 type 변경
- 질문 답변 API 적용
styled-component에서 사용되고 있던 props의 변수명을 camelCase에서 lowercase로 변경해주었습니다.
@MayOwall MayOwall added new feature 새로운 기능 추가 FE 프론트엔드 관련 이슈 labels Nov 29, 2023
@MayOwall MayOwall self-assigned this Nov 29, 2023
Copy link
Collaborator

@BaeJ1H021 BaeJ1H021 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다.
dev branch 충돌이 나는데 간단한 문제라 해결하시면 될 것 같습니다.
Approve 드립니다.

@MayOwall MayOwall merged commit d8adcd8 into dev Nov 30, 2023
3 of 4 checks passed
@MayOwall MayOwall deleted the 132-문제-상세-내용-관련-API-연동 branch November 30, 2023 12:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈 new feature 새로운 기능 추가
Projects
None yet
Development

Successfully merging this pull request may close these issues.

문제 상세 내용 관련 API 연동 (좋아요 등)
2 participants