프론트엔드 협업 조언 구합니다..

Question

현재 다른 일을 하면서 공부하고 있는 코린이입니다.!만들고 싶은 서비스가 생겨서 구글과 웹을 제작하려고 합니다.2-3명이 함께 사이드프로젝트로 시작하려고 해서,기획/와이어프레임 정도 나온 상태에서 업무를 나누려는데 프론트엔드 부분을 어떻게 나눠서 담당할지 조언을 구합니다...단순히 각 페이지별로 나눠서 코딩하려고 했는데, 그러면 명명하는 방식이 각자 달라서 css 등 재사용이 어렵지 않겠냐는 의견이 있어서요! /코딩하는 방법도 다를 것 같구요!혹시 현업에서는 초기 제작단계에서 협업 시 어떤식으로 진행하시나요??규칙을 정하고 시작하나요??시작 전에 어떤 것들을 정하고 시작하면 좋을지… 팁, 조언 부탁드립니다!감사합니다!

스르르 · Answer

변수, 함수명 정하는 규칙이랑, 스타일링 규칙, 그리고 컴포넌트 분리 작성하는 기준 정도는 있어야 할 것 같고, 나머지는 이제 팀바이팀 아닐까 합니다.

wlgns2223 · Answer

UI 공통 컴포넌트들을 우선 정의하는게 좋습니다. 예를들면 버튼, 인풋박스,체크박스, 공통 레이아웃 (nav, header,footer등),Container 등 필수적인 UI 들은 같이 정의하세요. 하다보면 또 그래도 공통 컴포넌트들이 나오는데 해당부분은 소유권을 가지고 소유권을 가진사람이 컴포넌트를 업데이트 해주던가, 아니면 그때그때 협의를 봐서 업데이트한다거나하다보면그렇게 프로젝트 세팅이 끝나면 페이지별로 해도될까싶네요.디자이너가 있나요? UXUI 디자이너분이 계시면 훨씬 공통컴포넌트를 뽑아내기 쉽습니다. css는 tailwind를 추천합니다. 클래스 이름 명명하는걸로 고생 할 필요없어요.

크롱크롬 · Answer

CSS재사용을 고민하신다는 부분이 과거 사고방식으로 들립니다.프론트엔드에서 CSS 재사용보다는 컴포넌트의 재사용을 고민하기 때문입니다. 오히려 storybook같은 디자인 시스템으로 컴포넌트 하나 제작해서 범용적으로 사용하려고 합니다. CSS 재사용이 결국 특정 클래스네임을 가져다가 사용하시는 의미로 들리는데 처음부터 재사용을 염두하고 작업하시면 시작도 못하는 경우가 있습니다. 재사용 고민보다는 구현에 중점을 두시고 그 이후 반복이 되는 부분을 재사용 관점에서 재정의하시고 바꾸시는 방법을 추천드립니다.

OKKY_OP2 · Answer

해당 게시물은 관리자에 의해 기술에서 기타로 이동 되었습니다.

프론트엔드 협업 조언 구합니다..

4개의 답변

기타 목록