1주차 피어세션

깃헙 passport 로그아웃

• 로그아웃시 문제점
  • 쿠키나 토큰을 없애주는 것 만으로는 로그아웃이 안됨
  • 직접 깃헙에 가서 로그아웃을 시켜줘야지 로그아웃이됨.
  • 카카오 패스포트는 로그인, 로그아웃 api가 이미 구현되어 있지만, 깃헙은 로그아웃 api가 제공되지 않음.
• 토의내용

  • 로그인을 위한 쿠키가 존재할 것 같은데, 그 쿠키를 삭제해보는 것은 어떨까.

    → 그 쿠키에 접근할 수 있을지는 알 수 없음.

  • 로그인은 개인 기기에서 사용하는 것이다. guest 계정으로 pc자체를 바꿔서 넘겨줘서 새로운 환경에서 로그인할 것 같다.

    → 그렇다면 로그아웃은 아예 필요하지 않는 것이 아닌가?

NGINX와 도커

• 도커로 배포시 문제점
  • 프론트 배포 시 웹팩으로 빌드를 해서, 도커 이미지 안에서 bundling된 파일을 내부에 넣고, 도커 내부에 있는 nginx를 이용해서 호스팅하고 있음.
  • 도커 이미지로 빌드한 이후로, 번들링된 Html에 환경변수를 넣어줄 수 없는 문제이다.
  • 도커를 이용하는 이유가 배포하는 환경을 유연하게 이용하기 위함인데, 웹팩으로 빌드를 할 때, 환경변수를 넣어주고 도커 이미지를 만드는 상태이다. 도커 이미지를 이용한 장점이 사라지게 되는 것이다.

Styled-Components

• 문제 상황

  스타일을 적용하기 위한 태그와 컴포넌트 태그를 구분하기 위해 스타일을 적용하는 태그 이름은 기존 태그를 그대로 활용하기로 하였다.

  와 같은 semantic tag는 의미를 알 수 있었지만,
  와 같은 태그는 무슨 의미인지 정확하게 알 수 없었다. 어떤식으로 스타일을 위한 태그 이름을 정하는게 좋을까.

• 토의 내용

  태그 안에 클래스 이름을 컴포넌트 이름으로 넣는 것도 방법이다.

  <Div className='list-component'>

  • 왜 css파일을 사용하지 않고, css-in-js를 사용하는가?
    • 한 파일 안에서 컴포넌트와 스타일을 관리해서 편하다.

짝 프로그래밍

• 짝 프로그래밍은 어떤 식으로 하였는가?
  • 개발은 각자 하고, 환경 설정은 짝 프로그래밍을 같이 했다.

온라인에서 소통은 어떻게 하는지

• 개발환경 설정은 라이브쉐어로 진행한다.

• 7시까지는 줌을 안끄고 각자 개발을 하다가 서로 물어보게 된다.

• 이슈에 관해서 조언해준다.

• 7시에서 7시반쯤에서 회고를 작성하고, 그 후에 개인공부를 한다.

  줌키고 개인 공부를 한다.

PM은 어떻게 정하였는지

• 24조 : 따로 두지 않고, 수평적으로 진행하였다.

그 외 내용

• yarn으로 패키지를 관리했을 때 좋은점!
  • root 디렉토리에 node_modules를 두고, server와 front 폴더에서는 루트의 패키지를 심볼릭 링크로 걸어둔다. (workspace)
  • 서버와 클라이언트에서 동일하게 사용되는 패키지는 중복 설치를 안할 수 있다.
• axios
  • baseURL로 API 호출에 필요한 URL을 설정해두고 실제 호출하는 부분에서는 /users 같은 path만 호출해서 사용할 수 있다.
  • Interceptor 설정으로 헤더에 토큰을 설정하는 반복적인 작업을 처리할 수 있다
• createGlobalStyled를 사용하면 front의 모든 js에서 공통적으로 적용 가능
• 작년 부스트캠프 깃헙 프로젝트를 참고하며, 내가 사용하고 싶은 기술에 대한 힌트를 얻을 수 있다. 위키 정리와 리드미 정리한 것도 참고할 수 있다.
• 롤 + 담원 = 치킨