# J14 피어세션

## 🥕 참여 캠퍼

| J018 | J060 | J100 | J145 | J177 | J182 | J197 |
| ------ | ------ | ------ | ------ | ------ | ------ | ------ |
| 김나정 | 김찬희 | 배지호 | 이신필 | 장수용 | 전용후 | 조진성 |

## 🥕 진행 방법
### 🐰 자기소개!
### 🐰 질의응답
### 🐰 코드소개
### 🐰 마무리 인사

토의/공유하고 싶은 내용을 정리하고 하나씩 진행하였습니다.

## 🥕 토의 내용

### 🐰 새로고침했을때 state가 초기화되는걸 어떻게 해결하셨나요?
- 이부분은 초기화되는것 자체는 막을 방법이 없는 것 같아서 어플리케이션이 실행될때 state를 새로 초기화해서 넣어줬어요
- 저는 쿨하게 새로 그렸습니다.. ㅎㅎ
- 22
- 저도 전역에서 쓸만한건 스토어에 넣어두고 나머지는 개별 컴포넌트에서 state를 다시 불러오는 방식으로,,
- 세션 스토리지를 사용하면 새로고침을 해도 데이터가 남아있다고 합니다
- 상세페이지를 렌더링할 때 id만 받아놓고 내용은 그 때 불러오면 state에 저장할 필요가 없다고 생각합니다
- csr에서는 데이터를 미리 저장해서 필요한 요청만 불러오면 더 빠르게 동작할 수 있습니다

### 🐰 프론트 MVC로 만드신 분 계신가요? 구조를 보고 싶습니다!
- 이번은 아니고 저번 프로젝트 MVC로 만들었습니다!
- 결합도가 떨어지지만 controller가 비대해져서 프론트에서는 좋은 방법은 아닌 것 같다
- 역할이 나눠져있어서 유지보수는 쉽다
- MVVM에 비해 기능이 확실하게 구분된다
- 복잡도 보존의 법칙

### 🐰 프론트, 백엔드 서버 따로 쓰신 분들은 세션 유지 어떻게 하셨나요?
- JWT로 해서 세션을 사용안했네요...
- webpack-dev-server의 proxy 옵션을 이용해 다른 서버간 쿠키 전송 가능

### 🐰 로그인 구현은 어떻게 하셨나요
- express 세션 사용했습니다! OAuth는 아직... 세션 스토어로는 MySQL 사용햇습니다!
- 저는 passport로 구현했는데 그래도 이틀걸리더라고요 ㅎㅎ
- 저는 JWT이용해서 직접 구현 + OAuth사용했어요

### 🐰 oauth로 로그인 구현하면 실제 로그인은 어떻게 되는 걸까요. 사용자가 로그인을 하려고 할때마다 code를 받아오는 식으로 진행되나요?
- 저는 사용자가 깃허브 로그인하면 서버에서 회원가입도 같이 진행되게 했어요... 매번 code를 받아오게는 한 것 같네요
- 매번 code를 받아오면 access token도 매번 받아오시나요?

### 🐰 oauth 작업을 백엔드에서 하시나요 프론트엔드에서 하시나요. 백엔드에서 하시면 리퀘스트 날리는 모듈은 뭐 쓰셨나요.
- 맨 처음에 코드받을 때 리다이렉트 되는 건 어쩔 수 없는 것 같고? 그 다음부터는 백엔드에서 처리한 것 같습니다.(저는 화면 깜빡이는걸 피할 수 없었어요.)
- 둘다에서 작업해야하는 것 같아요, 화면 깜빡이는건 저도 피할 수 없었어요

### 🐰 commonjs랑 module 중에 어떤 걸 사용하셨나요. require 하는 거랑 import하는게 조금 다르던데 어떻게 사용하면 좋을까요.
- ES 모듈 최고~ 백/프론트 모두 ES 모듈 씁니다! 가능하면 ES 모듈 쓰는게 맞다고 생각해요!
- 둘다 괜찮은 것 같아요 저는 프론트에선 ES모듈 쓰고 백엔드에선 Common JS 모듈 사용합니다
- 백엔드에서 commonjs 쓰면 ES모듈로 구현된 다른 모듈은 어떻게 사용하시나요?

### 🐰 챌린지때보다 타협을 많이 하는데 어떻게 극복하셨나요
- 저도 타협중입니다22
- 극복 못했습니다 아 ㅋㅋㅋ
- 타협 => 심화 => 자기합리화 => 게을러짐...
- 리액트 딱대!

### 🐰 채팅 구현하신분 있나요?
- 아무도 없었다..
- 네번째 미션에서 하려고요 ㅎㅎ
- 하고싶었는데..아쉽네요
- 전 하고 싶지도 않았다는
- ㅋㅋㅋㅋㅋㅋㅋㅋ

### 🐰 타입스크립트 쓰신분 있나요?
- express 구현 코드 읽어보고 싶은데 대부분 타입스크립트로 써져있더라구요. 그래서 못 알아보겠어서 포기했습니다.
- 백/프론트 다 타입스크립트 사용했습니다! 근데 아직 잘 몰라서 any 남발합니다🤣
- 저는 다른거 하기 시간 모자를 것 같아서 생략했어요
- 취업하기 전까지는 안쓸거예요 훗

### 🐰 가장 재미있는 작업이 무엇인가요~?? 저는 CSS요 ㅎㅎ
- 불편하네요!! 핑계 ㄴㄴ
- 애니메이션을 공부해봅시다!!
- 백엔드 좋아하는 사람들은 다 CSS 싫어해서 백앤드로 간거져
- 문과와 이과 사이 수학같은 느낌이네요

### 🐰 전역에서 관리할 store에서 어떤 데이터들을 가지고 계신가요? 저는 유저, 카테고리들, 중고상품 데이터 가지고 있습니다.
- 저는 구현을 많이못해서 직접 해보지 못한 부분도 있지만 저는 유저랑 카테고리 동네정보 이렇게 넣을 것 같아요
- 리뷰어님이 가능한 백엔드 API 의 수를 줄이는 것이 좋다고 하신걸로 봐서는 스토어에 많은 데이터를 저장해도 되긴 하나봐요. 요즘은 웹 푸시나 SSE 같은 걸로 서버에서 단방향으로 알림 받을 수 있으니까 스토어에 왠만한 데이터 다 가지고 있다가 변경사항 생겼을 때만 수정해도 되는 것 같습니다.