완성도를 높여봅시다!

개발의 목표는 제품을 만드는 것. 단순히 코드를 치는 것 이상을 생각하면 좋다

완성도를 높여봅시다!

개발의 목표는 제품을 만드는 것. 단순히 코드를 치는 것 이상을 생각하면 좋다

1. 크레딧 충전 모달

   1. 점 찾아서 누르는게 불편하다. 어디를 누르던 잘 되게끔 개선하자

2. 흔들림 현상

   1. 윈도우에서 새로고침하고 클릭하면 흔들리는 현상(폰트,창) 이 발생한다
   2. 투표하기 모달과 마이페이지에서 동일한 현상이 발생한다

3. 전반적인 에러 처리

   1. 요청 자체를 처리

      1. 에러 났을때 어떻게 처리할건지에 대한 공통로직을 만들어서 적용

         

      2. 500에러뜨면 재요청 하는 것을 여기서 처리 할 수도 있음

   2. UI

      1. 서버가 항상 잘되거라는 생각을 하면 안된다 -프론트도 처리를 해줘야함

      2. 상태값으로 하는 방식

      3. 에러바운더리방식 - 가장 이쁘게 된다

         

      4. 설치해서 사용하는게 좋음 -> react-error- boundary

      5. https://fe-developers.kakaoent.com/2022/221110-error-boundary/

4. CORS 에러 처리

   1. 브라우저에서 나는 에러
   2. 사이트에서 리소스를 받아올 때 똑같은 origin을 가져야함 ( http 도메인 80)
   3. 보통 서버 요청 할 때 가운데 서버 하나를 더 두고 실행(프록시서버라고 부름)
   4. netlify serverless function 사용해보기 ( 여유있으면? )