<React팀>
토이 프로젝트 개발을 할 때 팀원끼리 역할을 어떻게 나누면 좋을까요? (ex. 설계, uxui, 개발 단위 나누기 등)
- 토이 프로젝트 하면서 유용하게 사용하셨던 툴이 있으신가요?
- postman, DB확인 툴, swagger, Figma
- vscode extension을 가장 많이 활용합니다.
- 리액트와 Vue 사이에서 고민중인데, 멘토님의 개인적인 생각과 회사측면(?)에서의 생각은 어떠신가요??
- 프로젝트에서 공통 폴더를 작업해야할 때 충돌이 예상되는 어떻게 관리해야할까요?
- 충돌을 피하기 위해서 폴더를 나누기보다는 공통 폴더를 출동시켜서 해결하는 전략으로 가는게 좋은것 같습니다.
- 로직 구현 전에 컬러, 폰트 다 변수로 지정하고 컴포넌트 단위로 css로 다 지정하고 시작하는 게 좋은가요?? (자주 쓰는 버튼 같은 것들..)
- 네이밍 참고
is visible showing open isShowing postList posts delete remove change onclick onClick, onBlur, onFoux onFocus handleBlur current : 현재 접두사 children: React.ReactNode; defaultActive?: string; label?: string; labelColor?: string; name?: string; placeholder?: string; size?: SelectSizeType; borderType?: SelectBorderType; block?: boolean; disabled?: boolean; align?: SelectAlignType; loading?: boolean; onChange?(value: string): void; className?: string; style?: React.CSSProperties; labelClassName?: string; labelStyle?: React.CSSProperties; inputClassName?: string; inputStyle?: React.CSSProperties;
- main——————————————————————————- ——————-배포
- develop——————————————-————-(a)————(b)————-(c)
- feature/home-page ———————-⬆️(1) - HomePage 구현
- feature/my-page ——————————————⬆️(2) - MyPage 구현
- feature/header ———————————————-———-—⬆️(3) - Header 컴포넌트 구현
- release 0.0.1 : 로그인 인증 관련을 구현한다.
- release 0.0.2 : 로그인 한 사용자는 마이페이지에서 내 정보를 수정한다.
- release 1.0.0 : 사용자스토리 - 사용자는 ~~ 을 위해 ~~을 한다.
- bugfix/, hotfix/, release/
- hotfix는 main branch에서 따서 작업한다.
- hotfix가 완료되면, main, develop에 같이 머지한다.
- feature, bugfix : develop에서 딴다.
- hotfix, release : main에서 딴다.
- develop : people목록 페이지, 채팅 목록 페이지
- release 1.1.1: people 목록 페이지
<Vue팀>
- 팀협업 분담을 어떻게 해야하는가?
- 기획을 우선적으로 진행한다. 개발을 할 때 그리고 페이지 단위로 나누어서 담당(작업후 피어리뷰)
- 주요기능, 공통기능은 담당자 선정
- 업무 분담 후 코드 작성 이전에 팀원들과 합의해야 할 점들
- 코드 스타일 등을 미리 다 정해두는지?
- 네이밍 컨벤션(명-동-형), 함수/이벤트 호출, 코드 컨벤션(세미콜런, 탭, 따옴표, 줄 당 코드 수 등)
- 중간 일정은 어떻게 관리하는지?
- 회의 주기는 정기적 혹은 비정기적 어떤게 좋은지?
- 정기적으로 하는게 좋은것 같습니다. 스크럼하듯 하루에 조금씩이라도 만나서 진행하면 좋을것 같습니다.
- 오늘 할 일, 진행상황, 목표(어디까지할지), 안풀리는게 무엇인지 에 대한 공유
- git branch 는 어떤 방식으로 나눠서 작업하나요?
- main에서
- git PR, 코드리뷰 등을 프로젝트에 활용할 수 있나요?
- 가능합니다.
- 외부 라이브러리 사용하는게 좋은지 직접 구현하는게 좋은지?
- 오래 걸리것 같으면 잘 만들어진 외부라이브러리를 찾아서 사용하려고 합니다.
- 라이브러리의 깃헙을 보면서 괜찮은 라이브러리인지 확인합니다.
- 스크롤, 캘린더, 차트 위주로 라이브러리를 사용합니다.
- 목록페이지
- 상세페이지
- 추가하는 페이지
- 삭제
- 시스템 내에 있는 confirm
- 검색
- 수정
- 이미지 다운로드(라이브러리 사용 추천) - file-saver - optional
- 공유 (배포 된다면 링크복사공유 정도는 가능할듯)
- 로그인/로그아웃
- 마이페이지
- 모달/팝업
- 채팅 보단 comment 남기는 수준으로
- 프로필 사진 추가(무료 아바타 라이브러리 사용)
- 저장/좋아요
- 마지막 2일은 테스트하면서 애니메이션이나 인터랙션 디테일 살리기
- 테스트 및 버그 수정
- 추가 작업 마무리
- 1주일 전에 배포 준비 시작하기
- testing code 작성은 시간 여유 되면 해보기
- 3개월 프로젝트면 aws, 3주면 vercel, firebase 배포하면 데이터 분석 가능
- breakpoint
- https://getbootstrap.com/docs/5.0/layout/breakpoints/
- 320px 아이폰 제일 작은 것
- 480px 모바일 제일 큰 것
- 768px 패드 작은 것
- 1024px 패드 제일 큰 것
- > 2240px : 1152px
반응형은 한 페이지에 모든 사이즈 한 번에 만드는 게 좋다
레이아웃 많이 안 바뀌게 해야 쉬움
- date는 moment 쓰지 말고, luxon 눈여겨볼 것. datejs, date-fns도 있음