8월 1일부터 9월 11일까지 진행한 Chingu Project v40 회고록입니다.
약 6주간 프로젝트를 진행하였습니다.
Chingu Project란?
Chingu는 외국의 개발자들과 팀을 이루어서
팀 프로젝트를 경험할 수 있는 동아리입니다.
https://www.chingu.io/
상시 접수기는하나, 일년에 4번정도 프로젝트가 진행됩니다. (한 프로젝트는 6주 동안 진행됩니다.)
접수할때 본인의 Tier를 선택할수 있는데, 저는 처음 해보았기 때문에 (HTML/CSS/JS)로
진행하는 Tier 1을 선택했습니다. —
Project Demo
Github Repository
진행과정
프로젝트는 총 6주간 진행되며 5인으로 팀이 구성됩니다.
그런데 2주후 팀원 2명이 나가버렸기 때문에, 3인 프로젝트로 진행하게 되었습니다.
1주 ~ 3주차
프로젝트 아이디어 선정 및 기술스택 선정
프로젝트 아이디어
- 마크다운 인식이 가능한 JS 노트앱으로 아이디어가 선정되었습니다.
기술스택 선정
- HTML/CSS/JS
- Vite
- eslint
- DOMPurify
- Marked
프로젝트를 하면서 배운점
- 이전까지 제가 만든 JS프로젝트보다 규모있는 프로젝트였기 때문에
확실히 JS를 다루는 것이 익숙해졌습니다.
ex) Delete 버튼이 새로고침을 해야만 작동하는 에러가 있었는데
이 에러에 대한 해결 방법으로 저는 버튼을 눌렀을때 강제로 새로고침을 하는 방법을 생각했습니다.
(location.href)
그런데 다른 팀원은 함수를 만들어서 서비스에 무리를 주지 않는 자연스러운 방식으로
문제를 해결했습니다. 이렇게 다른 팀원의 문제해결방법을 보면서 JS를 어떻게 사용하면
효율적일지를 배웠습니다.
또한 이번 프로젝트는 localStorage를 적극적으로 이용한 프로젝트인데
localStorage에 대해서 공부할수 있는(localStorage의 특징, localStorage와 sessionStorage의 차이 등) 좋은 계기가 되었습니다.
Key와 Value로 값을 저장하는 localStorage
- git을 이용한 협업
브랜치를 만들어 개발하고 Pull Request와 merge를 하고, 충돌을 해결하면서
git을 이용한 협업을 조금이나마 경험하게 되었습니다.
사실 가장 배우고 싶은 부분이었기 때문에 크게 만족했습니다.
- 프로젝트 세팅
프로젝트 세팅은 다른 팀원이 했는데, 팀원이 프로젝트를 세팅한 것을 보면서
eslint 세팅하는 법을 배울 수 있었고 vite라는 빌드 도구를 알게 되었습니다.
팀 프로젝트후 진행한 Weather-Glass에서는 직접 eslint를 설치해서 사용했습니다.
프로젝트를 하면서 신경쓴 부분
일단 정해진 시간안에서 프로젝트를 완성하는 것을 가장 중요하게 생각했습니다..
3주차 넘어서 개발이 시작되었기 때문입니다.
완성되어서 너무 기분이 좋았습니다!!
그리고 문서화에 신경을 썼는데, 팀의 모든 문서를 github wiki에 정리했습니다.
프로젝트를 하면서 아쉬웠던 부분
문서화에 대한 아쉬움
지금 보니 이슈에 대한 부분이 문서로 정리되었으면 좋았을것 같습니다.
물론 github issues탭이 따로 있긴 하지만 언제 어떤 이슈가 있었는지
정리되어 있었다면 어땠을까 하는 생각이 들어요.로그에 대한 아쉬움
팀의 Meeting log가 2주 정도만 작성되고 그 뒤로부터는 작성되지 않았습니다.
3주차 ~ 6주차도 간단하게나마 작성되었으면 좋았을것 같아요.회고
추가적으로 매주 프로젝트 회고록을 작성했으면 훨씬 더 좋았겠다라는 생각이 들었습니다.코딩 컨벤션
좀 더 체계적인 코딩 컨벤션에 대한 필요성을 느꼈습니다.
프로젝트 완료 후 느낀점
생각이상으로 좋은 팀원들을 만나 많을것을 배울수 있어서
너무 좋았습니다💖
마지막에 서로 즐겁게 인사할 수 있어서 행복했습니다.
특히 git을 이용한 협업 부분에서 정말 귀한 경험을 했다고 생각했습니다.
그리고 문서화의 중요성을 배웠습니다.
다음 팀 프로젝트는 문서화에 좀 더 신경써야겠다고 생각했어요.
봐주셔서 감사합니다.