Code Monkey home page Code Monkey logo

thunder-market's Introduction

Thunder-market

서비스 소개

메인화면

published

중고 거래를 할 수 있도록 도와주는 웹 앱

기술 스택

React, TypeScript, Styled-components, Express, mongoDB

주요 기능

회원가입, 로그인

회원가입

상품 업로드

맥 미니

프로필 사진 업데이트, 소개글 작성, 상품 정렬, 상점 후기, 팔로잉, 찜

최근 본 상품 목록

최근본상품

light/dark 모드

토글 모드

TroubleShooting

서버 에러 나면 서버가 전부 다운되던 문제

원인 ?
노드의 메인 스레드는 하나 뿐이므로 메인스레드가 에러로 인해 멈추면 프로세스 자체가 멈춘다.
즉, 전체 서버가 멈춘다.
따라서 에러 처리 방법은 중요하고, 에러 로그가 기록되더라도 작업은 계속 진행 될 수 있게 해야 한다.
해결 ?
try/catch 문으로 감싸기!

로그아웃 했을 때 쿠키에 토큰값 삭제해줬는데도 적용이 안되던 문제

원인 ?
쿠키에 값을 삭제해주고 브라우저에서 참조하려면 새로고침을 해줘야한다. 따라서 react router 를 사용해서 redirect 하는 것이 아닌 window.location.replace("/"); 를 사용해줘야 한다.

개선해야 할 점

번개 톡 페이지 추가하기. Socket.IO 활용
쓸데 없는 리렌더링 방지하기 => 렌더링 최적화
React 컴포넌트 가독성 높이기 & 컴포넌트 더 체계적으로 정리하기
반응형 스타일 적용하기 (모바일)

버전

  • ver 1.0

thunder-market's People

Contributors

jukangpark avatar kykim0613 avatar skyxxx9339 avatar

Watchers

 avatar  avatar

Forkers

kykim0613

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.