Project tutti Notion SA Home

Front End Github

Back End Github

• 코드로 보는 해결 과정

  수정 전

  ```jsx // LoadingLive.js useEffect(() => { setTimeout(()=> { navigate(`/live/${userName}`); },2000) } },[]) ```
  수정 후

    ```jsx
    // LoadingLive.js
    const videoInfo = useSelector((state)=> state.Video.video);
      const session = videoInfo.videoSession
    useEffect(() => {
        if (session===true) {
          navigate('/livelist')
          dispatch(checkSession(false))
        } else {
          setTimeout(()=> {
          navigate(`/live/${userName}`);
        },2000)
        }
      },[])
    ```
  </details>  
  

  로딩 페이지 (screenshot)

  

• 코드로 보는 해결 과정

  수정 전

    ```jsx
    // 하단 플레이어
    useEffect(()=>{
        setPlaying(_playing);
        if (allStop===false) {
          wavesurfer.current?.playPause();
        }
      },[_playing])
      useEffect(()=>{
        if (_volume) {
        setVolume(_volume);
        wavesurfer.current?.setVolume(_volume);
        }
      },[_volume])
      useEffect(()=>{
        setCurrentTime(_time);
        if (_time>0.2) {
          wavesurfer.current?.play(_time)
        }
      },[_time])
    ```
  

  수정 후

    ```jsx
    // 하단 플레이어
    useEffect(()=>{
        setPlaying(_playing);
        if (_display===true&&allStop===false) {
          wavesurfer.current?.playPause();
        }
      },[_playing])
      useEffect(()=>{
        if (_display===true&&_volume) {
        setVolume(_volume);
        wavesurfer.current?.setVolume(_volume);
        }
      },[_volume])
      useEffect(()=>{
        setCurrentTime(_time);
        if (_display===true&&_time>0.2) {
          wavesurfer.current?.play(_time)
        }
      },[_time])
    ```
  

  에러 메세지 (console)

  
  detail 플레이어와 하단 플레이어 (screenshot)

  

정말로 빨리 지나간 6주였어요. 책임감 있고 실력 좋은 팀원분들 덕에 정말로 많이 배우고 경험할 수 있는 시간이었어요. 부족한 점 많지만, 우리 프론트 팀원들 그리고 디자이너 정윤님, 믿고 따라와 줘서 너무 감사하고, 또 중간에서 잘 이끌어주신 리더 도엽님, 그리고 항상 저희 배려 해주시고 소통하려고 하시는 백엔드 팀원분들 너무 감사합니다! 아웃풋 너무 좋아서 기쁘고…! 우리 팀원들 모두가 멋진 개발자/디자이너가 되실 거라고 믿습니다! 화이팅~~💜

< 아뱅지은 >

어떤 팀원들을 만나서 어떤 프로젝트를 하게 될까? 항해를 진행하는 내내 가장 궁금하고 또 기대했던 부분이었습니다. 6주라는 시간 동안 팀으로 같이 만들어가면서 의견이 찰떡처럼 잘 맞는 순간과 또 이렇게 다르구나 하는 순간까지 있었습니다. 그런 모든 순간들을 모두 거쳐 완성된 tutti가 저에게는 참 소중한 프로젝트가 될 것 같습니다. 6주 동안 저희 팀원들 모두 고생하셨습니다. 공부하면서 좋은 인연들을 만났다고 생각합니다. 나중에 현업에서 서로서로 멋있는 개발자로 만나기를 바랍니다🤗💕

< 아닌가연 >

6주라는 시간이 어떻게 지나갔는지 모를 만큼, 시간이 빠르게 지나간 것 같습니다. 프로젝트를 하면서 실력이 부족해 힘든 적도, 답답한 적도 많이 있었지만, 팀원분들 덕분에 끝까지 달려올 수 있었다고 생각합니다. 그리고 스스로도 이번 프로젝트를 시작하기 전과 지금은 많이 달라졌다고 생각합니다. 협업을 하기 위해 의사소통을 하는 방법, 문제를 해결하는 방법 등등 많은 것들을 배웠습니다. 이 실전 프로젝트를 통해 정말 많은 것들을 배우고 얻어 갑니다. 그동안 모두 너무 고생 많으셨고, 멋진 개발자와 디자이너로 현업에서 만나길 바라겠습니다! 정말 감사했습니다😁

< 부들현명 >

• 보라정윤

첫 웹 개발 프로젝트. 6주간 프로젝트 완성이 잘 될까 걱정을 많이 했었는데, 눈 깜빡하니까 6주가 지나있었고 생각지도 못하게 좋은 분들을 만나서 좀 더 몰입이 가능했고, 서로 대화하다가 나오는 또 다른 기술, 구현 방법을 듣게 되니 또 한번 사람마다 생각하는 방향에 차이가 있으니, 개발하는 방향에서도 다름을 보이는 것을 인지했고 시야의 폭이 넓어져서 너무 좋았습니다. 웹 개발 프로젝트 팀을 리딩하면서 어떤 방향으로 소통을 끌어야할지 고민을 했던 것도 앞으로 많은 도움이 될 것 같습니다. 다들 부족한 팀장 만나서 힘들었을텐데 군말 없이 동의해주시고 오히려 저를 케어해주신 팀원분들께 너무 감사하고 고생 많이 하셨습니다. 지나고나서도 간간히 연락하고 기회 되면 같이 또 토이 프로젝트도 진행하면서 같이 공부해나가고 싶습니다. 정말 새롭고 좋은 경험을 너무 많이 했어요. 이래서 항해를 오는건가 싶을 정도입니다. 이제 곧 다들 각자의 자리에 돌아가서도 생각하시던 방향, 그려오던 이야기 잘 이어가시길 바라겠습니다. 오늘도 화이팅입니다 !!

< 완볍도엽 >

6주 동안 팀원들이 각자의 자리에서 맡은 역할을 묵묵히 하는 모습을 본 덕분에 개인이 나태해지지 않고 더 열심히 참여할 수 있었습니다. 개인으로 진행했다면 흐지부지될 프로젝트가 팀이라는 책임감 덕분에 이렇게 좋은 결과가 나올 수 있다고 생각합니다. 매일매일 회의를 할 때면 내가 바라보는 관점과 다른 팀원이 바라보는 관점이 달랐을 때 많이 배웠습니다. 저렇게 생각하고 고민할 수도 있겠구나 하고. 이번 프로젝트에서는 내가 사용하고 있는 언어, 기술들을 어느 정도 알고 있다고 생각하고 얘기를 하면 대화가 아닌 한 방향으로 말만 전달하고 있구나, 서로 다른 분야에서 소통할 때 어떻게 말을 해야 상대방도 이해를 할 수 있을지 많은 고민이 필요하다고 느꼈습니다. 이번 프로젝트를 통해서 성장했다고 믿고 앞으로 시작될 많은 일에 도움이 되었으면 합니다. 많이 고생했고 기회가 되어 다시 만날 수 있으면 좋겠습니다.

< 와장창창규 >

실전 프로젝트 6주 간 많은 것들을 배웠던 것 같습니다. 살면서 이렇게 제가 만들어 보고 싶었던 서비스를 구현하고 이것을 실제 사용자들에게 배포하리라곤 상상도 못하였습니다. 구글애널리틱스와 프로메테우스 그라파나를 통해 실제로 접속자 평가와 트래픽 처리를 경험했다는 것은 엄청난 경험입니다. 항해99를 하면서 1주일 단위로 프로젝트를 진행하며 시간상, 능력상 구현하지 못했던 기능들을 이번 실전 프로젝트 때 원없이 구현해서 미련이 없습니다. 사실 저 혼자서는 이러한 기능들을 구현하지 못 했을 것입니다. 무엇보다도 팀에서 상대적으로 낮은 연령인 저를 이끌어주시고 저희 조의 정신적인 지주가 되어주신 도엽님, 지은님께 너무 감사드립니다. 필요한 디자인을 뚝딱 만들어주시며 저희 조에서 많은 역할을 해주신 정윤님, 언제나 아름다운 뷰와 클라이언트를 만들어주시고 백엔드와 원활한 소통을 해주시던 가연님, 현명님께 무한한 박수를 보내고 싶습니다. 매번 하루에 16시간 이상 공부와 작업을 병행하시면서 각자 맡은 기능들을 구현하기 위해 동분서주 해주셨던 창규님, 민지님께 너무나도 배울 점이 많았습니다. 이렇게 무사히 협업프로젝트를 마치게 해주신 저희 조원분들께 미래에 서로 및나는 개발자가 되어 다시 만나 지금 이 때를 회상하며 즐겁게 얘기하길 기원하겠습니다. 6주간 너무 행복했고 감사했습니다.

< 박세열 >

좋은 팀원들을 만나서 멋진 결과물이 나올 수 있었어요. 처음 도전해보는 스택을 공부하면서도 많은 배움이 따랐지만, 무엇보다도 팀원들이 프로젝트에 임하는 자세에서 더 많은 깨달음이 있었습니다. 길게만 느껴졌던 6주 프로젝트는 끝을 맺었지만 저는 이제 시작인 것 같아요. 어떤 점이 성장했다고 정확하게 꼽을 순 없지만, 적어도 모르는 것에 대한 두려움보다는 무엇이든 시작해 볼 수 있는 용기가 생긴 것 같습니다. 6주간 함께 고생해주신 팀원분들 너무 감사하고 좋은 결과 이루시길 바랍니다.

< 멍뭉민지 >