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.

Sign up for GitHub

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

Jump to bottom

사용자 프로필 편집 페이지 구현 #16

Merged
merged 63 commits into from
Jan 3, 2024
Merged

사용자 프로필 편집 페이지 구현 #16

merged 63 commits into from
Jan 3, 2024

Commits on Dec 29, 2023

  1. init: 아이콘 svg 파일 추가

    @Yoonkyoungme
    Yoonkyoungme committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    a8ac1e5 View commit details
    Browse the repository at this point in the history

  2. feat: 사용자 정보 불러오는 API 요청 함수를 작성했습니다.

    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    f66ae0a View commit details
    Browse the repository at this point in the history

  3. feat: 사용자 정보 API 호출 및 데이터 설정 

    - `getProfile`: API를 사용하여 사용자 프로필 정보를 호출
- `useEffect`: 훅을 사용하여 컴포넌트가 마운트 될 때 API 호출 수행
- `useState`: 훅을 사용하여 사용자 정보 상태 관리
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    4501358 View commit details
    Browse the repository at this point in the history

  4. style: 사용자 프로필 루트 레이아웃을 디자인했습니다. 

    - `ProfileContainer`: 루트 레이아웃입니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    f7216a5 View commit details
    Browse the repository at this point in the history

  5. style: 사용자 프로필 헤더 컴포넌트를 추가했습니다. 

    - `Header`: 뒤로가기 버튼이 존재하는 헤더 컴포넌트입니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    c8da1c6 View commit details
    Browse the repository at this point in the history

  6. style: 사용자 이미지 컴포넌트를 추가했습니다. 

    - `CoverImage`: 사용자 커버 이미지 컴포넌트입니다.
- `DetailSection`: 사용자 프로필 이미지와 편집 버튼을 포함하는 컴포넌트입니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    4b0d1a0 View commit details
    Browse the repository at this point in the history

  7. style: 사용자 프로필 정보 컴포넌트를 추가했습니다. 

    - `UserProfileInfo`: 사용자 이름, 닉네임, 온라인 여부, 이메일 그리고 팔로우 컴포넌트를 포함합니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    2bcc345 View commit details
    Browse the repository at this point in the history

  8. style: 사용자 프로필 상호작용 버튼을 추가했습니다. 

    - `ButtonContainer`: 상호작용 버튼을 감싸는 루트 컴포넌트입니다.
- `ChatButton`: 채팅 버튼입니다.
- `FollowButton`: 팔로우 버튼입니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    930add3 View commit details
    Browse the repository at this point in the history

  9. style: 임시 포스트 레이아웃을 추가했습니다. 

    - `PostSection`: 전체 포스트를 담고 있는 루트 레이아웃입니다.
- `PostList`: 종류별 포스트들을 담고 있는 컴포넌트입니다.
- `PostTitle`: 어떤 종류의 포스트인지 명시하는 제목 컴포넌트입니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    c630f86 View commit details
    Browse the repository at this point in the history

  10. refactor: 포스트 섹션 관련 컴포넌트를 PostList로 분리했습니다. 

    - 가독성을 개선하고 중복을 최소화하기 위해, 좋아요한 포스트와 작성한 포스트를 분리했습니다.
- 어떤 포스트인지 listTitle prop으로 구분할 수 있습니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    e3d4bd5 View commit details
    Browse the repository at this point in the history

  11. refactor: 이전으로 돌아가기 버튼을 컴포넌트로 분리했습니다. 

    - 가독성을 위해 컴포넌트로 분리했습니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    3e09a69 View commit details
    Browse the repository at this point in the history

  12. refactor: 헤더 컴포넌트를 분리했습니다. 

    - 헤더는 프로필 편집 페이지에서도 사용됩니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    add60ea View commit details
    Browse the repository at this point in the history

  13. refactor: API 경로를 수정했습니다. 

    - 하드코딩된 경로를 미리 지정한 경로로 수정했습니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    0609358 View commit details
    Browse the repository at this point in the history

  14. remove: 테스트 코드를 작성한 파일을 삭제했습니다.

    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    9a66963 View commit details
    Browse the repository at this point in the history

  15. refactor: 버튼을 담는 컴포넌트를 수정했습니다. 

    - `FollowButtons`: FollowButton과 유사하여 삭제했습니다. ButtonContainer로 대체했습니다.
- ButtonContainer의 스타일을 수정하여, 중복을 최소화했습니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    3bcd701 View commit details
    Browse the repository at this point in the history

  16. feat: 내 프로필인지 확인하는 기능을 추가했습니다. 

    - 내 프로필인지에 따라 특정 버튼을 활성화, 비활성화합니다.
    @coggiee
    coggiee committed Dec 29, 2023
    Configuration menu
    Copy the full SHA
    a552f9f View commit details
    Browse the repository at this point in the history

Commits on Dec 30, 2023

  1. feat: FormData 형식의 이미지를 추가하는 함수를 추가했습니다. 

    - 커버, 프로필 이미지는 isCover의 값에 따라 달라집니다.
- type에 따라 사용되는 곳이 달라집니다.
    @coggiee
    coggiee committed Dec 30, 2023
    Configuration menu
    Copy the full SHA
    92a4456 View commit details
    Browse the repository at this point in the history

  2. feat: 프로필, 커버 이미지 변경 API를 호출합니다.

    @coggiee
    coggiee committed Dec 30, 2023
    Configuration menu
    Copy the full SHA
    b413898 View commit details
    Browse the repository at this point in the history

  3. style: 팔로우 버튼을 추가했습니다. 

    - svg를 jsx로 반환합니다.
    @coggiee
    coggiee committed Dec 30, 2023
    Configuration menu
    Copy the full SHA
    25f300d View commit details
    Browse the repository at this point in the history

Commits on Dec 31, 2023

  1. refactor: 컴포넌트 분리 

    - 컴포넌트를 분리하여 코드의 가독성을 높였습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    794d6a5 View commit details
    Browse the repository at this point in the history

  2. feat: 팔로우, 팔로우 취소 기능 추가 

    - 나의 프로필 정보를 불러와서 해당 유저를 팔로우 하는지 확인합니다.
- 팔로우 버튼을 클릭하여 팔로우, 팔로우 취소할 수 있게 했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    a76cba6 View commit details
    Browse the repository at this point in the history

  3. style: 팔로우 버튼의 디자인 수정 

    - 팔로우하지 않을 경우 아이콘의 너비와 높이를 팔로우 했을 경우 아이콘의 너비와 높이로 통일 했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    04fb720 View commit details
    Browse the repository at this point in the history

  4. modify: 프로필 정보를 불러오는 함수에 인자를 추가했습니다. 

    - id인자를 추가하여, 특정 id를 가진 유저의 프로필 정보를 가져올 수 있습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    332b0ad View commit details
    Browse the repository at this point in the history

  5. remove: 사용하지 않는 코드 삭제 

    - 프로필 페이지에서는 사용하지 않는 이미지 업로드 버튼을 삭제했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    227b007 View commit details
    Browse the repository at this point in the history

  6. fix: 폴더 이름 변경으로 인한 import를 할 수 없는 오류 수정

    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    76cf627 View commit details
    Browse the repository at this point in the history

  7. rename: 컴포넌트 위치 변경 

    - 프로필 편집 페이지에 사용되는 컴포넌트와 구분하기 위해, profile 폴더로 컴포넌트의 위치를 변경했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    ae608e7 View commit details
    Browse the repository at this point in the history

  8. style: 편집 아이콘 컴포넌트 추가

    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    b95b2fd View commit details
    Browse the repository at this point in the history

  9. style: 임시 사용자 편집 Drawer 컴포넌트 추가 

    - 데이터 바인딩이 되지 않은 임시 컴포넌트 입니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    3191c2d View commit details
    Browse the repository at this point in the history

  10. refactor: 변수, 함수 이름 변경 

    - label의 이름을 의미가 명확하게 변경했습니다.
- toggleDrawer의 이름에 handle prefix를 추가했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    0dfb750 View commit details
    Browse the repository at this point in the history

  11. refactor: input 필드를 컴포넌트로 분리 

    - 3개의 input 필드를 form으로 관리합니다.
- 수정 버튼을 form의 submit을 수행하는 버튼으로 변경했습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    0893153 View commit details
    Browse the repository at this point in the history

  12. refactor: 사용자 편집 버튼의 선언 위치 변경 

    - 기존 UserProfileImage에서 상위 컴포넌트로 선언 위치를 변경했습니다.
- 프로필 편집 페이지로 넘어가는 로직을 단순화 할 수 있습니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    7d4b980 View commit details
    Browse the repository at this point in the history

  13. feat: Drawer 내부에 사용자 프로필 페이지를 추가 

    - 편집 버튼을 누를 시 Drawer가 나타납니다.
- DrawerControlLabel을 통해 Drawer를 조작합니다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    6826889 View commit details
    Browse the repository at this point in the history

  14. feat: 사용자 프로필 정보 저장 방식 변경 

    - zustand persist를 사용하여, localStorage에 사용자 정보를 저장한다.
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    93ea538 View commit details
    Browse the repository at this point in the history

  15. feat: 프로필, 커버 이미지 변경 기능 추가 

    - 변경된 이미지는 zustand를 통해 관리되는 사용자 정보를 통해 가져옵니다.(미리보기 형태)
    @coggiee
    coggiee committed Dec 31, 2023
    Configuration menu
    Copy the full SHA
    4776f22 View commit details
    Browse the repository at this point in the history

Commits on Jan 1, 2024

  1. modify: 초기값을 로그인 된 유저의 정보로 설정

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    c4f90db View commit details
    Browse the repository at this point in the history

  2. modify: User에 필드 추가 

    - username 필드를 추가했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    135639a View commit details
    Browse the repository at this point in the history

  3. style: SubmitButton 스타일 수정

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    f48b21e View commit details
    Browse the repository at this point in the history

  4. refactor: Form 컴포넌트 분리 

    - 사용자명, 실명 변경 Form 컴포넌트와 비밀번호 변경 Form 컴포넌트를 분리했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    f1a38e7 View commit details
    Browse the repository at this point in the history

  5. style: Form 스타일 수정

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    be71999 View commit details
    Browse the repository at this point in the history

  6. feat: 비밀번호 일치 여부 로직 추가

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    232eb5e View commit details
    Browse the repository at this point in the history

  7. modify: name props 추가 

    - useForm을 사용하기 위해 input에 name을 추가했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    210c2dd View commit details
    Browse the repository at this point in the history

  8. feat: useForm 커스텀 훅 추가 

    - 기존 form을 처리하는 로직을 커스텀 훅으로 분리했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    c118269 View commit details
    Browse the repository at this point in the history

  9. refactor: form을 처리하는 로직을 커스텀 훅으로 변경 

    - 동일한 로직을 갖는 다른 form을 커스텀 훅으로 처리합니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    d58982a View commit details
    Browse the repository at this point in the history

  10. modify: interface 수정

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    92fb4b8 View commit details
    Browse the repository at this point in the history

  11. feat: 업데이트 된 사용자 정보 저장 

    - zustand persist를 사용하여, 업데이트된 사용자 정보를 저장합니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    747a306 View commit details
    Browse the repository at this point in the history

  12. feat: (임시) 사용자 이름 변경 API 요청 함수 추가

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    b49fac3 View commit details
    Browse the repository at this point in the history

  13. modify: 사용하지 않는 validate 함수 삭제

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    9025058 View commit details
    Browse the repository at this point in the history

  14. feat: (임시) 사용자 패스워드 변경 API 요청 함수 추가

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    36d5b3d View commit details
    Browse the repository at this point in the history

  15. build: 사용하지 않는 import 삭제

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    a6abe88 View commit details
    Browse the repository at this point in the history

  16. modify: 콘솔 함수 삭제

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    9e0f4f4 View commit details
    Browse the repository at this point in the history

  17. modify: zustand 적용 

    - 사용자 프로필 정보를 기존 state에서 zustand로 관리하도록 변경했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    fdda0d5 View commit details
    Browse the repository at this point in the history

  18. comment: 주석 삭제

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    bc424e8 View commit details
    Browse the repository at this point in the history

  19. refactor: import 순서 수정 

    - 컨벤션에 따라 import 순서를 수정했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    a2e87c2 View commit details
    Browse the repository at this point in the history

  20. remove: 사용하지 않는 코드 삭제 

    - 공통 컴포넌트(ProfileImage)로 분리함에 따라 사용하지 않습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    06e9e31 View commit details
    Browse the repository at this point in the history

  21. refactor: 컴포넌트 중복 최소화 

    - ProfileImage, CoverImage를 공통 컴포넌트로 분리했습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    6bf79a6 View commit details
    Browse the repository at this point in the history

  22. feat: DrawerContent 렌더링 분기 처리 추가 

    - 분기 처리가 없으면, DrawerSide와 겹쳐져서 이전 버튼이 동작하지 않았습니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    e5a3481 View commit details
    Browse the repository at this point in the history

  23. feat: 로딩 처리를 위해 sleep 함수 추가 

    - 변경이 된 후, 사용자가 페이지를 빠져나갈 수 있도록 합니다.
    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    ec276c8 View commit details
    Browse the repository at this point in the history

  24. modify: 비밀번호를 입력하지 않을 경우 분기 추가

    @coggiee
    coggiee committed Jan 1, 2024
    Configuration menu
    Copy the full SHA
    6a50c31 View commit details
    Browse the repository at this point in the history

Commits on Jan 2, 2024

  1. rename: 프로필 관련 API 요청 함수의 폴더 구조 변경 

    - 프로필 관련 API 요청 함수를 profile 폴더 내로 옮겼습니다.
    @coggiee
    coggiee committed Jan 2, 2024
    Configuration menu
    Copy the full SHA
    4189cf4 View commit details
    Browse the repository at this point in the history

  2. style: 스타일 선언 위치 변경 

    - 기존 인라인으로 작성한 스타일을 tw-macro 방식으로 변경했습니다.
    @coggiee
    coggiee committed Jan 2, 2024
    Configuration menu
    Copy the full SHA
    b26ef7b View commit details
    Browse the repository at this point in the history

  3. fix: 인터페이스 이름 오류 수정 

    - `Commnet`를 `Comment`로 수정
    @coggiee
    coggiee committed Jan 2, 2024
    Configuration menu
    Copy the full SHA
    b1ec0e0 View commit details
    Browse the repository at this point in the history

  4. refactor: 함수 선언 방식 변경 

    - 화살표 함수로 통일성을 부여했습니다.
    @coggiee
    coggiee committed Jan 2, 2024
    Configuration menu
    Copy the full SHA
    89f8ee1 View commit details
    Browse the repository at this point in the history

  5. refactor: 폴더 구조 변경으로 인한 import문 수정

    @coggiee
    coggiee committed Jan 2, 2024
    Configuration menu
    Copy the full SHA
    8e6aa7f View commit details
    Browse the repository at this point in the history