3회

우아한 테크러닝4기_3회

(기존 숙제리뷰)

• 황윤서님
  • Google OAuth
    • (FeedBack) 시간을 효과적으로 쓰는 학습 방법은 처음에 "자기가 무엇을 하는지에 대해 아는 것이다." 나중에 돌아봐서 이게 무엇이였지 라고 생각하는거보다는 처음에 잘 하고 다음에 볼 기회를 만들지 말자.
  • Draft JS vs Slate JS
    • (FeedBack) 설명할 때 윤서님의 맥락에서 설명하고 있다. 이건 팀 동료한테 공유할 때 쫓아올 수 없다. 설명시에 Draft에서의 목적이 있고 이거와 관련되게 얘기를 해주는게 좋다. 항상 상대는 모르는 상태이기 때문에 전제를 셋업해서 잘 얘기해놓고, 거기에 대해 본인이 노력한만큼 전달하는 기술이 필요하다. 무엇을 설명할 때는 무엇을 할 지를, 어떤 건지를 먼저 설명을 하고 코드를 알려주자. 코드를 보여주기만 하면 좋은 발표가 아니다.
  • 전체적인 리뷰
    • 프로토타입을 하는 이유는 리스크가 무엇인지 미리 알아보는 것.
      • 기술 구현 난이도나 이런 부분에 대해 얘기를 하기 위해 프로토 타입이 필요하다.
      • 기능은 많지만 커스터마이징이 까다로울 수 도 있고
      • 기능은 적지만 커스터마이징이 쉬울 수도 있다. 이런 리스크를 파악하기 위해 미리 해보는게 중요하다.
    • 에디터가 작동하는 과정에서 코드가 늘어나면 늘어 날수록 엄청 코드가 난잡해질 가능성이 크다.
      • 구현 방법이 어떤지, 커맨드가 서로 주고 받는다는게 나중에 가면 디버깅이 어려워질 수도 있다.
      • 만약, 현재로서 이게 두 개의 함수만 본다면 이것만 다루면 좋은지, 아니면 더 있는지 예측이 불가하고 이게 필요한 것인지 확인해봐야 한다.
      • 흐름 구조가 매끄럽게 할 수 있는 부분은 매우 중요하다.
    • 코드
      • keyBindingFn => 반환할 커맨드를 정하는 함수 (늘어날 가능성이 높다)
      • handleKeyCommand => Editor(DraftJS)에게 무언가를 했다고 알려주는 함수
      • startList => ordered, unoredered를 할 것인지 알려주는 비즈니스 로직을 담고있는 함수
      • editorEvent를 새로 만들어놓고 해당 editorEvent를 상속하면서 그 상속한 객체들을 command를 key, 상속된 EditorEvent를 value로 해놓는것도 한가지 방법일 것 같네요
      • handleKeyCommand는 key, value로 정리 잘 되어있는게 있으면 필요 없어진다.const command2featur = { 
        'start-ordered-list' : startList, 
        'start-unordered-list': startList, 
        'start ...'};
      • =>
• 양채훈님
  • Google Naver OAuth
    • OAuth 란 ? 개인적인 web에서 다른 사이트에 글을 올려야 할 때 아이디 패스워드를 저장하고 있으면 보안에 문제. 그래서 AccessToken을 통해 필요한 권한을 부여받는 형태가 된다.
    • Naver와 Google의 차이점?
      • Google은 sdk를 직접 사용해서 하면 잘 안되는데 이유를 못찾음.
      • React-google-login을 통해 임시방편으로 해결
      • Naver은 글로벌 영역에 타입 밸류를 정의해줘야 한다.(카카오 맵과 비슷한거지 않을까?)
      • 구글이 정보를 얻기 더 편했다.
    • (FeedBack) TS를 쓰기 위해서는 Typing항상 해라. 안할거면 JS를 써라. 타입은 컴파일 단계에서 에러를 잡아내는 것. 런타임에서 잡아내는 것은 자바스크립트이다.
    • 일반적으로 소셜로그인을 서버 단에서 저장을 해야 한다. 아니라면 로그인을 계속 해야 한다.
      • Expired Date
      • Application Token, Refresh Token(API 통신에 사용, 마지막에 인증받은 시간이 지나면 인증토큰을 다시 갱신하고 리프레쉬 토큰이랑 같이 갱신된다. 클라이언트 단에서는 보이지 않는다.), Acces type을 offline으로 설정한다.
    • 백엔드와 프론트엔드의 인증
      • 클라이언트에서의 인증이 단점이 계속 들고 다녀야 하는게 문제이다