Thunder-market
서비스 소개
중고 거래를 할 수 있도록 도와주는 웹 앱
기술 스택
React, TypeScript, Styled-components, Express, mongoDB
주요 기능
회원가입, 로그인
상품 업로드
프로필 사진 업데이트, 소개글 작성, 상품 정렬, 상점 후기, 팔로잉, 찜
최근 본 상품 목록
light/dark 모드
TroubleShooting
서버 에러 나면 서버가 전부 다운되던 문제
원인 ?
노드의 메인 스레드는 하나 뿐이므로 메인스레드가 에러로 인해 멈추면 프로세스 자체가 멈춘다.
즉, 전체 서버가 멈춘다.
따라서 에러 처리 방법은 중요하고, 에러 로그가 기록되더라도 작업은 계속 진행 될 수 있게 해야 한다.
해결 ?
try/catch 문으로 감싸기!
로그아웃 했을 때 쿠키에 토큰값 삭제해줬는데도 적용이 안되던 문제
원인 ?
쿠키에 값을 삭제해주고 브라우저에서 참조하려면 새로고침을 해줘야한다. 따라서 react router 를 사용해서 redirect 하는 것이 아닌 window.location.replace("/"); 를 사용해줘야 한다.
개선해야 할 점
번개 톡 페이지 추가하기. Socket.IO 활용
쓸데 없는 리렌더링 방지하기 => 렌더링 최적화
React 컴포넌트 가독성 높이기 & 컴포넌트 더 체계적으로 정리하기
반응형 스타일 적용하기 (모바일)
버전
- ver 1.0