#TIL #211011-1017 (MLB site clone - 1차 프로젝트의 날들)

10월 11일 (월)

오늘 한 것

• git stash 개념 익히기
• MLB Korea Clone project
  • 상세페이지 옵션 영역 레이아웃 완성

 

---

 

10월 12일 (화)

오늘 한 것

• Codekata 5주 - 2일차 문제 (maxProfit)
• MLB Korea Clone project
  
  • 선택한 색상 state값 저장과 active class추가

 

---

 

10월 13일 (수)

오늘 한 것

• MLB Korea Clone project
  • 선택한 size state값 저장과 acvite class추가
  • 제품 상세페이지 컴포넌트화 추가 작업
  • 코드리뷰 사항 반영
  • 선택된 제품 옵션 사항 state값으로 저장 > back-end 통신 POST로 보낼 수 있게 정보 담기
  • 승균님 메인 페이지 작업 참고하여 slide구현 
• 멘토님 코드리뷰
  • 변수명
    • 동작을 하는 함수는 이름을 '동사'로 사용
    • 어떤 데이터인지 정확하게 알 수 있도록 작성
      • data❌ , productSizeData⭕️
  • 컴포넌트는 '재사용'을 목적으로 함으로 id 값을 부여하지 않기. className사용
  • 주석 사용은 정.말.필.요.한 사항에만 작성
    • 예 // 에러로직 추가할 부분
    • 코드의 설명을 주석처리 하려고 하는 것은 좋지 않음. 코드만 읽어도 '무엇을 위한 코드'인지 설명이 되게 작성하기.
  • UI를 위한 데이터를 사용하는 방향은 지양해야함. "데이터를 통해 UI로 만들어 가는 과정"으로 가야함
  • 외부 API사용시 KEY를 github에 올리면 안됨. 보안XXX
    • gitingnore 사용
  • setState는 비동기적으로 일어난다.
    • 한 줄, 한 줄 실행되는게 아님. 빨래통에 넣어서 한 번에 돌리는 개념.
• React 질문에 대한 답
  • 페이지 간의 이동은 query로 넘겨줌
    • '바로구매'같은 경우가 query로 '?key=value'로 사용됨. (withRoute)
  • 공유하는 부모가 없을 경우 전역state를 사용함
• git 
  • 내 브랜치 feature/product_option에서 수정후 add .
  • checkout master를 했는데, feature/product_option의 작업 내용이 다따라옴.
  • 원인
    • add . 되도 스태이징에서 관리 되지 않으면 작업 사항이 따라오므로 숨쉬듯이 commit하라

 

---

 

10월 14일 (목)

오늘 한 것

• MLB Korea Clone project
  • path parameter사용하여 상품 id별 상세 페이지로 연결되도록 작업
    • 해당 id를 가진 제품 정보 api GET으로 받아오기 
  • 주문 데이터에 담길 정보를 POST로 보내기
  • 팀원 작업물 폭풍 merge될 때마다, pull로 꼼꼼한 업데이트 하기.
  • 최종 작업사항 push > pr
• AWS세션 듣기 (계정까지 생성)

 

---

 

10월 15일 (금)

오늘 한 것

• MLB Korea Clone project
  • 마지막 수정사항 push > pr
  • 1차 프로젝트 발표!

 

 

 

---

 

10월 16일 (토) - 10월 17일 (일)

새 집으로 이사🏠