모듈명 사용 이유
react-query 페이지 캐싱을 위해 사용했어요
lodash-es 번들 크기를 줄이기 위하여 lodash-es를 사용하였고,
무분별한 요청을 제한하기 위해 debounce를 적용했어요
react-quill 글 작성 editor 입니다
recoil 전역 상태 관리를 위해 사용했어요
JsonWebToken 보안을 위해 JWT를 활용하여 로그인을 구현했어요
multer 이미지 업로드를 위해 사용했어요
sharp 업로드 되는 이미지를 최적화 하기 위해 사용했어요
Socket.IO 사용자간 채팅을 구현하기 위해 사용했어요
skeleton UI
로딩 화면시 사용자 경험 향상을 위해 skeleton 구현
react-query
게시판 특성상 페이지 요청이 많아 페이지 캐싱을 구현했어요
dynamic import, lazy loading
초기 로딩 시간과 불필요한 리소스 낭비를 줄이기 위하여 코드 스플리팅을 통해 필요한 곳에서만 모듈을 호출했어요
React Suspense
에디터 모듈을 비동기 작업으로 렌더링하여 웹의 성능을 향상시키고 사용자 경험을 개선하였어요
multer & sharp
이미지 업로드시 크기와 용량을 줄여 이미지 최적화를 하였어요
lodash-es in debounce
회원가입시 중복 확인과 글 검색시 무분별한 호출을 제한하여 서버 부담을 줄이기 위해 사용했어요
