1차 프로젝트 회고
배워야할 것들과 선택해봐야 하는 것들 또는 에러났던 것들
관련 블로그 글 작성시 링크!!!
성능 최적화
- 불필요한 리렌더링 방지
React.memo와 useMemo와 useCallback의 차이
그리고 그 deps에 들어갈 것들
controlled와 uncontrolled 컴포넌트 차이와 장점
리듀서와 스테이트, 리덕스간의 리렌더링 차이점
https://wha-haha.tistory.com/186?category=950414
- 메모리누수
컴포넌트 마운트 시점과 언마운트 시점
window.history와 useNavigate의 차이
리액트 메모리 관리
- 불필요한 서버 요청 방지
브라우저를 새로고침하면 일어나는일
보안
리프레시 토큰
컴포넌트 재사용성 (사후 관리 측면)과 코드의 품질
전역상태관리 서드파티 라이브러리의 선택 (리덕스 vs 리코일 vs 리액트쿼리)
ref와 forwardRef, 그리고 useImperativeHandle
커스텀훅사용
사용자 경험
- UX개선
React error boundary
서버 에러에 따른 화면 분기 (interceptor vs error-boundary)
배포
vm파일 사용권한 설정 chmod와 chown
빌드시 .env와 .env.development와 .env.production
생각해볼것 공부할 것
가상돔
document.createFragment vs React 가상돔
서버통신 프로토콜
formData로 여러가지 파일 + 데이터를 보낼 때 headers
nginx에서의 프록시와 서버에서의 cors 라이브러리
cors정책 옵션 놓친부분
sop정책에 대해 (cors와 proxy)
nginx에 대해
nginx에 접근 권한설정
405에러와 304에러...(?!)
보안에 대해
csrf와 xss에 대해
라이브러리
axios interceptor 더 좋고 편리한 기능 (interceptor와 useApi훅)
fileReader와 readAsDataURL
백엔드 라이브러리 http-errors
리팩토링 해야할 것들
- 코치님 지시사항
사진 넣기 (완료)
useImperativeHandle (완료)
페이지네이션 (구현중)
에러바운더리
(에러 핸들링에 대해서)
- useApi사용하여 에러를 캐치
초기화 함수를 따로 빼라
(useInput을 사용하여 초기화)
- 해보고싶은 것들
로그인 성공 & 회원가입 성공시
삭제할 때 삭제 확인
처음 로그인 하려고 할 때는 에러문구가 표시되지 않도록!
유저가 입력하기 시작했을 때는 에러문구가 표시되어 가이드라인 제시하도록
도커에 띄우기(도커란? 깃이랑 다른점? 깃에서 가져온것을 도커에 다시 올리는것?
도커를 여러명이 사용할 수 있나? 생각 더해보기)
user state redux로 관리 !
axios interceptor 더 좋고 편리한 기능 (interceptor와 useApi훅)
리프레시 토큰과 axios interceptor
타입스크립트로 마이그레이션!!!!