성장, 그리고 노력

부족하더라도 어제보다 더 잘해지자. 노력은 절대 배신하지 않는다.

Side-Project

[React + TS] Shopping Cart 만들기

제이콥(JACOB) 2020. 1. 23. 02:41

혼자서 만들어본 장바구니 프로젝트.

 일주일 기간 동안 일하고 컨퍼런스 가면서도 중간중간 최대한 시간 내서 만들어 봤다. 그래도 시간이 없어서 잠을 최대한 줄여봤다. 아마 이번주에 3시간 이상 잠을 잔 기억은 없는거 같다.

 그리고 어딜 가나 원활한 작업을 하기 위해 휴대용 모니터와 맥북을 들고 다녀야 했다는... (내 어깨..)

 

협업도 중요하지만, 혼자 많이 만들어 봐야하는 것도 느꼈다. 

 기존 프로젝트에 투입되면 "왜 이 기술을 사용하는지, 왜 이게 좋은 구조인지, 왜 이렇게 생각해야 하는지... " 등 의문점을 갖지 않는다. 의문점을 갖더라도 선임 개발자의 조언 또는 구글 검색으로 순식간에 의문이 해결돼버린다. 

 하지만, 그렇게 해결된 의문은 내것이 아니다. 이미 짜인 구조에서 무엇인가를 만들 수 있다고 생각하고는 내 실력이 늘었다는 착각만 가질 수 있다. 

 

 올해 몇 개의 사이드 프로젝트를 더 만들 수 있을지는 모르겠지만, 더 공부하고 더 많이 만들어 보자.


* 프로젝트에 대한 자세한 설명은 깃허브(github)를 참고하면 된다.

https://github.com/JungKyuHyun/Shopping-Cart/blob/master/README.md

Project Period

2020-01-17 ~ 2020-01-23 (총 7일)

Preview

1-1. 상품 목록 페이지

image

 

1-2. 상품 목록 페이지 - 상품 장바구니에 넣기/빼기

2020-01-23_01-04-38 (1)

 

2-1. 장바구니 페이지 - 상품이 없을 경우

image

 

2-2. 장바구니 페이지 - 상품이 있을 경우

image

 

2-3. 장바구니 페이지 - 상품 수량 수정

2020-01-23_01-20-10 (1)

 

2-4. 장바구니 페이지 - 쿠폰 적용 불가 상품 선택(체크)시, 최종 결제 금액 변경 및 쿠폰 미적용(선택 불가)

2020-01-23_01-25-07 (1)

 

2-5. 장바구니 페이지 - 쿠폰 적용 상품 선택(체크)시, 최종 결제 금액 변경 및 할인율 높은 쿠폰 자동 적용

2020-01-23_01-28-40 (1)

 

2-6. 장바구니 페이지 - 쿠폰 적용/미적용 상품 같이 선택(체크)시, 쿠폰은 적용 가능 상품에만 적용

image

반응형