오늘 한 일
파이널 프로젝트
- 팀 명: geek-ryan
- 프로젝트 명: seemva
Ant Design 테스트
리액트 컴포넌트로 제공하거나 form 같은 경우 verify 해주는 부분의 가이드를 제공해준다. 나중에 만들어 볼지도 모를 calendar컴포넌트도 제공하고, airbnb의 datapicker를 사용하려고 했었는데, 이 역시 컴포넌트로 제공하고 있다. timeline 컴포넌트는 프로젝트에서 쓰려고 하는 것과 맞지 않아서 아쉽지만…
각자 테스트 해본 뒤 방향을 결정하기로 했는데, 논의 끝에 우선 이 디자인 컴포넌트를 이용해 보기로 했다.
와이어프레임
각자 벤치마킹을 해보고 와이어프레임을 그려보기로 했다. 논의는 트렐로를 통해 이루어졌다. 벤치마킹한 사이트의 이미지나 링크를 트렐로를 통해 공유하고, 팀원이 손그림으로 와이어프레임을 그린 것을 트렐로에 올린 것을 카카오 oven을 통해 정리했다.
로그인, 회원가입, 보드 화면까지만 만들었는데, 한꺼번에 하기보다는 먼저 컴포넌트별, 페이지별로 개발을 들어가면서 수정하고 추가하는 식으로 진행하는 것이 좋을 것 같다.
- 로그인, 회원가입: chiabi
- 보드화면, 보드의 사이드바: akiraei
네이밍 컨벤션
예. Login form
directory : filename
- components: UserFormButtonPC.js
- containers:UserFormButtonCC.js
- contexts: UserFormCTX.js
- pages: LoginPage.js
- hocs: withAuth.js
- serverAPI.js
※ components 파일에서 PC 작성시 반드시 storybook 파일 남길 것
UserFormButtonPC.stories.js※ 되도록 축약 표현이 아닌 풀 네임으로 만들것 (Btn(x), Button(o))
앞으로 사용 예정인 라이브러리
- 드래그앤 드롭 - react-dnd
- 타임라인 - react-calendar-timeline
프로필 부분은 고민이다. 사진을 올릴 수 있어야하는데, 이미지 서버를 따로 두는 방법을 고민 중이다. 이부분을 내가 테스트해보기로 해서 로그인과 회원가입 부분을 맡기로 했다.