230130 KDT 회고록

이셀·2023년 1월 30일
0

프로젝트

프로젝트명

Mood Mango(무드망고)

팀원

  • 김예슬
  • 고현석
  • 김우상
  • 이학경
  • 한지은

프로젝트 소개

유튜브 API를 사용하여 재생목록의 플레이리스트화와 현황을 알 수 있는 웹페이지입니다.

기술 스택

  • Styled-component
  • redux axios_thunk
  • react-player : 유튜브 플레이어와 뮤직 플레이어 연동
  • marquee : 텍스트 좌우롤링
  • infinite scroll : 재생목록 위아래 무한 스크롤

진행

각자 맡은 기능들을 충실히 실행했고 기본적인 기능들을 구현했을 뿐만 아니라 추가기능인 뮤직 플레이어까지 만들어낼 수 있었다는 점이 인상이 깊다.
또한 팀 분위기도 화기애애해서 문제 없이 많은 부분들을 진행할 수 있었다.

배포 https://2sel.github.io/Mood-Mango/

느낀점(소감과 문제점)

소감

  • 김예슬
    처음엔 로직 자체가 많이 찾아볼 수 있는 것들이어서 쉬울 줄 알았는데, 여러모로 문제가 많았어서 완벽하게 만들지 못했다는 점이 아쉬웠다.
    하지만 처음으로 팀장을 하게 되면서 할 수 있었던 협업 자료들을 만들어보고 정리하는 일들은 꽤 재미있었고, 앞으로 남은 최종 프로젝트가 있기 전에 필요한 부분들을 공부하고 정리하는 시간을 가져봐야겠다고 생각했다😊

  • 고현석
    보편적인 CRUD 가 아니라 뮤직플레이어를 구현하고 리액트 플레이어와 연동하여 구현을 해냈다는 점이 이번프로젝트에서 만족이되는 부분이었습니다. 제 개인프로젝트로 더 발전시킬 만한 구성이었던 것 같습니다.

  • 김우상
    타입스크립트를 활용해 보면서 자바스크립트의 소중함을 알게 되었습니다.😊
    기본적인 crud , 페이징 처리도 해보고 화기애애한 분위기속에서 팀원 전체가 같이 발전한것 같아 너무 기분이 좋습니다

  • 한지은
    일정 때문에 자리도 종종 비우고 실력도 부족해 큰 도움이 되지 못했는데 팀원들께서
    이해해 주시고 도움도 주셔서 감사한 마음뿐입니다!
    소통도 잘되고 서로 배려해 주는 분위기에서 좋은 분들과 프로젝트 할 수 있어서 좋았고
    많은 것을 배운 시간이었습니다😊

  • 이학경
    이번 프로젝트때는 단순히 구현만 해서 결과를 이뤄내는것이 아닌 구현하는 과정을 포커스 두고 프로젝트를 진행한것 같습니다.
    사실 프로젝트 초반부에는 점점 프로젝트가 질리기도 하고, 앞으로 있을 최종프로젝트도 일주일 짜리 프로젝트랑 비슷 할 것같아서 참여 안하고 단독으로 혼자 하려고 했지만, 정현 매니저님의 조언과 격려 덕분에 생각이 많이 바뀌었고, 프로젝트를 임하는 마음가짐도 많이 달라진 것 같습니다. 이번 프로젝트를 발판 삼아 항상 사용자시점 에서의 고민과 불편함을 생각하고, 개발자시점 에서 효율, 의도를 생각하고 고민하는 개발자가 되겠습니다.

문제점

원래는 장르를 선택시 api 호출을 하였는데 그때마다 로딩시간이 지속되어 사용자 이용에 불편함이 있었습니다. 그래서 App.js 에서 미리 모든 정보를 호출하여 리덕스 스테이트에 저장을 하니 로딩이 거의 없어졌습니다.

앞으로 해야할 것

<김예슬>
1. 리액트 공부가 부족했었다는 점을 알고는 있었는데 이렇게 갑자기 다가올 줄은 몰랐다.
2. 하지만 절대 멘탈이 꺾이지 않도록 열심히 하자!!

<고현석>
팀원분들의 실력과 적성을 확인하여 적절한 역할분배를 최종때 해야겠읍니다.

<김우상>
1. 타입스크립트와 리액트 심화(리코일, 리액트 쿼리)를 공부해야겠다
2. css를 공부하고 각 프로퍼티의 개념을 정확히 숙지 해놔야 할 것 같다.

<이학경>
1. 코드를 꼼꼼하게 보는 습관을 갖고 무엇인가를 구현하기 전 왜 이렇게 짜려는지 생각하고 짜자.
2. 늘 사용자관점에서 생각하고 구현하자.

<한지은>
기본기 탄탄하게 다지기! 에러를 겁내하지말기! 모르는 건 무조건 물어보기!

profile
프론트엔드 개발 과정을 기록 중입니다:)

0개의 댓글