## 5주차 피어세션

### 참여자

| J038 | J045 | J081 | J125 | J138 | J187 | J200 | J212 |
| :------: | :------: | :------: | :------: | :------: | :------: | :------: | :------: |
| <img src="https://github.com/0xsuky.png" width="80"> | <img src="https://github.com/wil953742.png" width="80">|<img src="https://github.com/yeon52.png" width="80"> | <img src="https://github.com/alittlekitten.png" width="80">|<img src="https://github.com/LeeKwang-min.png" width="80"> | <img src="https://github.com/ingyeoking13.png" width="80"> |<img src="https://github.com/jyo-jyo.png" width="80"> | <img src="https://github.com/pyo-sh.png" width="80"> |
| [김영수](https://github.com/0xsuky) | [김웅일](https://github.com/wil953742) | [박가연](https://github.com/yeon52) | [오석호](https://github.com/alittlekitten) | [이광민](https://github.com/LeeKwang-min) | [정요한](https://github.com/ingyeoking13) | [조현정](https://github.com/jyo-jyo) | [표석훈](https://github.com/pyo-sh) |

### 프로젝트 공유 및 소개

- [Web - 3](https://github.com/boostcampwm-2021/web03-boocamwiki)
- [배포 페이지](https://boocamwiki.kr)

- [Web - 12](https://github.com/boostcampwm-2021/web12-sooltreaming)
- [배포 페이지](https://sooltreaming.kro.kr/)

### 5주차 간단 후기

- Web - 3
- 모든 캠퍼분들의 정보가 들어가면 나름의 추억도 될 것 같고 롤링페이퍼?? 같은 느낌도 날 것 같아서 다음주 최종 완성본이 정말 기대됩니다!
ㄴ 222222
- 다양한 부분을 섬세하게 만드신 것 같아서 엄청 대단 하신 것 같아요.,.,., 반응형에 엄청 감탄하고 갑니다 총총총....
- 디테일한 반응형..,,, 왕멋져요..,,,
- 다양한 처리를 하셨네요,,,, 너무 대단합니다. 개발에 몰두하다보면 접근성에 대해 생각하지 못하게 되던데 여기는 방향성이 너무 잘 잡힌거 같아요
- 사용자의 입장에서 정말 많은 내용을 고려하신 것 같아서 감동했씁니다.. 이게 UX죠!
- 기술적인 부분에서도 단순한 CRUD가 아니라 꽤 복잡한 로직이나 DB처리가 들어간 것 같아서 더 알아보고 싶었습니다!

- Web - 12
- 술 마실 때 쓰면 정말 재밌을 것 같아요!! (취해서 머리박으면 무수한 갈고리 요청이!!! ㅋㅋ), 술트리밍만의 감성? 뭔가 제 취향입니다!! 기술적인 도전과 재미 둘 다 챙긴 재밌는 프로젝트라고 생각합니다 😀
- 화상 채팅에서 다양한 기능들 추가해주셔서 너무 재밌었습니다. 갈고리나 건배나 특히 심판... ㅋㅋㅋㅋㅋㅋ 처음 페이지 들어갔을 때 아이콘이나 특유의 분위기가 너무 재밌어서 서비스 정말 좋다 생각 들었습니다. 31게임 같은것도 더 추가해주세요! ㅋㅋㅋㅋㅋ
- 아이 기능 언제 이렇게 많이 구현 하신거에요~ 엄청나신걸요?? 그리고 세세하게 추가 기능들이 많아서 재미있는 사이트인 것 같습니다! 4주만에한 거라고는 믿기지가 않네요!! 저는 경험해보지 못했던 기능들이 구현된 것들이 많아서 어떻게 해야할 지 감도 잘 안오고,,, 대단하다고만 느껴집니다. 특히 소켓으로 실시간 처리되는 부분이 엄청 복잡했을 거 같은데, 겪었던 주된 고민을 들어보고 싶네요
- 굉장합니다. 팀의 분위기가 어플리케이션에 반영된 것 같아요. 앱 사용이 즐겁습니다!.

### 5주차 구현 내용

- Web - 3
- 로그인 (ㄱㅇㅅ 그는 신인가? ㄱㅇ어ㅅ학 그는 도덕책...)ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
- 최적화 굿..
- 분류페이지 ㅋㅋ
- 페이지네이션!
- 팀원들 응원... <- ? 다들 열심히 하신거 같은ㄷ...
- 도메인! CI/CD
- 세세한 거..? (고도화??)
- 사용자를 위한 안내 문구
- 노션 꾸미는거... 솔직히 살짝 귀찮....ㅎ (ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ)
- 무한 회의 츠쿠요미
- 벌레 잡기

- web - 12
- 화상 채팅방 React 렌더링 최적화
- react-devtoolkit
- 스타일링 개선
- 마이페이지 기능
- 닉변 & 프로필사진 변경
- 바뀐게 없으면 버튼 비활성화
- 친구 수락
- 친구 거절
- 친구 신청 취소
- 다양한 예외처리 (동시 클릭 등...)
- 통계 기능
- 랭킹 기능
- 배치잡 이용
- 갓-치잡
- 채팅 상태 유지 (+ 채팅 알림)
- 어설픈 업다운 게임
- 참가자 화면 배치 반응형
- UX 개선
- URL로 채팅 방 접근하기
- 방장 기능 활용으로 방 닫을 시 다른 유저에게 바로 반영
- 에러 핸들링 (귀여운 토스트메시지,.)

### 기술 시도 및 공유

- Web - 3
- SSL?
- JWT?
- 이미지 압축, 폰트 압축
- nginx 캐싱
- OAuth
- 우리 브라우저 켜놓고 15분 지나면 튕기는것 같...?ㅠㅠ !? (아 맞아요...) ㅜㅜ (팅기나요?? 앗... => 로직 잘못했어요 ㅋㅋㅋㅋㅋ 419보다 401이 먼저라니)
- 오히려 좋은거 아닌가요????보안 굳;; 아무도 모를걸요...? 누가 저희꺼를 15분동안... (그렇기 하네요 넘어가죠)
- 동시 수정 이슈

- web - 12
- 리렌더링 최적화
- 배치잡
- 트랜잭션 (좋은 시도 :+1:*100:-1:*10)
- 프론트엔드 & 백엔드 공통 변수 Package
- 에러 메시지 출력

### 질문 및 개선사항

- Web - 3
- `
- 섬세한 부분이 정말 많으신 것 같습니다!! 다음에 제 위키도 등록해볼게요 ..!
- 바로 문서 등록 해드리겠습니다.
- 작성자 : 조현정
- 0<-<
- https://boocamwiki.kr/w/6_J200_%EC%A1%B0%ED%98%84%EC%A0%95
- 정말 재미있게 사용해볼 것 같은데 깃허브아이디나 이런걸 모아서 볼 수 있으면 좋을 것 같아요 (넘 늦은 기능추가)
- 아이디어가 좋아용 종종 찾아보면서 추억팔이 할수있을것 같아용 ㅎㅎㅎ 굿굿
- 캠퍼분들의 동의를 한번에 받을 수 있다면 부캠이 끝나고도 유용하게 사용할 수 있을 것 같아요!
- 혹시 어느 분의 아이디어인지 궁금합니다! 완전 신기..
- 입력창 특수문자 처리 구현 완료되는거 보고싶어요!
- 생성하는 사이에 누군가 새롭게 생성하고 수정까지 하면 어떻게 되는지 궁금해요!

- Web - 12
- redis에 sorted set이라고 있는데 이게 랭킹 구현에 정말 좋대요 😀
- wow 감사합니다 알아보겠습니다 !!!
- 타입스크립트 마스터들 ㄷㄷ...
- ~~anyscript..~~ => it's us...
- 쉬엄쉬엄 하세요!
- ㅠㅠ..... 🥕🥕
- 코드보고 깜짝놀랬습니다 ~~~
- 팀 분위기 정말 좋네요
- 8인까지 안보이는 사람 없이 잘 작동 되면 줌 말고 술트리밍에서 해도 정말 재밌었을거 같아요
- 서비스 유지 해주시면 부캠 끝나고 열심히 놀아보겠습니다
- 음주는 적당히...