[항해99 1기] [Chapter6] 실전 프로젝트 (1) (2021.4.23)

실전 프로젝트에 대한 일지

오늘한 것

발제

아이스 브레이킹 이후 진행할 프로젝트에 대한 발제

• Project Manage, Team norm 설명
• 프로젝트 노션 생성
• 프로젝트 진행에 사용할 구글 시트 공유

회의

• 어떤 정보를 넣을 지, 어떻게 표현할 지
  • 디자인, 프론트 엔드의 협력 중요
• 커스터 마이징 알고리즘
  • 백엔드
• 이번 프로젝트에서 프론트는 백엔드로부터 받아온 정보를 출력하는 것이 주가 될 것
• 코드 컨벤션 장할것
• 전체적인 콘셉트 테마 정하기
• s3, ec2 방식으로 진행
  • 프론트 엔드, 백엔드 나누어서
• Git
  • 브랜치 사용
• 디자인은 데드라인을 명확하게 정하기
• 프로젝트 테스크 관리
  • 각자 팀원 성향, 진행 상황 파악 후 정하기
  • 프론트는 어떻게 할 지 정할 것
• 도커? 자동 빌드?
• 어떤 날씨 정보를 넣을 지?
• 친구들에게 설문하자
• 어플로 전환할 수 있는 방법 찾기
  • PWA
  • 웹뷰
• 약속일 기준 앞 뒤 삼일 정도로 해서 외출하기 좋은 날을 추천해주자
• 개인이 처음 로그인 했을 시 설문을 토대로 외출 점수를 보여주기
  • 매일 하기는 쉽지 않으므로 맞춤형 탭을 만들기
• 테마별 전광판
  • 등산, 감기, 질병 등
• 넷플릭스처럼 처음에 선호도를 조사
• 타켓 -> 전연령층
• 레이아웃은 인스타를 참고하여 웹, 앱 연동이 잘 되도록
• 메인: 4~ 5개의 정보
  • 슬라이드 or 스크롤
  • 추천 옷차림도 보여주기
• 외출 점수를 보여주기
• 다른 데이터도 보여주기
• 프론트에서 ux 신경 많이 쓸 것
• 숫자로 표시하는 정보는 자제할 것
• 웹에서 GPS 정보를 보내기
• 프론트에서는 큐레이션이 중요
• 비로그인 사용자에 대한 서비스 방법
  • 보편적인 유형의 추천을 보여주기
• 일요일까지 와이어프레임, API 설계

프로젝트에 참고할 자료

• 날씨날씨
• 하루날씨
• 네이버 날씨
• weather fit

프론트엔드 회의

• 와이어 프레임 기반으로 웹 페이지 프레임 짜기
• 구체적인 디자인이 정해지면 그것을 적용하기
• 아키텍처, 디자인패턴, 코드 컨벤션 정하기
• ELK 알아보기
• PWA 배포방법
• 각종 소셜 로그인
  • 카카오는 무조건
• 렌더링 최적화
• 컨셉 정하기

할 것

• 아키텍처, 디자인패턴, 코드 컨벤션 정하기
  • 변수명, 깃 commit 작명 등
• ELK 알아보기
• PWA 배포방법
• 컨셉 정하기(테마)
• 프론트엔드 테스크 프로젝트 테스크 관리하기
  • 디자인 팀원 다음 미팅 언제 할 지
• Repo 만들기
• element 컴포넌트 만들기
  • 컴포넌트 만든 후 디자이너 팀원에게 가이드 받기 ex) validation
• 타입스크립트 공부하기
• 기술 서치