[NUMBLE 회고록] 클론코딩의 정석_TypeScript + React 로 소개팅 앱 만들어보기

✨넘블러 회고록✨

기본적으로 제공되는 회고록 템플릿을 사용하여 작성된 회고록입니다.

---

😎 딥다이브를 시작하게된 배경 (Based)

처음 여자친구가 넘블 추천을 해주어서 넘블을 접하게 되었다.

처음엔 이런 사이트가 있는지도 몰랐는데 궁금증을 가지고 넘블을 검색해보니 넘블 딥다이브를 참가하여 열심히만 한다면 분명 양질의 포트폴리오를 만들 수 있겠다고 생각하였다.

그리고 여자친구가 넘블과 비슷한 종류의 사이트인 데이콘에 종종 참여를 하는데 참여를 하고 결과물을 만들어내는 과정에서 기술적으로 눈에 보일 정도로 성장하고 도움이 되었다고 적극 추천하며 말해줘서 넘블에 더욱 관심을 깊게 가지기 시작했고 때마침 프론트엔드 딥다이브를 모집중이였다.

나는 리액트에 대해서 공부를 시작한지 얼마 안 됐고 리액트를 메인으로 하는 포트폴리오가 필요하여 넘블 딥다이브에 참여를 결심하게 되었다.

😊 이번 딥다이브에서는 이런 것들이 좋았고 이런 걸 배웠어요 (Liked & Learned)

리액트에 입문한지 얼마 되지않아 다양한 라이브러리를 사용할 기회가 없었는데 딥다이브를 통해 유효성 검사 라이브러리인 "react-hook-form", AWS S3를 업로드를 할 수 있는 aws-sdk 등등 다양한 라이브러리를 경험해봐서 너무 좋았고 특히 혼자 프로젝트를 진행하게되면 백엔드 개발자가 없어 높은 퀄리티의 포트폴리오를 생산하기 쉽지않았는데 넘블 딥다이브에서는 프로젝트 진행에 필요한 API를 제공해주어서 상당히 만족스러웠다.

🤔 다음 딥다이브에서는 이렇게 하고 싶어요 (Lacked)

리액트와 타입스크립트를 시작한지 3개월?정도 밖에 되지않아 내 실력이 아직은 부끄러워 팀빌딩은 신청하지 않았는데 다음엔 꼭 팀빌딩을 한 번 쯔음은 해보고싶다. 리액트와 타입스크립트를 혼자 하다보니 나름 서칭한다고 해가지고 짜고있는 코드와 폴더 구조가 효율성이 좋은지 나쁜지 구분이 안가는데 다른 팀원분들과 함께 프로젝트를 진행해가며 많이 배워보고싶다.

 

그리고 채팅 기능이 옵션 사항이였었는데 회사를 다니며 딥다이브를 병행하다보니 시간이 많이 부족하여  채팅기능까지는 완벽하게 만들어내지 못했다.. (대충 뭐 어찌저찌 만들긴했으나 만족하진 못하겠다.)

다음번엔 연차를 쓰던 뭘 하던 시간을 많이 할애해서 딥다이브에 시간을 쏟아부어 더욱 더 양질의 포트폴리오를 만들어보고싶다.

 

여러모로 아쉬움이 가득 남는 딥다이브지만 그래도 어찌됐건 결과물을 만들어낸 내 자신에게 토닥토닥 .... 

😆 앞으로 딥다이브는 이렇게 했으면 좋겠어요 (Longed for)

딥다이브를 진행하며 아쉬웠던점이 딱 하나 있다.

api에 대한 명세서도 주고 화면 레이아웃도 주고 데모사이트도 주긴하는데

간단하게라도 기능에 대한 요구사항 명세서가 있으면 어땠을까하는 바램이 있긴하다.

api 명세서를 주고 화면 레이아웃을 줬다면 어느정도 기능들에 대한 요구사항이 가늠이 가겠지만

난 하나하나 기능들이 어떻게 움직이는지 확실히 알고싶었다...

 

딥다이브 소개 페이지

이건 넘블 딥다이브 모집 기간에 있던 소개 글에 있는 해당 딥다이브 내용 소개인데 

상세페이지엔 이렇게 되어있었으나

실제 제공된 가이드라인은 이렇게 제공되었다.

구현 조건을 더 구체화하여 제공된다 했지만 내가 보기엔 오히려 간략화 되었고

해당 부분을 딥다이브 시작시에 짚고 넘어가진 않았지만 이 부분은 아쉽긴했다.

 

물론 나는 앞으로 딥다이브를 꾸준히 신청할거고 해당 기능 명세에 대한 요구사항만 자세히 제공된다면

더욱 더 만족하며 진행할 수 있는 딥다이브가 될 것 같다 ! 

 

😁 마지막으로

사실 이번 딥다이브의 목표가 여러개 있었지만 여러 목표중 가장 내가 중요시했던 목표가 딱 2개 있다.

1. 일단 결과물을 만들어보자.

2. TOP3의 코드와 코드에 대한 피드백 사항을 공유 받으면 씹고 뜯고 맛보고 즐기고 !

 

React.js + TypeScript에 대해 매우매우 초보인 나에게는 사실 결과물을 만들어내는 것도 쉽지않았다....

그래서 일단 결과물을 무조건 만들어보자는 목표를 가졌고

앞서 말했다싶히 난 혼자서 공부하고 혼자서 포트폴리오를 만들고 했던 입장으로써

TOP3의 코드와 코드에 대한 피드백 사항을 공유해준다는건 아주 좋은 기회였다.

물론 github를 이리저리 뒤져보면 많은 선례들이 있겠지만

같은 주제로 같은 기간동안 달렸지만 나보다 좋은 코드를 만들어내어 TOP3를 하신 분들의 

결과물을 볼 수 있다는건 정말 생각만해도 설렌다. 자료를 받으면 진짜 씹고 뜯고 맛보고 즐기고 다 해야겠다.

 

이번 딥다이브를 진행하며 느낀건 참가권을 사비로 구매하면서까지도 차후에 지속적으로 딥다이브를 진행하고싶다.

그리고 주위에 포트폴리오로 고민하는 동료 개발자가 있다면 딥다이브를 추천해주고싶다.

아주 의미있는 2주의 딥다이브 기간이였고 여러모로 얻은것이 많은 2주의 딥다이브 기간이였다.

 

감사합니다

정말 마지막으로 딥다이브 결과물에 대한 URL을 첨부하고 끝내겠다 ! 

https://github.com/Growing-Jiwoo/NumbleDeepDIve

GitHub - Growing-Jiwoo/NumbleDeepDIve: [Numble DeepDive] 클론코딩의 정석_TypeScript + React 로 소개팅 앱 만들어

끝 !