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

feat(my-info): 내 정보 페이지 API 연동 #29

Merged
merged 17 commits into from
Aug 24, 2024
Merged

Conversation

woo-jk
Copy link
Collaborator

@woo-jk woo-jk commented Aug 23, 2024

4. 완료 사항

  • 내 정보 페이지 API 연동
    • 내 정보 카드 조회
    • 내 정보 카드 추가
    • 내 정보 카드 삭제

5. 추가 사항 / 코드 리뷰 받고 싶은 부분

  • 컴포넌트의 UI 쪽은 크게 안봐도 될 것 같고, API 사용 부분을 중점으로 봐주시면 좋을 것 같습니다!
  • @Collection50 TagSelector 컴포넌트 일부 수정
    • 만들어주신 TagSelector 컴포넌트 매우 좋았습니다👍 잘 사용했어용
    • 근데 제 부분의 UI에 적용하기 힘든 점이 몇 개 있어서 코드를 살짝 수정했습니다. 자세한 내용은 코멘트로 달게요!

Copy link

vercel bot commented Aug 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
bbo-gak-client ❌ Failed (Inspect) Aug 24, 2024 6:45am

Copy link

netlify bot commented Aug 23, 2024

Deploy Preview for bbogak failed.

Name Link
🔨 Latest commit 6757cc6
🔍 Latest deploy log https://app.netlify.com/sites/bbogak/deploys/66c9812930dd15000843b224

@@ -50,49 +50,61 @@ function RemovalbleTag({ children, className, color, onClick, ...props }: Strict
);
}

function Trigger({ children }: StrictPropsWithChildren) {
function Trigger({ children, className }: StrictPropsWithChildren<{ className?: string }>) {
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

각 컴포넌트별로 className을 프롭스로 받을 수 있도록 처리했어요!

기존에 ui 변경을 하려면 TagSelectorclassNames를 사용해야 했는데, ui 코드의 위치와 적용되는 컴포넌트의 위치가 달라서 조금 불편한 느낌이 있었어요..!
테일윈드 특성상 클래스가 길어지면 DOM 코드가 복잡해지는 문제가 있는데, 위치까지 다르니 코드가 많이 혼란스럽더라구요🥲

또한 Base, Content, Trigger 외 Notice 컴포넌트 등에도 ui 변경이 필요해서 해당 컴포넌트에도 className을 받을 수 있도록 해줬습니다.

+) 프롭스 이름이 className이여야 vsc 테일윈드 익스텐션의 도움을 받을 수 있습니다👍

}

export function useTagSelector({ ...props }: UseTagSelectorProps) {
const { as, ref, classNames, disabled } = props;
const { as, ref, classNames, disabled, onChange } = props;
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

태그 셀렉터의 열림 상태에 따른 UI가 필요해서 onChange 프롭스를 추가 해줬습니다!

Copy link
Member

@eunbeann eunbeann left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!!
빼먹은 타입도 챙겨주셔서 감사해요 (--)(__)

@woo-jk woo-jk merged commit 5355ad6 into main Aug 24, 2024
1 of 7 checks passed
eunbeann pushed a commit that referenced this pull request Aug 24, 2024
* 카드 추가 모달 구현

* type 명 변경

* feat: 카드 조회 api 연동

* CustomDialog

* 카드 추가하기 기능 구현

* 카드삭제 기능 구현

* 터치버튼

* http

* 쿼리키 분리

* 카드 추가 후 에디터로 이동

* ui 일부 수정

* 제목 색상 변경

* delete
eunbeann pushed a commit that referenced this pull request Aug 25, 2024
* 카드 추가 모달 구현

* type 명 변경

* feat: 카드 조회 api 연동

* CustomDialog

* 카드 추가하기 기능 구현

* 카드삭제 기능 구현

* 터치버튼

* http

* 쿼리키 분리

* 카드 추가 후 에디터로 이동

* ui 일부 수정

* 제목 색상 변경

* delete
eunbeann pushed a commit that referenced this pull request Aug 26, 2024
* 카드 추가 모달 구현

* type 명 변경

* feat: 카드 조회 api 연동

* CustomDialog

* 카드 추가하기 기능 구현

* 카드삭제 기능 구현

* 터치버튼

* http

* 쿼리키 분리

* 카드 추가 후 에디터로 이동

* ui 일부 수정

* 제목 색상 변경

* delete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants