5주차 멘토링 일지

✔️ 멘토링 내용

FE

• 반응형으로 모바일 대응 하면 좋을 것 같음 → 레이아웃이 잘 잡혀있어서 UI만 조금 손보면 될 듯 함

• 은하 빛 조절, 블러 처리하는 박스 UI 톤 통일하면 좋을 듯

  • 사용자가 무슨 버튼인지 모를 것 같음 → 이름을 써주면 좋을 것 같다
  • 배너같은거 넣어서 설명을 준다거나
  • 디자인 변경 안되면 컨테이너 따로 만들어서 한다거나
  • intensity같은 것들 다 한국어로 설명해주기

• 로딩화면에서 어디로 이동하는지 알려주면 좋을 것 같다

• 파도타기같은 랜덤 은하 보기 있으면 좋을 것 같다

• 처음(랜딩) 페이지에 서비스에 대한 설명을 적어주면 좋을 것 같다

  • 별 하나에 글 하나만 보면 뭔지 잘 모르겠다
  • 사용방법같은 것도 잇으면 좋을텐디.. 가이드라인같은거
  • 모달창이나 코치마크 그런걸로
  • 첫 로그인인 경우 코치마크 추천 → 쉽게 만들 수 있는 패키지가 있음

• 비밀먼호486ㅋㅋㅋㅋ

• 로그아웃할 때 확인창띄우기

• 둘러보기 기능을 예시로 넣는 방법도

  • 예시로 만든 은하 보여주기
  • 둘러보기 옆에 물음표 기호 넣어서 누르면 어떤 건지 알려주기

• 회원가입 자음만 들어있는거 막아주기 (ㄱ, ㄷ 이런거만 있으면 막기)

• https://react-joyride.com/

• 저작권 있는 음원은 안쓰는게..

  • 저작권 없는 무료 bgm같은걸 써라
  • 서비스 설명에 음악 출처

• 보통 뒤로가기 버튼을 누르면 정말 저장안하고 나갈거냐고 알럿을 띄움

  • 저장 아니면 취소하게끔 만듦
  • 알럿을띄워주자
  • 저장을 꼭 하고 뒤로가기해야한다는걸 상기시켜주기

• 글쓰기창에서 esc 눌렀을 때

• 서비스 도움말을 배치해서 클릭하면 보이도록

• 리드미에

  • 프로젝트 설치 방법
  • 패키지 json 명령어들 실행하면 어떻게 되는지 알려주기
  • 스토리북같은거무슨 명령어로하는지
  • 모든 링크를 리드미에 다 연결시켜주기
    • 위키로 들어갈 수 있도록
  • 발표 슬라이드나 영상도 넣어주기
  • 음악 출처도 적어주기

• 에러처리 어떻게 할 지

  • 백엔드의 에러메시지를 그대로 보여줘도괜찮다
  • 각자 처리하지 말고 AxiosInterceptor에서 한꺼번에 처리하기
  • 프론트단에서 멘트 바꿔서 적어도 좋음 (400 Bad Request를 다른 문장으로 바꿔서)
  • 대충 에러 하나로 퉁치고 사용자에게 보여줘야 할 것들만 자세히 적어줘도 좋음

• 다른 텍스트메시지로

• 보통 백엔드에서 보내는 메세지를 바로 뿌리지는 않는다.

• 아이디 패스워드 중에 뭐가 틀렸는지 에러 코드로 분기해서 알려줄 수도 있다.

• 유니크한 에러코드를 통해 텍스트 관리

  

• json으로 한번에 에러문구 관리 왕신기하네요

BE

• 무슨 발표를 할 지
  • 테스트코드나 리팩토링 과정을 좀 더 신경써서 준비해보는 것도 좋을 듯
    • 저번에 말씀하신 것 : 코드 커버리지 올리기, 부하 테스트 등
• 트랜잭션 테스트 코드 관련
  • 코드 보고 말씀 주신다고 하심 (아래에)
• 어드민 페이지 인증 인가
  • 토큰을 써도 댐
    • 계정의 경우 서비스 유저DB와 공유해서 레벨을 나누는 방법, 별도DB나 인증 로직을 사용하는 방식 등이 있음
  • IP 제한
  • 주로 아예 배포 서버를 따로 둬서 막음
    • 참고로 우리는 하나의 배포 컨테이너임
• 트랜잭션 관련
  • Interceptor 방식 비추
    • 서비스 전체 로직을 한 트랜잭션에 넣을수밖에 없으므로 세세하게 제어하기 힘듬
    • 지금처럼 테스트에서 문제 발생할수도
  • TypeORM에서 트랜잭션은 두 가지 방식으로 관리할 수 잇음

    • 멘토님은 아래의 콜백 방식을 선호하심

      await myDataSource.transaction(async (transactionalEntityManager) => {  
          // execute queries using transactionalEntityManager
      })
      // 콜백이 완료되면 커밋, 중간에 에러가 발생하면 트랜잭션을 롤백하고 에러를 throw

      [Transactions](https://orkhan.gitbook.io/typeorm/docs/transactions)

다음 멘토링

1조랑 같이 멘토링한다고함

수요일 9시

데모 같이하자고 함

연습하는 차원에서

발표 준비는 일찍 할수록 좋다고 한당..

데모할 때 항상 데모귀신이…..아앗

라이브로 할 때는 뒤에서 대기하고잇다가 문제생기면 스위치하기

보통 데모 비디오를 촬영함. 최악의 경우에는.

노트북 2개 들고오는 사람도 많고

처음부터 영상을 보여주는 것보다는 라이브 데모를 하는게 나음. 안되면 영상 보여주기