[주유소] 23. vue 타자 게임 구현 + vue url 검색 금지

냐항·2022년 2월 7일
0

WebRTC project

목록 보기
24/37

오늘의 목표

1. 프로필 이미지 업로드 시 크기 제한
2. 타자 게임 구현 마무리
3. vue url 검색 금지 router로 가능할지 방법 찾기
4. openvidu 가상 배경화면 알아보기

0. 차단 친구 목록 수정

차단한 친구 axios 요청을 했을 때 정보가 날아오지 않았다.
backend 쪽의 에러였다.
해서 수정된 요청을 바탕으로 친구 차단 목록 작성을 마무리했다.

axios안에서 axios를 사용해야 한다면
함수를 둘 다 작성해놓고
this.~~~로 불러오면 된다!

1. 프로필 이미지 업로드 시 크기 제한

changeImage: function () {
      console.log('changeImage')
      console.log(this.profileImg.size)
      if (this.profileImg.size > 300000) {
        this.isImage = true
        setTimeout(() => this.isImage=false, 4000)
      }
      this.userInfo.imgUrl = this.profileImg
    },

img의 size가 300000보다 크다면 경고창을 4초 동안 보여줌.

2. 타자 게임 구현 마무리

주말 동안에 유튭을 보며 타자 게임을 구현했다.
타이머가 잘 작동하지 않았지만 해당 내용을 수정 후 push했다.

3. vue url 검색 금지 beforeEnter

beforeEnter에다가
사용자가 sessionId를 가지고 있다면 (이미 미팅룸에 포함됨) 다른 방으로 이동할 수 없도록 했다.
하지만!
위와 같이 beforeEnter를 작성했을 때는 입장 자체가 안된다.

4. openvidu 가상 배경화면 알아보기

될 것 같다!
현재 openvidu에서 소리 filter를 적용했다.
따라서 소리 filter와 유사한 방법으로 가상배경을 적용할 수 있을 것이다

5. 타자 게임과 openvidu 연결하기

openvidu코드를 이해하기가 쉽지 않다!

6. 음성변조 기능 적용 성공...!!!!!

수아언니가 하고 있었던 음성변조 기능 에러가 났다.
고래서 화면공유로 에러를 해결했다,,,!!
싱기해
음성변조 기능 웃기다ㅋㅋ


느낀 점

오늘 아침에 늦게 일어나서 그런가
전혀 피곤하지 않고 잘 살아있다 📑

우리팀은 서버와 관련된 큰 문제를 겪지 않았다고 생각했다만
고것은 우리 팀원님이 하드캐리를 해주셨따,,,
감사함둥 🌼

하루하루 완성도가 높아져 가고 있다
이번주까지는 모-든 기능 구현을 마쳐야 한다
할 수 있을 것 같다 _( ͡° ͜ʖ ͡°)_/¯

아..........
쇼트트랙 실격 화난다 ⚆_⚆ (2022/02/07 베이징 동계 올림픽 진행 중)

0개의 댓글