95rolancia / coffee-shop Goto Github PK

• ts-loader를 babel-loader로 대체

• 개인 서버가 없어서... github에다가 더미 image data 올리기

기능 설명

• product component에서 Composable 삭제
• HTMLLIElement 상속

🔨 기능 설명

public 폴더 생성 및 index.ts -> app.ts

🔨 기능 설명

html-webpack-plugin 설치 및 index.html에 css 설정

📑 체크리스트

수행해야 할 체크리스트

• branch 확인
• commit msg 확인

🚧 주의 사항

기능을 구현할 때 유의깊게 살펴볼 사항

• 없음

⚠️ 버그 설명

babel에서 async/await 문법 사용 시 "regeneratorRuntime is not defined" error가 뜨는 issue

상품 옵션 수량 조절

옵션 수량 조절 및 주문하기 버튼 클릭

상품 디테일 페이지에서 옵션 선택

🔨 기능 설명

attach, remove의 인터페이스를 가진 기본적인 컴포넌트 만들기.

기능 설명

• .eslintignore에 webpack.config.js 추가
• webpack.config.js prettier 적용
• history Api 사용을 위한 historyApiFallback: true 설정
• bundle.js의 path를 고정시키기 위한 publicPath: "/" 설정

기능 설명

webpack entry index.js로 설정..

setup eslint + prettier

State에 따라 렌더링되도록 코드 전체 수정

기능 설명

• 제품 가격 콤마 포맷팅
• Jest 설치 및 위 함수 테스트 코드 작성

• Product Component
• Product Component를 감싸는 Product Page Component
• fetch dummy product data

기능 설명

• 상품 클릭 시 ProductDetailPage로 라우팅
• url에 /cart -> cart 페이지로 라우팅

• Webpack
• Typescript
• Eslint
• Issue, Pull Request Template

장바구니 페이지 및 장바구니 목록