[팀프로젝트] 우리 팀의 협업 효율을 높인 규칙들

안녕하세요! 모바일 청첩장 제작 서비스 '드림카드'를 진행중인 도비팀입니다.내일배움캠프 수강생인 프론트엔드 개발자 5명, 디자이너 1명이 모여 열심히 프로젝트를 만들고있습니다. 드림카드는 내일배움캠프에서의 최종 프로젝트로, 이전보다 규모가 크고 기간이 길어진만큼 팀원 전체가 프로젝트의 흐름을 공유하고 정확한 규칙으로 협업 효율을 높이는 것이 중요하다는 생각이 들었습니다. 당장 기획하고 구현에 돌입하기도 마음이 급한데, 규칙을 정하기 위해 오랜 시간 논의했고 코드리뷰나 PR 작성 등 구현만 하는 것에 비해 시간이 더 소요되는 일들이 많아졌는데요. MVP 집중 구현 기간이 끝난 지금 돌이켜생각해보면 시간을 들여 디테일한 규칙을 정한 것이 오히려 빠른 흐름 속에 중심을 잡고 서로의 코드를 붙여나갈 중심점이 ..

• format_list_bulleted 팀 프로젝트
• · 2024. 11. 11.
• textsms

[트러블슈팅] API key가 올라간 PR 처리하기

팀 프로젝트를 진행하면서 실수로 API 키가 PR에 올라왔다!팀원분이 커밋을 하시고나서 모르고 계시다가 PR을 올린 후 같이 코드리뷰를 하다 발견해서 방법을 찾다가  PR은 지울 수 없다는 것을 알게됐다... 하지만 다같이 방법을 찾았다! 1) 깃허브에 문의해서 PR 지우기2) 로컬 커밋에서 살릴 부분만 살리기 깃허브에 문의해서 PR 지우기https://80000coding.oopy.io/dd8b0614-20b9-4574-a3bd-fb1f181bcaf6 깃허브에서 잘못 올린 PR 완전히 삭제하기 (1)깃허브를 public으로 사용하다보면 실수로 외부에 공개되면 안되는 민감한 내용이 노출되기도 합니다.80000coding.oopy.io위 블로그를 참고해서 문의했다! 생각보다 금새 지워졌다 1시간정도??  ..

• format_list_bulleted 팀 프로젝트
• · 2024. 10. 23.
• textsms

팀프로젝트 트러블슈팅 기록!

지난 팀프로젝트를 진행하면서 일정에 치여 기록을 제대로 남기지 못했다 ㅠㅠ지금도 바로 타입스크립트 + next.js 주차에 들어가면서 해야할 것들이 잔뜩 생겼지만.. 더 지나기전에 간단하게나마 기록해보려한다! dev-note가장 난감했던.. 아무런 에러 메세지도 없던 오류!!!!!!!! 그래서 원인 파악에만 시간이 아주 오래걸렸다.. 결국 발표전까지 해결을 못하고 튜터님들의 도움을 받아도 원인을 파악하기 어려워서 포기할까 싶기도했지만 사소한 오류도 아니고 아예 프로젝트를 사용할 수 없는 문제가 남아있다는게 너무 싫었다 🥹.. 괜한 오기인가 싶기도했지만 프로젝트가 실행되게 하는 것은 너무 당연한 책임인 것 같아 다음 과제 시작을 딱 하루만 미루고 그 날만 이 오류 해결에 투자해보기로 했다. 다행히 성공!..

• format_list_bulleted 팀 프로젝트
• · 2024. 9. 25.
• textsms

팀프로젝트 - Dev-Note (프로젝트 기록노트)

개요1. 진행 기간: 2024.08.28 ~ 2024.09.032. 인원: 5명3. 개발환경- React, Vite- 전역상태관리: Context API- 데이터베이스: Supabase- Github, Figma, Slack, Notion 등 활용 4. Github 링크프로젝트 소개주제 선정 계기단순 학습 용도가 아닌 실생활에서 활용할 수 있는 프로젝트를 만들어보고싶어 시작된 아이디어다!내일배움캠프에서 빠르게 여러 프로젝트들을 진행하면서 발표를 듣지못한 다른 팀들의 프로젝트도 궁금하고, 내 프로젝트도 한 곳에 모여있으면 뿌듯할 것 같다는 생각이 들었는데 이 기회에 프로젝트들을 한눈에 모아볼 수 있는 기능을 만들어보기로 했다. 주요 담당 기능1. Post fetch 및 Context Provider2. P..

• format_list_bulleted 팀 프로젝트
• · 2024. 9. 4.
• textsms

팀프로젝트 - 영화검색사이트 만들기

프로젝트 소개1. 진행 기간: 2024.07.31 ~ 2024.08.06 (7일)2. 인원: 5명3. 개발 환경HTML5 / CSS / Vanilla JSFirebase (Auth, Firestore DB)TMDB API (영화 데이터 조회)4. 깃허브 GitHub - spmrsong/movieDiveContribute to spmrsong/movieDive development by creating an account on GitHub.github.com 5. 팀 노션 16조_코드다이브 | Notion4. 와이어프레임teamsparta.notion.site + 정리해서 팀원분들께 공유했던 기획 내용   6. 와이어프레임 FigmaCreated with Figmawww.figma.com  구현 기능1. ..

• format_list_bulleted 팀 프로젝트
• · 2024. 8. 7.
• textsms

협업을 위한 Prettier 설정하기

prettier! 자바스크립트 공부를 시작하면서 계속 사용해오던 코드 포맷터다. 크게 신경쓰지 않아도 자동으로 코드 스타일을 정리해줘서 정말 편리하다. 지난 미니 팀프로젝트에서 팀원분의 제안으로 prettier를 다함께 설정해 시작했지만, 개인마다 다른 환경과 확장 프로그램 영향인지 배열만 다른 코드가 변경사항으로 push/pull 되는 경우가 종종 있었다. 제대로 적용된다면 너무 편할 것 같아서 다음 팀프로젝트에는 적용해보고싶었는데, 개인 프로젝트를 시작하는 김에 협업용으로 설정하는 방법을 알아보았다.  패키지 설치npm install --save-dev --save-exact prettier 터미널을 통해 prettier 패키지를 설치한다.  .prettierrc.js 생성echo module.exp..

• format_list_bulleted 팀 프로젝트
• · 2024. 7. 24.
• textsms