Skip to content

2020 12 10 멘토링 및 할일 정리

Jump to bottom
Kwon soon won edited this page Dec 11, 2020 · 1 revision

리다이렉트 처리

  1. 비정상적인 접속

    • 없는 채널 id로 연결
      • 권한이 아닌, 아예 없는 채널 1000번째 채널
      • 가입 안된 채널로 연결하는 경우(private) << 얘는 권한 문제.
    • 없는 thread id로 연결
      • go to root
    • right side bar 타입에 이상한 문자열
      • go to root
      • thread/detail/user-profile
      • app에서 정규식으로 해결

  2. 잘못된 주소는 -> 404

  3. private -> 이건 권한 검증 backend api -> 200 -> 403 -> 사가에서 받아서 -> flag주고 -> 컴포넌트가 판단해서 랜더링

404 페이지 구현

소켓 이벤트 처리

  1. map 자료구조를 이용

    • key value 구조
    • js의 object특성을 활용

  2. 클래스 관점에서

  • 이벤트를 받아서 처리 해야하는 상황을 많이 마주하게 될 것임,,

  • if는 가짓수가 많아질수록 가독성이 떨어진다.

  • 네트워크 끊겼을때 처리

  • 채널 권한별로 사용자 채팅

  • findIndex는 꼭 필요한게 아니면 지양하는게 좋다

  • 테스트코드? 컴포넌트에서는 스토리북 정도만 사용.

  • 정말 필요한 경우가 아니면 memo를 쓰지마라. 메모리 낭비가 일어날 수 있으니까.

    • ThreadList에서 리렌더링이 많이 일어나는 원인을 파악하는게 먼저!

  • 최근에는 props로 상태를 넘겨주기보다는 자식에서 hook에 바로 접근해서 쓰는 경우가 많다.

  • channel state에 너무 많은 상태가 관리되고있다.

    • 방향성을 같이 잡아 봐요

  • 설계를 할때 최소단위로 나누는걸 추천

  • 네트워킹데이 발표 준비

isNumberTypeValue 필요없을지도..? 라우팅에서 정규식으로 다 처리를 해주니까

금요일

  • 문서 작업
  • 노션, 위키, 리드미

발표 준비

다음주 금요일

할 일

발표준비

  • PPT 작성

  • 뭐 발표할건지 정해야하고

  • 동영상 촬영

    • 시연 시나리오
    • 짧게 촬영해서 편집 (로그인, 채널관련, 쓰레드 관련, 이모지 ..)

  • 6시간 컷

    • 회원가입 페이지 (현준)
    • 디자인
    • saga failure 401 (처리완료)

  • 인피니티 스크롤

  • 채널별 권한

  • 소켓에 토큰을 담아서 검증

  • 기술세미나

    • redux-saga with socket.io
    • 리팩토리이이이잉 refactoring!!!!
    • 이벤트 처리....
    • history.goBack의 문제
    • Popover
    • axios refresh with interceptor

못한거

  • 고화질 이미지 처리

  • 이벤트 처리

  • 최적화 ( slow 3g일때도 쾌적하게 )

    • webpack 최적화
    • dynamic import + code spliting ...

  • 렌더링을 최소화

  • 사가에서 아쉬운게, failure -> 401

  • 가입 가능한 전체 채널 검색 (private 제외) (상욱)

  • 쓰레드 edit/delete << 쿼리는 짜져 있어요.

  • swagger

  • api 명세 << 소켓을 넣으니까 애매

Project06-A-Slack 위키

Home

📒 Rules

📄 Plan

✍️ History

🛠 DevLog

Clone this wiki locally