Week2 Peer Session

2주차 피어세션

참여자

J081	J085	J115	J125	J140	J200	J212	J217
박가연	박기태	신태수	오석호	이동현	조현정	표석훈	현상엽

그룹 프로젝트 경험 공유

2주차 간단 후기

• 박가연 : 할게 정말정말 많네요...

• 박기태 : 으앙 😢

• 신태수 : 졸려요.................

• 오석호 : 시간이 왜이렇게 빠르죠......? 벌써 10주차 ;;

  ㄴ 한 살 먹어갑니다...

  ㄴ 싫어요...... 🤬

  ㄴ 거짓말......,.,.,,.

• 이동현 : 버스탔습니다..🚌

• 조현정 : 집인데, 집에 가고 싶어요......

  ㄴ 222222

  ㄴ ㄹㅇㅋㅋ

  ㄴ 자이언티 - 꺼내먹어요

• 표석훈 :

• 현상엽 : .............

프로젝트 간단 소개

• Web - 12
  • 배포 페이지
• Web - 13
  • 배포 페이지

2주차 구현 내용

[Web - 12]

• 프로젝트 초기 세팅 (typescript)
• 에러 처리 구현
• 대기실(Lobby) 구현
• WebRTC를 이용한 화상 채팅 기능 구현
  • 음소거, 영상끄기 버튼 구현
• 채팅 기능 구현
• 랜덤한 방 번호를 만들어서 번호 또는 URL로 해당 방에 접근 가능하도록 구현
• 필요한 부분 라우팅처리
• MongoDB를 사용한 DB 구현
• nginx, pm2, gitAction 이용한 배포

[Web - 13]

• 라우팅, recoil 상태관리
• 공통 컴포넌트 개발
• styled-components / keyframes 활용한 애니메이션
• Github OAuth 로그인
• 사용자, 그룹 검색 & 필터링
• nginx와 https ㅡ,.ㅡ;; 😠 🔥 😪
• socket.io를 이용한 1대1 채팅 기능

기술 시도 및 공유

[Web - 12]

• TYPESCRIPT(anyscript).........
  • 절대 경로 설정하다가 기절했습니다.
  • 일어나니 11월 5일이네요
• tsc......
  • server도 웹패킹을 한다...
• material-ui.....
• WebRTC를 anytypescript로 시도하다가..
• enumerateDevices를 통해 현재 사용중인 기기를 불러와서 선택하는 기능
• WebRTC의 Signaling 기능 구현
• socket.io 이벤트 등록 & 의존성 변수들 모듈로 분리
• recoil을 이용한 전역 상태관리

[Web - 13]

• 로그인 정보 세션에 저장. jwt로 사용자 맞는지 확인
• sequelize-typescript
• oauth
• dotenv
• interface(type)
• socket.io
• recoil, react-router-dom
• styled-components
• https 리버스 프록시
• nginx pm2

노하우 도깨비...;

https 지독하다... ㄴ저희 해야되는데...

공유 멋있어요

• 타입 찾는 꿀팁좀요
  • 마우스를 올리세요!
  • 갖다대도 안나오는거는요?????
  • 답은 any
  • 이거 아마 require로 불러오면 안되고 import 불러와야 뜰걸요

type-only 문법 export (여기서 export 빼도돼요??) interface {

}

• 세션은 됬는데 소켓은 안되던데 이유는 모르겠ㅅ브니다.

침입자다.....!!! ㄴ ?

type vs interface 참고

type only 문법

질문사항

• https & socket.io

  • polling-xhr.js:157 GET https://jdevbook.kro.kr/socket.io/?EIO=4&transport=polling&t=NpiOSNW net::ERR_CONNECTION_TIMED_OUT
  • 이거 무한 반복 살려주세요
  • 으악

• nginx proxy

  • 태수님이 갑자기 해결하셨습ㄴ디ㅏ.
  • ㄴ0ㅇ0ㄱ
  • 해결했습니다!

• 오프라인 만남 하셨나요?? ㄴ 네... ㄴ 보드게임까지 했습ㄴ디ㅏ ㄴ 이거 바퀴벌레야 ㄴ 이거 검정카드야 ㄴ 팀장님 컨펌좀요 ㄴ 저희도 ㅠ 보자구요 ㅠ ㄴ 인천 ㄱ ㄴ ㄹㅇ ㄴ 팀장 정하셨나요

• 반말 트셨나요??? ㄴ 예 ㄴ 다들 나이차이가 많이 나시나요 ㄴ 저희 나이 몰라요 (ㅋ) swag~ ㄴ 여기서 다 트시죠 그냥

• eslint를 사용하지 않고 prettier를 사용하시는 이유가 있을까요

  • eslint가 뭐죠??
  • 태수님의 결정에 따랐습니다.

• web-13의 로그인 및 DB가 작동하는 방법이 궁금합니다

  • 그냥 oauth 개념 그대로 진행했습ㄴ디ㅏ.
  • DB는 아직 그 생성만 다 해놨고 음 어 로그인할 때 DB에 저장해주거나 github username을 통해 가져와서 이리저리 사용합ㄴ디ㅏ.

• sequelize-typescript는 어떤 차이가 있나요

  • 데코레이터 @이거 써서 클래스에서 그냥 정의하면 나옵니다.
  • 시쿼라이즈 공홈에 있는 타입스크립트 이건 저도 실패했습니다.
  • 타입 데코레이터 ㄷㄷㄷㄷㄷㄷㄷㄷ

• 애니메이션은 직접 구현하신건가요...

  • 네 유투브 따라하면서 했습니당
  • 저는 기태님 따라서 했습니당
  • 그럼 저는 두 분을 따라하겠습니다

• WebRTC 재밋나요?

  • 아뇨 전혀요
  • 해보시면 알 수 있습니다.
  • 라이브러리 써야합니다...
  • 아고라라고 좋은거 있어요...

• WebRTC 얼마나 걸리셨어요?

  • 아직 미완입니다...
  • 이틀 + α

• 나중에 프로젝트 완성되면 개발하신걸로 술트리밍 팀끼리 하실건가요???

  • 구경 가겠습니다
  • 아! 술트리밍하면서 갑자기 랜덤 사다리 아니면 클릭눈치게임 미아핑ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  • 한번 술 마시러 가겠습니다
  • 노래맞추기 1초
  • 갑분 노래방

• 아이디어가 좋은데 어떤분의 아이디어인가요 13 -> 12 오오 멋있다. 태수님이... 좋아하는... 랜덤... 게임 무슨...게임...게임...스타트 역시...대박...

동의합니다 👍 (13128/8) ㄴㅋㅋㅋ