-
STATE MALL 배포 링크 : https://statemall.click/
글을 펼쳐 기능 상세 정보를 확인할 수 있습니다.
고오급 남성 쇼핑몰 STATE MALL 입니다 https://statemall.click/
글을 펼쳐 기능 상세 정보를 확인할 수 있습니다.
Shopitems (container) 컴포넌트 구현
📑 구현할 기능
UserProfile컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
메인 캐러셀 (배너) 기능 추가
09/19일 마감 예정
Review, Qna, Comment 별 Form 컴포넌트 구현
Figma 프로토타입 완성
9 / 16 내 완성 예정
일부 항목에 대한 픽스 필요
ReadMe파일 작성
라이브러리, 프레임워크 픽스
9 / 16 내 완성 예정
라이브러리, 프레임워크 픽스
Favorite 컴포넌트 구현
restdocs&swagger 적용하는 방법에 대해 좋은 자료참고와 코드작성을 해봐야겠다.
중간중간 생각지 못했던 부분이 생겨 갈수록 제작이 느려지고 있음 ㅠ
테이블 명세, 추후 과정에 따라 UI 요소 변경이 예상됨
거의 끝나갈듯 계속 작업이 끝나지 않는다...
페이지에서 일반적으로 볼 수 없던 부분까지 제작해야해서 레퍼런스도 찾기가 힘들다.
최대한 빠르게 끝내고 구현으로 들어가 시간을 맞춰야한다.
Caused by: org.hibernate.service.spi.ServiceException: Unable to create requested service [org.hibernate.engine.jdbc.env.spi.JdbcEnvironment]
Solution: mysql workbench 접속 후 스키마 생성
create database ecommerce;
CartPage 내 주문 form 구현 (kakao api)
📑 구현할 기능
FavoriteContents컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
- 개인작업했던 테이블 설계를 백엔드 팀원들과 합치는 작업을 함.
- 테이블 설계에 미흡한 부분에 대해서 공부
상품쪽-카테고리 관계 , 결제-주문 관계, 주문의 상태변환시 고려해야할 부분에 대해서 확답을 못 내리겠다.
테이블을 정규화하기 위해 슈퍼타입-서브타입 모델링에 대해 접하였는데, 바로 적용하기에 어려움을 겪고 있음. 시작을 비정규화된 테이블의 상태에서 리팩토링을 했으면 이해하기 편했을거 같다. 조금 쓰다보면 시간이 해결해줄거라 믿는다.
Banner 컴포넌트 구현
Qna 컴포넌트 구현
백엔드 초기 설정 완료.
Security 복습.
프로젝트 진행 하면서 툴 세팅 조정
ColorSelector 컴포넌트 구현
📑 구현할 기능
SignUpForm컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
📑 구현할 기능
RegisterForm컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
Footer 컴포넌트 구현
Main Category 구현
ProductDetailCard 컴포넌트 구현
LoginForm 및 validation 구현
DB는 공부하면 할수록 더 헷갈리는 것 같다.
API명세는 이전에 해본 경험을 바탕으로 처음과 비교적 수월하게 작성할 수 있었던 것 같다.
MainPage - SubBanner 구현
Header 컴포넌트 구현
Input 컴포넌트 구현
server 초기설정
변수 하나하나 맞추는 작업, 클래스 이름 작성 자체가 노가다 하는 기분
API문서 작성 후 , S3 이미지 업로드 작업 중.
API문서를 작성 중에 수정해야할 것들이 너무 많아지고 쳐지는 느낌이 많이듬.
이번주는 우선 개발을 중심으로 작업하면서 문서에 대한 수정을 접근하기로함.
Spring Security 기본 설정 완료
JWT 복습
추후 API별 권한 설정 필요
📑 구현할 기능
UserCategory컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
ShopPage 내 Filter(aside) 컴포넌트 구현
📑 구현할 기능
BuyHistoryContents컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
이미지 업로드 구현에 시간소요가 많아질 수 있어 라이브러리 대체
API 명세에 따라 구성 요소 변경이 예상됨,
체크박스 스타일링에 제한이 있어 컴포넌트로 직접 구현
색상 선택에 체크박스를 사용하면 금방일줄 알았는데 체크박스 배경이 죽어도 안바뀌어서 한땀한땀 직접 만드느라 시간이 낭비된것 같다.
팀 프로젝트인 만큼 일단 사용가능한 기능에 대해 러프하게 구성한 후 우선순위를 낮출 필요가 있어보인다 ㅠ
- erd 테이블 다시 수정하였음.
- API 명세서 30% 작성
erd 피드백을 받으면 고쳐야할 부분에 대해 생각하게 됨.
테이블 진짜 너무너무너무너무너무너무 어렵다. 객체지향적인 사고뿐만 아니라 도메인적 사고로 접근하려니깐 이로 인해
생기는 문제에 대해선 해결하기엔 내가 아직 많이 부족하단걸 느낀다.
AdditionalInfo 컴포넌트 구현
ShopPage 내 정렬 기준 Sort 컴포넌트 구현
CartItem 컴포넌트 구현
react 및 라이브러리 초기 세팅 완료
추후 라이브러리 추가 사항 및 버전 체크 필요
라이브러리 설정, entity, directory 구조
9 / 17 일 마무리 예정
DB변경(h2 -> mysql), restdoc 설정, mysql 설정(yml)
📑 구현할 기능
QnAContents컴포넌트 구현
🗓️ 마감일 || 예상기간
⁉ 특이사항
AWS를 이용해서 이미지 업로드를 위한 서비스 컨트롤러 구현
2022-09-20(하루)
- 이미지를 업로드하기 위해 S3버킷 생성
- 서비스 + 컨트롤러 구현
- 이미지 업로드 확인 + URL 변경 확인
Reviews 컴포넌트 구현
상품API중 상품등록만들기
Security 기본 설정 완료
- API별 권한 설정 필요
백엔드 각자 ERD 작업 후 서로 비교
결제관련 지식 부족으로 추가 검색 필요
ItemCard 컴포넌트 구현
JWT 적용
- refresh token
MainItems (container) 구현
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.