Post

24/06/07 스파르타 React Team Trouble Shhoting 간단 회고

Trouble Shooting

  1. 작성한 게시글의 이미지만 수정 / 삭제 불가

    • 게시글의 정보를 다루는 posts 테이블에서, img_path 라는 column 이 존재함.
    • 이는 단순히 게시물이 불러올 이미지의 publicUrl 만 지닌 상태임.
    • posts 테이블의 img_path
    • 삭제나 수정을 할 이미지를 구분할 수 있어야하는데, 이러한 구조에서는 경로를 덮어씌우는 것 말고는 불가능해 제외함
    • 이미지를 식별할 수 있는 별도의 인덱스 같은 것이 필요해 보임.
  2. 게시글이나, 로그인 한 유저의 정보를 항상 redux 전역 상태로 관리하는 것이 옳은가?

    • 프로젝트 구현 초기에, 현재 로그인 한 유저의 정보나 게시글의 정보는 로그인이 이루어진 시점에 전역상태로 관리하려고 시도함.
    • 그러나 이는 새로고침 시, 저장되어있던 상태가 모두 날아가기 때문에 실제로 로그아웃을 하지 않았지만 아무런 정보도 남아있지 않은 것 처럼 나타났음.
    • 따라서, 전역 상태로 관리하던 기존의 로직을 제거함.
    • 필요한 컴포넌트 내에서 서버와 통신해 요청을 받아오도록 구조를 변경함.
  3. 공식 문서와 친해지자

    • 프로젝트를 진행하면서 사용법을 알기위해서는 공식 문서를 읽는 것이 좋다고 느낌
    • 가장 쉬운 예시를 제공해 처음 보는 코드의 동작을 이해하기 쉽게 해준다고 느낌
  4. 코드 컨벤션은 생각보다 꼼꼼하게 정해야 좋다

    • prettier 설정, 커밋 컨벤션에 대해서 이야기를 나누면 모두 해결될 것이라 생각함
    • 하지만 사소한 것에서도 사람마다 차이가 있었는데, 단순히 버튼 요소에 이름을 붙일 때도 누군가는 Button 으로 작성하고 또 다른 사람은 Btn 으로 작성하는 경우가 있었음
    • 누군가는 파스칼 표기를 쓰거나, 카멜케이스를 쓰기도 하고, 스네이크 케이스도 사용했음
    • 다음 프로젝트에서는 코드 가독성을 위해 세세한 것들도 정할 필요가 있음
  5. 협업할 때 주석은 필수

    • 다른 사람이 작성한 경우, 주석이 없으니 코드의 흐름을 파악하기 어려움을 느낌
    • 그래서, 의식적으로 내가 작성하는 코드에라도 주석을 사용하도록 노력함
This post is licensed under CC BY 4.0 by the author.