개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 #359

inyeong-kang · 2023-08-12T04:37:59Z

🔥 연관 이슈

close: #344
close: #277
close: #154

📝 작업 요약

성별, 나이 정보 수집을 위한 페이지 UI 구현,
성별, 나이 정보 수정 API fetch 함수 및 mocking 구현
회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결

⏰ 소요 시간

예상 추정 시간보다 2시간 더 소요되었습니다.
- 유저 정보 조회 API 변동 사항에 따라 기존의 User 타입을 수정해야 했고, 이에 따라 다수의 파일들을 수정해야 했습니다..
- style 관련된 부분에서 이슈가 있었습니다. (input의 화살표를 없애고자 하였는데 css 속성이 작동하지 않는 이슈)

🔎 작업 상세 설명

🌟 논의 사항

input type=number 일 때 화살표 없애는 css 코드가 있긴 한데 작동하지 않습니다.. 왜일까요..?🤔😂
PrivateRoute pr 머지되면, 소셜 로그인 후 개인정보 등록 페이지로 redirect 되도록 구현하려고 합니다~

Gilpop8663

제로 로그인 페이지를 엄청 빠르게 구현하셔서 놀랐습니다

작업량 무엇인가요? 👍👍👍

제로 최고

frontend/src/constants/user.ts

frontend/src/mocks/userInfo.ts

Gilpop8663 · 2023-08-12T06:48:52Z

frontend/src/pages/MyInfo/index.tsx

 if (!userInfo) {
 navigate('/');
 return <></>;
 }

+ const handleModifyNickname = () => {
+ modifyNickname(newNickname);


tanstack query에서 유저 정보를 초기화 해줘야 왼쪽 유저 정보창에서 올바르게 반영이 될 것 같습니다

앗 예리하시네요!! 감사합니다~~ 👍👍

Gilpop8663 · 2023-08-12T06:49:40Z

frontend/src/pages/MyInfo/index.tsx

+ };
+
+ const handleWithdrawlMembership = () => {
+ handleWithdrawlMembership();


로그아웃도 같이 진행되어야 자연스러울 것 같아요

피드백 반영 완~!

Gilpop8663 · 2023-08-12T06:51:27Z

frontend/src/pages/user/RegisterPersonalInfo/index.tsx

+ return;
+ }
+
+ const submittedUserInfo = { gender: gender, birthYear: Number(birthYear) };


gender는 하나로 축약해서 사용할 수 있을 것 같아요

const submittedUserInfo = { gender, birthYear: Number(birthYear) };

반영했습니다~!

Gilpop8663 · 2023-08-12T08:53:19Z

frontend/src/pages/user/RegisterPersonalInfo/index.tsx

+ alert('개인 정보 약관에 동의해주세요.');
+ return;
+ }
+


인풋의 타입을 변경해서 서버로 잘못된 값을 보낼 수 있어요

아래와 같이 submit 이벤트일때 생년월일을 검사하는 것은 어떠세요?

if (isNaN(Number(birthYear))) { alert('생년월일 값을 확인해주세요.'); return; } const submittedUserInfo = { gender: gender, birthYear: Number(birthYear) };

html으로만 막아놓고 js로 막는걸 깜빡했네요,, 감사합니다!!!👍👍

Gilpop8663 · 2023-08-12T08:57:08Z

frontend/src/pages/user/RegisterPersonalInfo/style.ts

+ input[type='number'] {
+ -moz-appearance: textfield; /* Firefox */
+ appearance: none;
+ -webkit-appearance: none; /* Safari and Chrome */
+ }


이렇게 하면 잘 돼요

참고자료
https://melonicedlatte.com/web/2017/05/18/165344.html

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

Gilpop8663 · 2023-08-12T08:57:29Z

frontend/src/pages/user/RegisterPersonalInfo/style.ts

+ input[type='number'] {
+ -moz-appearance: textfield; /* Firefox */
+ appearance: none;
+ -webkit-appearance: none; /* Safari and Chrome */
+ }


이 코드는 없어도 되겠습니다 😃

chsua

좋아용!
QA 전에 연결이 될지 걱정이 있었는데 역시 제로입니다!
다른 많은 할 일 쳐내면서 아예 새로운 것을 구현하는 것이 쉽지 않았을 텐데
중요한 부분 맡아주어 감사합니닿ㅎㅎ
고생하셨습니다!

frontend/src/components/PostForm/index.tsx

frontend/src/constants/user.ts

frontend/src/pages/user/RegisterPersonalInfo/index.tsx

* feat: (#344) 회원탈퇴 및 닉네임 변경 API를 UI에 연결 * refactor: (#344) 정책 관련 값 상수화, useText hook의 handleTextChange limit 타입 수정 * refactor: (#344) API 변동사항에 맞게 타입 변경 * refactor: (#344) NICKNAME 객체 상수로 수정 * chore: (#344) 페이지명 PersonalInfoCollect -> RegisterPersonalInfo 로 수정 * feat: (#344) 개인정보 등록 페이지 path 선언, 개인정보 업데이트 mocking 함수 구현 * feat: (#344) API fetch 함수 연결, 디자인 수정 * refactor: (#344) 유저정보 조회 API 변동사항 반영 * chore: (#344) 성별 위치 변경 * chore: (#344) 불필요한 코드 ㄷ삭제 * feat: (#344) 유저 정보 성공 시 쿼리 무효화 및 회원탈퇴 시 로그아웃하도록 구현 * feat: (#344) 생년월일 숫자가 아닌 경우 alert 띄우기 * design: (#344) input type 숫자인 경우 화살표 보이지 않도록 수정

* fix: 우스가 수정한 코드 도입 * refactor: 좁은 헤더 템플릿에 children 옵셔널로 수정 * feat: (#328) 글 수정페이지를 위해 빈헤더가 포함된 에러바운더리 생성 - 폼으로 수정페이지에 헤더가 함께있어 분리할 수 없음 - 때문에 에러바운더리에서 헤더 영역을 보존하기 위해 에러바운더리와 UI만 다른 * fix: 에러바운더리 수정에 대하여 미반영으로 인한 오류 해결 * design: 스타일드 컴포넌트 오타 수정 * feat: 글 작성/수정 컴포넌트 페이지로 변경 및 수정페이지 서스펜스/에러바운더리 적용 - 이름 -page로 수정 - editPostPage는 서스펜스와 에러바운더리를 적용 - 서스펜스/에러바운더리에 따른 UI는 빈헤더 렌더링 * refactor: (#328) 글 작설/수정 폼에서 카테고리 셀렉터 분리 * feat: (#328) 카테고리 셀렉터 에러바운더리로 감싸기 * refactor: (#328) 변경했지만 미적용된 isLoggedIn 변수명 수정 * refactor: (#328) 불필요한 코드 삭제 * fix: (#328) 상세 게시물 리액트 쿼리 캐시 무효화 잘못 설정한 부분 삭제 * 성별, 나이 수정 기능 구현 (#339) * feat: (#360) 전체 게시글 목록 조회 시 카테고리도 함께 조회할 수 있도록 변경 (#361) * 내가 쓴 게시글 목록 조회 기능 (#295) * feat : (#289) QueryDSl 적용 (다즐 코드 복사) * feat : (#289) 회원 본인이 작성한 게시글 목록 조회 api 구현 * test : (#289) 테스트 코드 추가 * feat : (#289) swagger 추가 * refactor : (#289) final 추가 * style: (#289) 개행 수정 * refactor: (#289) swagger 수정 * refactor: (#289) 개행 수정 * refactor: (#289) any()에 클래스 명시 * refactor: (#289) result 개수 검증 추가 * refactor: (#289) 개행 추가 * refactor: (#289) thread sleep 제거 * refactor: (#289) 개행 수정 * refactor: (#289) assertAll 묶기 * feat: (#289) 카테고리 정렬 추가 * refactor: (#289) thread sleep 관련 throws InterruptedException 제거 * test: (#289) 테스트코드 추가 * refactor: (#289) 메서드 이름 수정 * refactor: (#289) 테스트 코드 검증 추가 * test: (#290) 충돌 해결 * (회원) 게시글 검색 기능 (#314) * refactor : (#290) (회원) 게시글 검색 기능 api 추가 * test : (#290) 테스트 코드 추가 * feat : (#290) swagger 추가 * style : (#290) 개행 추가 * refactor: (#289) swagger 예외 응답 어노테이션 추가 * refactor: (#289) 개행, assertAll사용, 클래스이름 대문자, //given 리펙터링 * test: (#289) 제목 + 내용에 둘 다 포함되어있는 키워드 검색 테스트 추가 * test: (#290) 테스트 코드 추가 * refactor: (#290) 충돌 해결 * refactor: (#290) 충돌 해결 * feat: (#313) 비회원으로 게시글 검색하는 api 추가 (#363) * 인증/인가에 따른 라우팅 구현, API 통신 실패 및 존재하지 않는 페이지(Not Found)에 대한 Fallback UI 구현 (#343) * chore: (#183) 불필요한 모듈 삭제 * refactor: (#183) 의존성 배열 추가 * feat: (#253) NotFound 컴포넌트 구현 * feat: (#183) PrivateRoute 구현 및 필요한 페이지에 적용 * feat: (#253) 헤더 및 로고 추가 * feat: (#325) Error 컴포넌트 구현 및 소셜 로그인 요청 실패 케이스에 적용 * refactor: (#325) 다시 시도 라는 문구로 수정 * chore: (#325) 불필요한 코드 삭제 * feat: (#325) Error 컴포넌트 구현 및 get 요청 실패 케이스에 적용 * feat: (#325) IconButton에 retry 아이콘 추가 및 Error 컴포넌트 디자인 수정 * refactor: (#325) Redirection 페이지에 로그인 요청에 대한 로딩 및 에러 컴포넌트 적용, errorElement 삭제 * refactor: (#183) 전역 상태 대신 cookie 유무로 navigate하도록 수정 * refactor: (#183) navigate 대신 Navigate로 수정, 권한 관련 props 추가 * feat: (#183) 작성자인 경우에만 글 수정, 투표 통계 페이지 접근하도록 라우팅 설정 * refactor: (#183) Navigate 불필요한 속성 제거, 페이지 접근 불가능한 경우 alert 구현 * refactor: (#183) props에 할당한 값에 대한 타입 단언 대신, 조건부로 대체 컴포넌트 렌더링하도록 수정 * refactor: (#183) Error 컴포넌트 이름 ErrorMessage로 수정, Error 페이지 및 ErrorMessage 컴포넌트 텍스트 수정 * 카테고리 목록 fetch하는 것을 컴포넌트 분리하여 Suspense와 에러 바운더리를 적용 (#352) * refactor: (#324) 대쉬보드에서 카테고리를 불러오고 밖에서 suspense를 이용하도록 수정 대쉬보드 스토리북 사용하지 않는 코드 삭제 * feat: (#324) 에러 바운더리에서 에러 메세지를 렌더하도록 수정 대쉬보드에서 카테고리 불러오는 것을 실패할 때 에러바운더리에서 에러를 잡도록 구현 * fix: (#324) MSW에서 카테고리 리스트를 불러올 때 딜레이가 너무 길어 실패하는 것을 수정 * refactor: (#324) 현재 선택된 게시글 종류 보여주는 로직 PostList,Layout에서 Dashboard로 이동 * refactor: (#324) CategorySection 컴포넌트에서 카테고리 목록을 불러와 보여주도록 구현 * refactor: (#324) ??로 카테고리 리스트가 없다면 빈 배열로 설정하는 중복되는 코드를 제거 * refactor: (#324) 사용하지 않는 코드 삭제 및 스타일드 컴포넌트명 변경 * api 오류 났을 때 토스트 띄우기 (#353) * fix: (#326) 토스트가 안닫히는 오류 수정 * feat: (#326) 게시물 상세페이지 내 안내 토스트 설정 및 삭제시 홈으로 이동 처리 - 게시물 삭제 실패 시 안내메세지 - 게시물 삭제 불가 시 정책 안내메세지 - 게시물 수정 불가 시 정책 안내메세지 - 게시물 신고 실패 시 안내메세지 - 게시물 신고 성공 시 안내메세지 * refactor: (#326) 토스트 메세지를 토스트 훅과 통합 및 무한토스트 오류 해결 * feat: (#326) 글작성/수정 실패 시 토스트 컴포넌트 등장 구현 및 토스트 훅 수정 * feat: (#326) 글작성/수정 시 입력 예외처리에 해당하는 경우 토스트로 안내 구현 * feat: (#326) 글작성 폼 컴포넌트 토스트 useEffect 의존성 배열 수정 * feat: (#326) 댓글작성 실패 시 토스트 컴포넌트 등장 구현 * feat: 유저신고 > 닉네임 신고로 수정 * design: 메뉴 컴포넌트 뒤가 보여 background-color 수정 * feat: (#326) 댓글삭제 실패, 신고 시 토스트 컴포넌트 등장 구현 * feat: (#326) 투표 실패, 투표 수정 실패 시 토스트 컴포넌트 등장 구현 * feat: (#326) 카테고리 선호/선호취소 실패시 토스트 컴포넌트 등장 구현 * feat: (#326) 댓글 수정 실패 시 토스트 등장 구현 - 낙관적 업데이트로 되어있는 코드라서 어떻게 해야 할지 추후 논의 후 수정할 수 있음 - 낙관적 업데이트와 양자택일이 될 것이라 예상 - 기존 수정버튼을 누르면 무조건 action이 null이 되며 input이 사라졌던 흐름 수정 - 현재 수정을 누르고 api가 성공하면 input 폼을 없앰 - 현재 수정을 누르고 api가 실패하면 input 폼을 유지하고 토스트를 띄움 * fix: 게시글 작성시 본문 사진 url이 공백인 오류, url로 수정 * refactor: 댓글수정 낙관적 업데이트 삭제 * fix: (#326) 댓글 수정해도 반영이 안되는 오류 수정 - 낙관적 업데이트 수정 중 잘못된 data를 입력되는 부분 수정 누락 * fix: push가 안 되어 원격저장소와 동기화 * feat: 글 수정 시 마감시간 정책 적용 및 안내 * refactor: (#326) 동일 코드 삭제 및 유사코드 조건문 형식 통일 * refactor: (#326) 타입 컨벤션에 맞춰 수정 * 게시글 전체 조회 시 이미지 경로 포함하도록 수정 (#364) * chore: (#346) 코드 컨벤션 수정 * refactor: (#346) 게시글 응답 imageUrl 포함시키도록 수정 * fix: (#346) 빈 이미지 처리 수정 * feat: 글 작성/수정 컴포넌트 페이지로 변경 및 수정페이지 서스펜스/에러바운더리 적용 - 이름 -page로 수정 - editPostPage는 서스펜스와 에러바운더리를 적용 - 서스펜스/에러바운더리에 따른 UI는 빈헤더 렌더링 * 개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 (#359) * feat: (#344) 회원탈퇴 및 닉네임 변경 API를 UI에 연결 * refactor: (#344) 정책 관련 값 상수화, useText hook의 handleTextChange limit 타입 수정 * refactor: (#344) API 변동사항에 맞게 타입 변경 * refactor: (#344) NICKNAME 객체 상수로 수정 * chore: (#344) 페이지명 PersonalInfoCollect -> RegisterPersonalInfo 로 수정 * feat: (#344) 개인정보 등록 페이지 path 선언, 개인정보 업데이트 mocking 함수 구현 * feat: (#344) API fetch 함수 연결, 디자인 수정 * refactor: (#344) 유저정보 조회 API 변동사항 반영 * chore: (#344) 성별 위치 변경 * chore: (#344) 불필요한 코드 ㄷ삭제 * feat: (#344) 유저 정보 성공 시 쿼리 무효화 및 회원탈퇴 시 로그아웃하도록 구현 * feat: (#344) 생년월일 숫자가 아닌 경우 alert 띄우기 * design: (#344) input type 숫자인 경우 화살표 보이지 않도록 수정 * refactor: 중복 코드 삭제 Co-authored-by: jero_kang <inyeong-kang@users.noreply.github.com> * fix: 유저정보 변수 잘못 기재되어있어 수정 --------- Co-authored-by: JeongHun Yu <jeomxon@gmail.com> Co-authored-by: lookh <103165859+aiaiaiai1@users.noreply.github.com> Co-authored-by: jero_kang <81199414+inyeong-kang@users.noreply.github.com> Co-authored-by: 김영길/KIM YOUNG GIL <80146176+Gilpop8663@users.noreply.github.com> Co-authored-by: 최우창 <clllickme@naver.com> Co-authored-by: jero_kang <inyeong-kang@users.noreply.github.com>

* feat: (#344) 회원탈퇴 및 닉네임 변경 API를 UI에 연결 * refactor: (#344) 정책 관련 값 상수화, useText hook의 handleTextChange limit 타입 수정 * refactor: (#344) API 변동사항에 맞게 타입 변경 * refactor: (#344) NICKNAME 객체 상수로 수정 * chore: (#344) 페이지명 PersonalInfoCollect -> RegisterPersonalInfo 로 수정 * feat: (#344) 개인정보 등록 페이지 path 선언, 개인정보 업데이트 mocking 함수 구현 * feat: (#344) API fetch 함수 연결, 디자인 수정 * refactor: (#344) 유저정보 조회 API 변동사항 반영 * chore: (#344) 성별 위치 변경 * chore: (#344) 불필요한 코드 ㄷ삭제 * feat: (#344) 유저 정보 성공 시 쿼리 무효화 및 회원탈퇴 시 로그아웃하도록 구현 * feat: (#344) 생년월일 숫자가 아닌 경우 alert 띄우기 * design: (#344) input type 숫자인 경우 화살표 보이지 않도록 수정

* fix: 우스가 수정한 코드 도입 * refactor: 좁은 헤더 템플릿에 children 옵셔널로 수정 * feat: (#328) 글 수정페이지를 위해 빈헤더가 포함된 에러바운더리 생성 - 폼으로 수정페이지에 헤더가 함께있어 분리할 수 없음 - 때문에 에러바운더리에서 헤더 영역을 보존하기 위해 에러바운더리와 UI만 다른 * fix: 에러바운더리 수정에 대하여 미반영으로 인한 오류 해결 * design: 스타일드 컴포넌트 오타 수정 * feat: 글 작성/수정 컴포넌트 페이지로 변경 및 수정페이지 서스펜스/에러바운더리 적용 - 이름 -page로 수정 - editPostPage는 서스펜스와 에러바운더리를 적용 - 서스펜스/에러바운더리에 따른 UI는 빈헤더 렌더링 * refactor: (#328) 글 작설/수정 폼에서 카테고리 셀렉터 분리 * feat: (#328) 카테고리 셀렉터 에러바운더리로 감싸기 * refactor: (#328) 변경했지만 미적용된 isLoggedIn 변수명 수정 * refactor: (#328) 불필요한 코드 삭제 * fix: (#328) 상세 게시물 리액트 쿼리 캐시 무효화 잘못 설정한 부분 삭제 * 성별, 나이 수정 기능 구현 (#339) * feat: (#360) 전체 게시글 목록 조회 시 카테고리도 함께 조회할 수 있도록 변경 (#361) * 내가 쓴 게시글 목록 조회 기능 (#295) * feat : (#289) QueryDSl 적용 (다즐 코드 복사) * feat : (#289) 회원 본인이 작성한 게시글 목록 조회 api 구현 * test : (#289) 테스트 코드 추가 * feat : (#289) swagger 추가 * refactor : (#289) final 추가 * style: (#289) 개행 수정 * refactor: (#289) swagger 수정 * refactor: (#289) 개행 수정 * refactor: (#289) any()에 클래스 명시 * refactor: (#289) result 개수 검증 추가 * refactor: (#289) 개행 추가 * refactor: (#289) thread sleep 제거 * refactor: (#289) 개행 수정 * refactor: (#289) assertAll 묶기 * feat: (#289) 카테고리 정렬 추가 * refactor: (#289) thread sleep 관련 throws InterruptedException 제거 * test: (#289) 테스트코드 추가 * refactor: (#289) 메서드 이름 수정 * refactor: (#289) 테스트 코드 검증 추가 * test: (#290) 충돌 해결 * (회원) 게시글 검색 기능 (#314) * refactor : (#290) (회원) 게시글 검색 기능 api 추가 * test : (#290) 테스트 코드 추가 * feat : (#290) swagger 추가 * style : (#290) 개행 추가 * refactor: (#289) swagger 예외 응답 어노테이션 추가 * refactor: (#289) 개행, assertAll사용, 클래스이름 대문자, //given 리펙터링 * test: (#289) 제목 + 내용에 둘 다 포함되어있는 키워드 검색 테스트 추가 * test: (#290) 테스트 코드 추가 * refactor: (#290) 충돌 해결 * refactor: (#290) 충돌 해결 * feat: (#313) 비회원으로 게시글 검색하는 api 추가 (#363) * 인증/인가에 따른 라우팅 구현, API 통신 실패 및 존재하지 않는 페이지(Not Found)에 대한 Fallback UI 구현 (#343) * chore: (#183) 불필요한 모듈 삭제 * refactor: (#183) 의존성 배열 추가 * feat: (#253) NotFound 컴포넌트 구현 * feat: (#183) PrivateRoute 구현 및 필요한 페이지에 적용 * feat: (#253) 헤더 및 로고 추가 * feat: (#325) Error 컴포넌트 구현 및 소셜 로그인 요청 실패 케이스에 적용 * refactor: (#325) 다시 시도 라는 문구로 수정 * chore: (#325) 불필요한 코드 삭제 * feat: (#325) Error 컴포넌트 구현 및 get 요청 실패 케이스에 적용 * feat: (#325) IconButton에 retry 아이콘 추가 및 Error 컴포넌트 디자인 수정 * refactor: (#325) Redirection 페이지에 로그인 요청에 대한 로딩 및 에러 컴포넌트 적용, errorElement 삭제 * refactor: (#183) 전역 상태 대신 cookie 유무로 navigate하도록 수정 * refactor: (#183) navigate 대신 Navigate로 수정, 권한 관련 props 추가 * feat: (#183) 작성자인 경우에만 글 수정, 투표 통계 페이지 접근하도록 라우팅 설정 * refactor: (#183) Navigate 불필요한 속성 제거, 페이지 접근 불가능한 경우 alert 구현 * refactor: (#183) props에 할당한 값에 대한 타입 단언 대신, 조건부로 대체 컴포넌트 렌더링하도록 수정 * refactor: (#183) Error 컴포넌트 이름 ErrorMessage로 수정, Error 페이지 및 ErrorMessage 컴포넌트 텍스트 수정 * 카테고리 목록 fetch하는 것을 컴포넌트 분리하여 Suspense와 에러 바운더리를 적용 (#352) * refactor: (#324) 대쉬보드에서 카테고리를 불러오고 밖에서 suspense를 이용하도록 수정 대쉬보드 스토리북 사용하지 않는 코드 삭제 * feat: (#324) 에러 바운더리에서 에러 메세지를 렌더하도록 수정 대쉬보드에서 카테고리 불러오는 것을 실패할 때 에러바운더리에서 에러를 잡도록 구현 * fix: (#324) MSW에서 카테고리 리스트를 불러올 때 딜레이가 너무 길어 실패하는 것을 수정 * refactor: (#324) 현재 선택된 게시글 종류 보여주는 로직 PostList,Layout에서 Dashboard로 이동 * refactor: (#324) CategorySection 컴포넌트에서 카테고리 목록을 불러와 보여주도록 구현 * refactor: (#324) ??로 카테고리 리스트가 없다면 빈 배열로 설정하는 중복되는 코드를 제거 * refactor: (#324) 사용하지 않는 코드 삭제 및 스타일드 컴포넌트명 변경 * api 오류 났을 때 토스트 띄우기 (#353) * fix: (#326) 토스트가 안닫히는 오류 수정 * feat: (#326) 게시물 상세페이지 내 안내 토스트 설정 및 삭제시 홈으로 이동 처리 - 게시물 삭제 실패 시 안내메세지 - 게시물 삭제 불가 시 정책 안내메세지 - 게시물 수정 불가 시 정책 안내메세지 - 게시물 신고 실패 시 안내메세지 - 게시물 신고 성공 시 안내메세지 * refactor: (#326) 토스트 메세지를 토스트 훅과 통합 및 무한토스트 오류 해결 * feat: (#326) 글작성/수정 실패 시 토스트 컴포넌트 등장 구현 및 토스트 훅 수정 * feat: (#326) 글작성/수정 시 입력 예외처리에 해당하는 경우 토스트로 안내 구현 * feat: (#326) 글작성 폼 컴포넌트 토스트 useEffect 의존성 배열 수정 * feat: (#326) 댓글작성 실패 시 토스트 컴포넌트 등장 구현 * feat: 유저신고 > 닉네임 신고로 수정 * design: 메뉴 컴포넌트 뒤가 보여 background-color 수정 * feat: (#326) 댓글삭제 실패, 신고 시 토스트 컴포넌트 등장 구현 * feat: (#326) 투표 실패, 투표 수정 실패 시 토스트 컴포넌트 등장 구현 * feat: (#326) 카테고리 선호/선호취소 실패시 토스트 컴포넌트 등장 구현 * feat: (#326) 댓글 수정 실패 시 토스트 등장 구현 - 낙관적 업데이트로 되어있는 코드라서 어떻게 해야 할지 추후 논의 후 수정할 수 있음 - 낙관적 업데이트와 양자택일이 될 것이라 예상 - 기존 수정버튼을 누르면 무조건 action이 null이 되며 input이 사라졌던 흐름 수정 - 현재 수정을 누르고 api가 성공하면 input 폼을 없앰 - 현재 수정을 누르고 api가 실패하면 input 폼을 유지하고 토스트를 띄움 * fix: 게시글 작성시 본문 사진 url이 공백인 오류, url로 수정 * refactor: 댓글수정 낙관적 업데이트 삭제 * fix: (#326) 댓글 수정해도 반영이 안되는 오류 수정 - 낙관적 업데이트 수정 중 잘못된 data를 입력되는 부분 수정 누락 * fix: push가 안 되어 원격저장소와 동기화 * feat: 글 수정 시 마감시간 정책 적용 및 안내 * refactor: (#326) 동일 코드 삭제 및 유사코드 조건문 형식 통일 * refactor: (#326) 타입 컨벤션에 맞춰 수정 * 게시글 전체 조회 시 이미지 경로 포함하도록 수정 (#364) * chore: (#346) 코드 컨벤션 수정 * refactor: (#346) 게시글 응답 imageUrl 포함시키도록 수정 * fix: (#346) 빈 이미지 처리 수정 * feat: 글 작성/수정 컴포넌트 페이지로 변경 및 수정페이지 서스펜스/에러바운더리 적용 - 이름 -page로 수정 - editPostPage는 서스펜스와 에러바운더리를 적용 - 서스펜스/에러바운더리에 따른 UI는 빈헤더 렌더링 * 개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 (#359) * feat: (#344) 회원탈퇴 및 닉네임 변경 API를 UI에 연결 * refactor: (#344) 정책 관련 값 상수화, useText hook의 handleTextChange limit 타입 수정 * refactor: (#344) API 변동사항에 맞게 타입 변경 * refactor: (#344) NICKNAME 객체 상수로 수정 * chore: (#344) 페이지명 PersonalInfoCollect -> RegisterPersonalInfo 로 수정 * feat: (#344) 개인정보 등록 페이지 path 선언, 개인정보 업데이트 mocking 함수 구현 * feat: (#344) API fetch 함수 연결, 디자인 수정 * refactor: (#344) 유저정보 조회 API 변동사항 반영 * chore: (#344) 성별 위치 변경 * chore: (#344) 불필요한 코드 ㄷ삭제 * feat: (#344) 유저 정보 성공 시 쿼리 무효화 및 회원탈퇴 시 로그아웃하도록 구현 * feat: (#344) 생년월일 숫자가 아닌 경우 alert 띄우기 * design: (#344) input type 숫자인 경우 화살표 보이지 않도록 수정 * refactor: 중복 코드 삭제 Co-authored-by: jero_kang <inyeong-kang@users.noreply.github.com> * fix: 유저정보 변수 잘못 기재되어있어 수정 --------- Co-authored-by: JeongHun Yu <jeomxon@gmail.com> Co-authored-by: lookh <103165859+aiaiaiai1@users.noreply.github.com> Co-authored-by: jero_kang <81199414+inyeong-kang@users.noreply.github.com> Co-authored-by: 김영길/KIM YOUNG GIL <80146176+Gilpop8663@users.noreply.github.com> Co-authored-by: 최우창 <clllickme@naver.com> Co-authored-by: jero_kang <inyeong-kang@users.noreply.github.com>

inyeong-kang and others added 10 commits August 11, 2023 17:54

feat: (#344) 회원탈퇴 및 닉네임 변경 API를 UI에 연결

0c3ad99

refactor: (#344) 정책 관련 값 상수화, useText hook의 handleTextChange limit 타입 수정

b05d8ed

refactor: (#344) API 변동사항에 맞게 타입 변경

8592f50

refactor: (#344) NICKNAME 객체 상수로 수정

e40e97c

chore: (#344) 페이지명 PersonalInfoCollect -> RegisterPersonalInfo 로 수정

3df70d5

feat: (#344) 개인정보 등록 페이지 path 선언, 개인정보 업데이트 mocking 함수 구현

b1df20a

feat: (#344) API fetch 함수 연결, 디자인 수정

fcedb38

refactor: (#344) 유저정보 조회 API 변동사항 반영

e46081c

chore: (#344) 성별 위치 변경

3b850d8

Merge branch 'dev' into feat/#344

c9f737c

inyeong-kang requested review from Gilpop8663 and chsua August 12, 2023 04:42

inyeong-kang self-assigned this Aug 12, 2023

inyeong-kang added FE 🐾 개발 labels Aug 12, 2023

chore: (#344) 불필요한 코드 ㄷ삭제

8df62b6

Gilpop8663 reviewed Aug 12, 2023

View reviewed changes

chsua approved these changes Aug 12, 2023

View reviewed changes

frontend/src/components/PostForm/index.tsx Show resolved Hide resolved

frontend/src/constants/user.ts Show resolved Hide resolved

frontend/src/pages/user/RegisterPersonalInfo/index.tsx Show resolved Hide resolved

Gilpop8663 approved these changes Aug 13, 2023

View reviewed changes

inyeong-kang and others added 4 commits August 13, 2023 11:18

feat: (#344) 유저 정보 성공 시 쿼리 무효화 및 회원탈퇴 시 로그아웃하도록 구현

028247f

feat: (#344) 생년월일 숫자가 아닌 경우 alert 띄우기

6bcbce3

design: (#344) input type 숫자인 경우 화살표 보이지 않도록 수정

660515e

Merge branch 'dev' into feat/#344

39505ee

inyeong-kang merged commit 14915b4 into dev Aug 13, 2023

woo-chang deleted the feat/#344 branch August 13, 2023 08:34

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 #359

개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 #359

inyeong-kang commented Aug 12, 2023 •

edited

Loading

Gilpop8663 left a comment

Gilpop8663 Aug 12, 2023

inyeong-kang Aug 13, 2023

Gilpop8663 Aug 12, 2023

inyeong-kang Aug 13, 2023

Gilpop8663 Aug 12, 2023

inyeong-kang Aug 13, 2023

Gilpop8663 Aug 12, 2023

inyeong-kang Aug 13, 2023

Gilpop8663 Aug 12, 2023

Gilpop8663 Aug 12, 2023

chsua left a comment

개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 #359

개인정보(성별/나이) 등록 페이지 구현, 회원탈퇴 및 닉네임 변경 API 함수에 UI와 연결 #359

Conversation

inyeong-kang commented Aug 12, 2023 • edited Loading

🔥 연관 이슈

📝 작업 요약

⏰ 소요 시간

🔎 작업 상세 설명

🌟 논의 사항

Gilpop8663 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

chsua left a comment

Choose a reason for hiding this comment

inyeong-kang commented Aug 12, 2023 •

edited

Loading