230205 Sprint2 Scrum

스프린트 2 (2/1 ~ 2/3) 의 목표

• 메인 페이지 머지 완료
• 상품 리스트 페이지 완성
• 상품 상세보기 페이지 완성
• 장바구니 페이지 완성

여유가 된다면..

• 스프린트 1의 코드를 조금 다듬어보자
• 스프라이트 이미지 만들어보자
• 회원가입, 로그인 레이아웃 구성 후 퍼블리싱

스프린트 2 달성한 목표

• 상품 리스트 페이지
  • 마크업 완료
  • 필터 JS 90%
  • 정렬 JS 오늘 안에 가능할 것 같음
  • 페이지네이션 남았다! 함수를 잘 짜서 컴포넌트처럼 이용할 수 있게끔 고민 해보겠다!
• 상품 상세페이지
  • 상품 요약 영역 완료
  • 상세 보기 영역 완료
  • 상품 리뷰 영역
    • 마크업 완료
    • JS 기능은 한 70-80%
    • 남은 부분: 리뷰 데이터 받아서 뿌려주기, 페이지네이션, 리뷰 모달에서 작성 후 리뷰 등록
  • 상품 문의영역
    • 마크업 완료. 약간 깨져서 작업중
    • JS 거의 다했음
      • 페이지네이션 남았는데 할 수 있을까 모르겠다.
• 장바구니 페이지
  • 전체 선택 기능 구현중 (위에 있는 버튼만 작동, 아래 버튼은 작동 X)
  • 리스트에서 x 버튼 눌러서 삭제 완료
  • 토글 기능 완료
  • 주문하기 버튼 클릭 시 모달 뜨도록 하기 완료
  • 결제 금액 계산 기능 완료
  • 선택 삭제 기능 구현 중

좋았던 점

황주희

• bug를 발견했을 때, develop 브랜치에서 새로운 브랜치를 생성하여 작업 후 머지하는 것이 꽤나 편했다.
• 유틸 함수들을 사용하면서 하나하나 뜯어서 공부할 수 있어 좋았다.
• 개발하면서 겪는 시행착오들을 기록하고 나니까, 같은 실수를 금방 해결할 수 있어서 좋았다.
• 마크업을 날려먹었을 때 레이아웃을 같이 논의하고 작업했기 때문에 다시 빠르게 작업할 수 있었다.

서석원

• 상품 리스트 영역을 만들면서 비동기 통신 부분에 신경을 많이 쓸 수 있어서 좋았다
• 필터 영역을 만들면서 객체를 잘 다루게 된 것 같다.
• 리액트의 중요성을 느끼게 되었다..!

변경섭

• 눈으로만 보고 생각했던 것들이 많이 달랐고 직접해보면서 많은 시행착오를 겪어 도움이 되었다.
• 모르는 것들을 검색해서 찾아보는 것들이 귀찮지 않아졌다.

노지원

• 단단한 마크업과 CSS의 중요성, 설계의 중요성을 깨달았습니다.
• 모르고 있는 게 너무 많고, 복습을 철저히 해야겠다는 생각이 드는 시간이었습니다.
• 테이블 태그로 아코디언을 구현했는데 어려워보여서 처음엔 엄두가 안 났지만 마감이 다가오니 어찌저찌 해내지는 게 신기했습니다.
• 그동안 쉽게 가져와 쓰던 라이브러리의 소중함, 제이쿼리나 부트스트랩에 대한 그리움이 생겼습니다. 컴포넌트 ui의 마크업 구조를 짤 때 오랜 시간이 걸렸는데, 처음 구상안을 짤 때는 저런 라이브러리의 도움을 받고 시작하는 것도 시간 절약이 되지 않을까 싶었습니다.
• 데드라인 안에 구현하느라 놓쳤던 부분들 - 접근성, 시맨틱 마크업 등에 대해 팀원과의 회의시간을 가질 때마다 환기할 수 있어서 좋았습니다.
• 컴포넌트 단위로 html, css, js 작성을 하는 연습을 하는 게 효율이 좋은 공부 방법일 수 있겠다는 생각이 들었습니다.
• 깃과 깃허브를 혼자서만 써봤지 깃허브 플로우나, 스크럼 방식의 협업은 처음 해봐서 의미 있는 경험이었습니다.

박세은

• 스크롤 관련 기능을 처음 구현해봐서 좋았습니다.
• 접근성을 고려한 기능 구현은 개인적으로 어렵고 시간이 오래 걸리지만 직접 구현해봐서 좋았습니다.

아쉬웠던 점

황주희

• 페이지 영역별로 겹치는 기능이나 함수가 있는데 util함수로 만들고 나서 작업했더라면 좋았을 것 같다는 생각이 들었다.
• 중간점검때 웹접근성 체크리스트 이야기가 나온 것을 듣고 아차 싶었다. 웹 접근성을 지켜서 작업하자고 했던 처음 다짐과 다르게 실제로 작업을 그렇게 했는지 체크하진 않았던 것 같다.
• 커밋 단위를 쪼갠다면 마크업을 날릴 일이 없지 않았을까 하는 아쉬움.
• 기능을 더 자세히 확인하지 않았던 점. 작업을 하면서 개발해야 하는 기능들이 점점 구체화되고 그래서 작업할 양이 더 많아지는 것 처럼 느껴졌다!

서석원

• 필터영역의 요구사항을 정확히 파악하지 못해서 구현할때 고생을 좀 한 것 같다..
• 웹접근성이 아직은 어렵다고 느껴진다.

변경섭

• 너무 급한 나머지 웹접근성에 신경을 많이 쓰지 못했다.
• 코드가 지저분하고 변수명이 복잡하다.
• 커밋을 제때 하지 못했는데 고쳐야할 것 같다.
• 너무 px단위를 사용했다…

노지원

• 지치고 시간이 부족해지니 코드가 더러워지기 시작했다.
• 초반 설정을 더 잘 잡을 수 있지 않았을까, 초반에 고민을 많이 안 했다는 후회가 남습니다.

박세은

• 모듈화, 함수형 프로그래밍에 대해 제대로 알고 있는지 모르겠습니다.
• 지금까지 한 작업들이 접근성, 성능 부분에서 아직 부족하다고 느껴 아쉬웠습니다.
• util함수를 처음부터 썼으면 수정하지 않아도 됐을텐데 하는 아쉬움이 있습니다.

개선해보고자 하는 점

황주희

• 커밋의 단위를 최대한 잘게 해서, 커밋이 주는 장점을 잘 이용하자.
• 웹 접근성 체크리스트를 확인하면서 작업하자.
• 설계부터 꼼꼼히 하여 작업 속도를 줄여보자.
• 겹치는 기능을 util함수로 만들자.

서석원

• 이슈단위와 커밋단위를 좀 더 쪼개면 좋을것 같다
• 정확한 요구사항 분석
• 데이터 흐름에 관해서 다같이 먼저 분석을 하는게 좋을것 같다.

변경섭

• 웹 접근성 이해와 노력
• 적절한 커밋
• 나 자신도 못알아보는 지저분한 코드 고치기

노지원

• 코드 품질 개선
• 접근성 개선

박세은

• 접근성 확인하기
• util함수 사용해서 코드를 깔끔하게 유지하고 양 줄이기
• 이미지 최적화,

다음 스프린트 3 (2/6 ~ 2/8) 의 목표

• 접근성 확인
• SEO 최적화
  • 시맨틱 태그 사용
• 크로스 브라우징 확인
• 성능최적화
  • 이미지 최적화 (배너, 상품 썸네일 이미지, 상품 상세 정보 이미지) → 사이트 이용
  • util 함수로 묶기

여유가 된다면…!

• (후순위) 로그인/회원가입 마크업

스프린트 3의 목표

2/5 - 2/6 PR, Review, Merge

오늘 (2/5) 안에 PR 올리고, 리뷰해서 내일 중에는 머지 완료하고 깨진거 잡는 것을 목표

2/6 - 2/7 코드 품질 보완

• prettier 해결
• 코드 보완. 웹 접근성이나 성능적인 면에 초점을 두고 코드 질 높이기!
  • 내가 만든 코드 설명하고, 리뷰하고, 수정하자!
  • 겹치는 부분들 util함수로 합치기
  • 접근성 확인
  • SEO 최적화 논의
  • 성능 최적화 확인

2/8 발표자료 준비

• 저희 팀의 특징은 한 페이지의 레이아웃을 놓고 다같이 의논 했고, 그걸 바탕으로 개발을 한 것입니다.
• 오늘, 내일 발표 내용 구성을 한번 해서 디코에 올릴테니 보시고 추가 보완할 점들 피드백 부탁드립니다.
• 오류 해결 과정들 공유해주시면 좋을 것 같아요!
• 발표 자료는 구글 프레젠테이션으로 만들어봅시다!