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

친구 추가 로직 구현 #116

Merged
merged 9 commits into from
Dec 1, 2022
Merged

Conversation

ktmihs
Copy link
Member

@ktmihs ktmihs commented Dec 1, 2022

📕 제목

📗 작업 내용

구현 내용 및 작업 했던 내역

  • 전체 친구 목록 불러오기
  • 친구 목록 전역으로 관리
  • 친구 검색 (디바운스, mockdata로 구현)
  • 친구 추가
  • 친구 끊기

📘 PR 특이 사항

PR을 볼 때 주의깊게 봐야하거나 말하고 싶은 점

  • 아직 검색한 친구 목록을 불러오지 못함

- drop 되었을 때, 전역 정보 수정 (탭 간 이동해도 목록 유지)
- api 연결 X
- 친구 검색 시, debounce를 이용해 api 요청 횟수 줄임
- nickname 클릭 시, confirm 창 이후 친구 추가 api 추가할 예정
- confirm으로 확인 후, api 요청
- 친구 목록 api 요청으로 데이터 받아와 전역 타입에 맞게 파싱
- 받아오는 데이터를 잘못 파싱해 수정함
- 검색 후 이름 클릭 시, api 요청
@ktmihs ktmihs added 프론트엔드 프론트엔드 기능 기능 추가 labels Dec 1, 2022
@ktmihs ktmihs added this to the [ 3주차 ] 22.11.28 ~ 22.12.04 milestone Dec 1, 2022
@ktmihs ktmihs self-assigned this Dec 1, 2022
type friendList = {
nickname: string;
characterName: string;
};
Copy link
Collaborator

Choose a reason for hiding this comment

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

저는 타입 any로 많이 해줬는데 반성이 됩ㄴ디ㅏ....

Copy link
Member Author

Choose a reason for hiding this comment

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

저희가....anyscript를....사용했던가요.......? 🙃🙃🙃
라고 하지만 저도....

@@ -20,6 +27,24 @@ const Router = () => {
nickname: data.nickname.trim(),
hair: data.characterName.trim(),
});

(async () => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

try catch 문 사용하면 더 좋을 것 같아요!!!!😀

@@ -83,6 +84,36 @@ export const findFriend = css`
background-color: rgba(255, 255, 255, 0.7);
Copy link
Collaborator

Choose a reason for hiding this comment

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

저도 지금 rgba 많이 사용하는데 이거 같이 theme으로 정리할까요??

Copy link
Member Author

Choose a reason for hiding this comment

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

넴 좋은 것 같아요~~
저희 서비스에서는 white랑 black만 사용하니까 두 개에(아님 하나에 색상도 넘겨주는 식으로?) opacity만 받아오면 될 것 같네용

setNicknameList(findList);
}, 500);

setTimer(newTimer);
Copy link
Collaborator

Choose a reason for hiding this comment

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

디바운스 구현을 이런 식으로 할 수 있네요.. 배워갑니당!

@JJongBin
Copy link
Collaborator

JJongBin commented Dec 1, 2022

고생하셨습니다!!

@JJongBin JJongBin merged commit ce6ca21 into boostcampwm-2022:develop Dec 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
기능 기능 추가 프론트엔드 프론트엔드
Projects
Status: 🎄 Done
Development

Successfully merging this pull request may close these issues.

2 participants