Portfolio

기홍

비로그인 유저의 Pivate page 접근 제한

components의 하위 폴더 이름을 복수형으로 변경

next/image를 사용하기 위한 domains 추가

ExhibitionCard 컴포넌트에 next/image 적용

유저페이지 속도 느림 해결 + SWR 전역 설정 추가

헤더의 유틸 메뉴 재변경

isLoggedin 추가하기

후기 & 유저 페이지 validation 추가

검색 후 value 삭제

유저 페이지를 CSR로 변경

useDebounceClick 추가

전시회 검색 컨테이너 수정

반응형 브레이크 포인트 대문자로 변경

ProfileImage 수정

ExhibitionCard 렌더링 속도 이슈 + 디자인 일부 수정

파비콘 추가

main 브랜치 머지

이거 위치 바꾸기

반응형

antd 테마 색상: 이슈 있음

테스트 코드 작성

다은

댓글 수정, 삭제가 본인이 작성이 아니어도 뜨는 문제 - 발생하는지 확인 → 답글의 경우로 판단, 수정 완료

로그인 하지 않은 경우 좋아요 눌러짐

isEdit 관련 → API 리팩터링 하면서 생긴 문제로 확인, 수정 요청 완료

리뷰 디테일 반응형 디자인

커뮤니티, 후기 디테일 SWR 적용

리뷰 디테일 갭 문제

리뷰 디테일 콘텐츠 왼쪽 중간 투표

리뷰 디테일 줄바꿈 처리 (\n)

커뮤니티 반응형

커뮤니티, 후기 상세 페이지 좋아요 버그 수정

(v 1.2.0 에 이 내용 기록해주세요!)

전역 유저 상태 버그 수정

새로 고침 시 로그인 유지

서버사이드에서 데이터 가져오는 경우, 인증 안되던 에러 해결

댓글 좋아요 버그 수정

토큰 관련 로직 모듈화

페이지 이동 시, 로딩 화면 추가

후기 상세 페이지 SSR 적용

무한 스크롤 로직 → intersectionobserver 사용하기

커뮤니티 페이지 일부 SSR 적용

페이지 스타일 폴더 만들기

후기 상세 페이지 (사진 왼쪽 정렬)

윤정

회원가입: 이메일 - validataion, 중복 여부 한 번 더 확인

회원가입

비밀번호 validataion 추가 (영어+숫자, 특수문자 8-13)

안내 메시지를 placeholder 보여주기

닉네임 validation 적용 (10자 이내)

카카오 로그인 버튼 변경

반응형

좋아요 버그 SWR 사용하여 CSR로 바꾸기

버전 관리 문서화

전시회 상세 페이지 - 비용 삭제 및 레이아웃 조정

전시회 상세 페이지 피드백 반영

전시회 상세 페이지

멘토님께 다시 여쭤보기

소셜 로그인 (토큰이 보이는 이슈)

전시회 상세 SSR

혜경

exhibition result 에서 URL이 바뀌어도 내용물이 바뀌지 않음

렌더링 방식문제 (현재는 CSR 사용) ⇒ 첫 화면은 SSR 방식으로 바꾸기

Promise.all 도입

사이트가 느리다. 특히 처음에 진입시

→ 카드 컴포넌트를 많이 사용하는 부분에서 공통적으로 나타남

모바일 반응형 → 카드 크기 줄이고 스와이퍼 당 카드 1개씩 보여주기

스와이퍼 위쪽의 화살표를 눌러도 아래 부분이 함께 움직인다. (클래스 명 수정)

맞춤 전시회 8개로 수정

맞춤 전시회 API 두 번 호출되는 문제

모바일 시, 오른쪽으로 카드 살짝 치우침

화면 줄이면 전시회 카드가 겹쳐 보이는 문제

내 주변의 전시회 (API 테스트)

평가

[질문] 프로젝트에 FE의 완성도에 대해 위와 같이 측정한 이유

댓글 수정, 삭제가 본인이 작성이 아니어도 뜨는 문제가 있다.

회원 가입할 시 제대로 된 이메일인지 확인이 안된다.

비밀번호 또한 정해진 규칙이 없다.

예외처리가 없어 아쉬웠다.

지도 api를 사용해서 박물관 위치를 알려주는 것은 좋다.

서비스가 느리다고 느껴졌습니다.

장르 관련 이슈

(자유작성) 프로젝트에 대한 총평과 피드백

아직 잔버그들이 많은 거 같아 수정이 많이 필요해 보인다.

앱으로 만들면 더 좋지 않았을까 생각한다.

고생하셨습니다!!

코드 재밌게 보고 가요~

짧은 시간 안에 Open API를 적절히 활용해서 기능을 구현해주신 것 같아서 재밌었습니다.

프론트엔드는 Next.js 및 recoil, TS등 기술을 정확히 이해하고, 적절하게 사용하려고 노력하신 점이 보여서 좋았습니다.

다만, 장르 및 인증 관련 부분에서 자잘한 이슈들이 있어서 조금 아쉬웠습니다.

백엔드 Mock Test로 테스트 코드를 잘 작성하신 것 같습니다. 기능적인 구현도 잘 해주신 것 같습니다.

다만, 전체적으로 코드의 개행이 잘 되어있지 않아서 읽기 불편하였고, 쿼리를 스트링으로 작성하였기 때문에 타입세이프하지 않은 점이 아쉽습니다.

리팩터링 체크리스트

기홍

다은

윤정

혜경

평가