-
Notifications
You must be signed in to change notification settings - Fork 5
Week3 Peer Session
PyoSeokHun edited this page Nov 12, 2021
·
2 revisions
J017 | J024 | J081 | J125 | J167 | J200 | J202 | J212 |
---|---|---|---|---|---|---|---|
김기한 | 김미정 | 박가연 | 오석호 | 이태욱 | 조현정 | 차재명 | 표석훈 |
진짜 다들 열심히 함...
-> 서로의 프로젝트를 대상으로.. 써야하나요??
- [Web - 02]
- 궁금한게 너무 많아서 질문할게 많네요 ㅋㅋㅋ 페이지 너무 귀여워요!
- 인형까지 만들어서 판매하시는 거 맞죠?
- 3개만 맛보기 했더니 감질나요,, 넘 재밌어요 ㅠ 맞다 ui도 짱귀여움
- 킹갓 미정님이 디자인 해주셨습니다.
- 마우스커서 진짜 너무귀여워요! 혹시 디자이너가 있나요?
- TDD 잘봤습니다. 기한재명미정님이 짱이군요!
- ATDD는 ACE TAEWOOK 이죠?
- [Web - 12]
- 빨리 출시해주세요. 현기증나니까~
- WebRTC 신기하네요~!~~~~ ㄴ 죽겠어요... 💥0<-< 🥕 ㄴ 살려주세요... ㄴ @)))))) 김밥 먹고 하세요
- 물음표 핑 제 얼굴에 왜 찍죠?
- 잔 치는 거 너무 신기했어요 !
- 바람직한 팀 문화 부러워요! ㄴ 222 ㄴ 바람직하지 않아요... ㄴ 모두가 득달같이 까는 문화... ㄴ 단합력 굳... ㄴ 벌금 2만원 문화...? ㄴ ??? : 나만 아니면 돼~!!!! ㄴ 저희도 벌금 걷어서 맛있는 거 사먹죠(총알 준비됐습니다) ㄴ 대 주주 쌉 에이블 합니다. ㄴ 달달합니다
-
[Web - 02]
- 전체적인 코드 리팩토링
- 코드 컨벤션에 맞게 수정
- try catch 구문 컨트롤러에 추가
- 컴포넌트 잘게 쪼개기
- custom fetch 함수 생성
- redux dispatch 성능 개선
- 게임 옵션 변경
- 마이페이지 - 플레이리스트 수정/삭제 및 좋아요한 플레이리스트 취소 기능
- 플레이리스트 노래 수정
- 플레이리스트 노래 순서 변경
- 로비 화면에서 방 검색 기능
- 로비 화면에서 초대코드를 이용한 방 입장 기능
- 방 생성에서 플레이리스트 선택
- 무한 스크롤 + 검색
- 게임 플레이에 따른 노래 재생
- 전체적인 코드 리팩토링
-
[Web - 12]
- http -> https
- ?찍기
- 건배 띄우기
- 코드 리팩토링, 버그 수정ㅠㅠ
- recoil -> redux로 변경
- 영상, 음성 장치 선택
- 하단 컨트롤바 구현
- 로그인 구현
- 채팅 아이디 띄우기
- 방 별로 애니메이션 및 채팅 분리
-
[Web - 02]
- drag and drop
- HTML drag and drop API 사용
- dragOver, dragStart, drop, dragEnd
- 커서 커스텀
- 첫시도는 이미지를 absolute하여 사용하였으나, 움직이는 배경화면과 같이 리소스를 많이 잡아먹어, 현재는 cursor.cur 파일을 통해 커서만 바꿔주는 방식으로 사용하고 있습니다. (단점 : 커서에 자신의 색상을 입힐 수 없다..)
- 추후 방안에 있는 유저들의 부덕이들을 화면에 띄워주는 작업을 해볼 예정입니다.
- 움직이는 배경의 부하 줄이기 : (gif vs svg transition)-[https://www.sarasoueidan.com/blog/svg-vs-gif/] 결과 svg 압승
- PassThrough로 노래 건네주기
- drag and drop
-
[Web - 12]
- socket.io를 이용해서 방 안의 접속자들에게 이벤트 전송하기
- emit / broadcast 노가다...
-
캔버스에 GIF 그림그려서 건배그림 띄우기- Reject -
<audio>
태그로 미아핑 소리 출력하기 (use-sound 썼다가 삭제) - Passport 사용해보기
- 소문의 Naver OAuth2.0 만져보기
- Redux-Saga!
- 이번주는 계속 ... webRTC 비동기....비동기....비동기....버그..
- Letsencrypt 통해 ssl 인증서 발급 및 nginx 설정
- socket.io를 이용해서 방 안의 접속자들에게 이벤트 전송하기
-
브랜치 전략 dev 브랜치 없이 바로 main으로 합치면 좋은점
- 개발 단계에서는 바로바로 배포하여 확인할 수 있는 것이 편했다.
-
WebRTC
- mesh 구조를 이용하기 때문에 8명 이상 접속하면 끊길 수 있다.
- 소규모 서비스. p2p로 충분히 서비스 가능.
-
Recoil에서 Redux로 변경한 이유?
- 전역 변수 관리
- WebRTC, Socket 등의 비동기 컨트롤에 있어서 redux + saga 조합이 적합할 것으로 판단
- redux를 학습해 보자!
-
NEXTJS를 통해서 처리할(한) 부분?
- 라우팅이 편리해짐(폴더 구조를 통한 라우팅 지원)
-
방 안에서 왼쪽 위 재생버튼이 어떤 기능을 하나요?
- 볼륨 컨트롤러 역할입니다. (미완성)
-
mongoDB를 사용한 이유가 있을까요? (유튜브 음성이 저장되는 구조는 아닌 것 같아서 여쭤봅니다!)
- 플레이 리스트 안에 음악에 대한 정보가 들어있는데, RDBMS로 구현하면 테이블이 6~8개인가로 많아지더라고요. 현재 mongoDB로는 2개로 운영하고 있습니다! 그래서 유연하게 처리하기 위해 mongoDB를 사용하고 있습니다!