- react, @reduxjs/toolkit, axios, react-dom, react-redux, react-router-dom, react-scripts, styled-components, react-infinitegrid, browser-image-compression, jwt-decode, storybook
회원
- 기본 로그인/회원가입, 카카오 oauth로그인, 회원정보 수정
핀
- 핀을 저장, 수정, 조회, 삭제할 수 있다.
댓글
- 핀에 대한 댓글 목록 조회, 등록, 수정, 삭제할 수 있다.
좋아요
- 좋아요를 등록, 취소할 수 있다.
팔로우
- 팔로우 목록 조회, 등록, 취소할 수 있다.
즐겨찾기
- 원하는 핀을 즐겨찾기 등록하여 마이페이지에서 조회, 취소할 수 있다.
이미지
aws-sdk를 활용해 S3에 프로필 이미지, 핀 이미지를 업로드 할 수 있다.browser-image-compression를 활용해 사이즈가 큰 이미지를 압축하여 업로드
-
발생 마이페이지에 접속했을때 Uncaught TypeError: Cannot read property
-
원인 회원 정보를 로드되기 전에 렌더링이 되면서 에러가 나는 문제
-
해결 회원정보가 로드되지 않으면 return 되도록하는 코드를 추가하여 렌더링을 지연시킴
-
발생 화면이 로드되면서 Uncaught Error: Maximum update depth exceeded.
-
원인 onClick event에 화살표 함수를 포함하지 않아 렌더링과 동시에 함수가 작동하여 발생한 문제
-
해결 화살표 함수를 사용해서 에러가 나오지 않았다.