팀 프로젝트 회고

한대희·2023년 5월 22일
0

프로젝트 소개

나만의 작은 음악 다이어리는 사용자가 공유하고 싶은 음악의 유튜브 url과 다이어리를 함께 작성하여 본인의 플레이 리스트를 다이어리와 함께 공유할 수 있는 서비스 입니다.

프로젝트를 통한 경험

1. TypeScript
팀원 분들과 이야기를 나눈 결과 그 동안 JavaScript와 React를 사용해 왔지만 이번에는 TypeScript를 사용해 보자고 의견이 모아져 TypeScript로 프로젝트를 시작하게 되었습니다.
TypeScript를 type error를 즉각적으로 표시를 해주다 보니 JavaScript보다 훨씬 엄격한 언어라는 느낌이 들었고, 나중에 발생할 수 있는 오류를 사전에 방지하면서 개발할 수 있구나 라는 것을 느꼈습니다. 하지만 아직 진심으로 TypeScript의 효용성에 대해 느낌이 오지 않아 추가적인 공부가 필요할 것 같습니다.

2.조건부 렌더링
개발을 진행 하던 도중 자꾸 페이지에 아무 것도 렌더링 되지 않는 문제가 간헐적으로 발생을 했습니다. 계속 안되는 것도 아니고 렌더링이 되다 안되다 하다 보니 왜 이런건지 답답한 부분이 있었고, 이유를 알아본 결과 서버에서 아직 데이터가 온전히 전달 되기 전에 해당 데이터를 보여주는 코드가 먼저 실행이 되다 보니 전달 받은 데이터가 없다고 인식 되어 아무것도 렌더링이 되지 않는 것이 었습니다. 따라서 불러온 data가 true일 때 해당 데이터를 화면에 렌더링 하는 방식으로 문제를 해결했던 경험이 있습니다.

보완할 점

1. open API 사용
원래 애초의 계획은 you tube api를 불러와서 다이어리와 함께 등록하는 방식 이었지만 결국 완성하지 못 했고, 차선책으로 url을 붙여넣는 방식으로 프로젝트를 진행 했습니다.이것이 가장 아쉬운 부분이었기 때문에 프로젝트 과정이 끝나고 youtube 클론 코딩을 해보면서 외부 api를 어떻게 불러 올 수 있는지 공부 하였습니다.

<추가학습 과정 정리 해 놓은 링크 입니다>
https://velog.io/@handaehee93/React-YouTube-Clone-%ED%9A%8C%EA%B3%A0

2. 로그인 기능에 대한 이해
로그인 기능의 경우 한 명이 단독으로 진행 했었기에 로그인 기능을 어떻게 구현할 수 있는 건지 학습 하고자 로그인 기능을 구현해 볼 수 있는 강의를 수강하여 학습을 진행 하였습니다.

< 추가 학습 과정 정리 해 놓은 링크 입니다 >
https://velog.io/@handaehee93/React-Shopping-Mall-%ED%9A%8C%EA%B3%A0

3. Next JS

프로젝트 기획 과정에서 멘토님 께서 Next JS를 사용해 보라고 제안을 해 주 셨지만 시간적인 제약 때문에 그 동안 공부 해 왔던 React로 진행 했기에 팀 프로젝트 과정이 끝나고 Next JS에 대해서 학습을 진행하고 있습니다.

profile
개발 블로그

0개의 댓글