📌 오늘의 기록
오늘의 TIL도 협업과 관련된 이야기입니다.
로직 개발을 본격적으로 시작하기 전, 페이지 스타일링 작업을 진행했습니다. 이 과정에서 공통 컴포넌트 관리 및 활용 방법을 익혀 적극적으로 적용해 보았습니다. 오늘은 그 경험을 정리해 보려고 합니다.
🚀 PR 체계 정비 및 GitHub Actions 적용
어제는 코드 작업이 많이 이루어지지 않아 협업 프로세스가 원활하지 않았지만, 오늘 본격적으로 PR 단계를 정비하며 협업을 진행했습니다.
- PR 단계에서 빌드 테스트를 자동화하는 방법에 대한 논의가 있었습니다.
- 이에 따라 새로운 GitHub Actions을 추가하여, 로직 검증 및 테스트 기능을 적용했습니다.
- PR 승인 조건을 강화하여,
- 빌드 테스트를 통과해야만 PR을 머지할 수 있도록 설정했습니다.
- 최소 2명 이상의 Approve가 있어야만 PR이 머지되도록 설정하여 코드 리뷰 문화를 강화했습니다.
이런 방식으로 PR 체계를 정비한 덕분에 코드 품질을 유지하면서도 협업을 더 원활하게 진행할 수 있었습니다.
🎨 공통 컴포넌트 관리 및 활용
공통 컴포넌트를 관리하는 과정에서 props를 활용한 동적 스타일 변경을 적용했습니다.
✨ 적용한 방법
- 컴포넌트 내부에서 props를 활용하여 원하는 값을 주입하면 스타일이 동적으로 변경되도록 설정했습니다.
- 이를 통해 같은 컴포넌트를 여러 곳에서 재사용 가능하도록 만들었습니다.
- 레이아웃 제작이 더욱 쉬워졌고, 스타일 일관성을 유지할 수 있었습니다.
🎯 레이아웃 완성 과정
- CSS Grid를 활용하여 원하는 위치에 요소들을 배치했습니다.
- 내부 요소(예: 댓글 내용)의 길이에 따라 자동으로 크기가 조정되도록 설정했습니다.
- 어떤 데이터가 들어와도 레이아웃이 깨지지 않도록 동적 조정을 적용했습니다.
이러한 방식 덕분에 유지보수가 쉬운 레이아웃을 완성할 수 있었습니다.
🤝 협업을 통한 성장
협업 과정에서 서로의 코드 스타일을 점검하고 피드백을 주고받으며 개선하는 과정이 정말 즐거웠습니다.
- 팀원들과 필요한 부분을 논의하며 적극적으로 의견을 공유했습니다.
- PR에서 Request Changes를 요청하고, 코드 스타일과 구조를 맞추는 과정을 거쳤습니다.
- 서로의 코드를 리뷰하고 피드백하며 개발 스타일을 맞춰나가는 과정이 매우 유익했습니다.
이러한 협업 과정을 통해 단순히 기능을 개발하는 것이 아니라, 팀원들과 함께 성장하고 배울 수 있다는 점이 정말 값진 경험이었습니다.
🏁 마무리
오늘 하루는 협업을 통해 성장하는 즐거움을 다시금 깨닫게 된 시간이었습니다.
코드를 단순히 작성하는 것이 아니라, 팀원들과 함께 개선하고 최적화하는 과정이 중요하다는 것을 다시 한번 실감했습니다. 앞으로도 이런 협업 문화를 지속적으로 유지하며 더 나은 개발을 해나가고 싶습니다! 🚀
김경민입니다.