Spring 쇼핑몰 프로젝트 (-) 수정

뷰 템플릿 thymeleaf 을 사용하여 진행하려 했던 쇼핑몰 프로젝트의 수정사항이 발생했다. 이미 알고있는 스택에 대한 이해도 중요하지만, 많은 기술 스택을 넓히는 것도 중요하다고 생각했다.

JSP를 이용한 프로젝트는 이미 한 번 진행해본 적이 있고, JSP와 문법은 조금 다르지만 형태는 비슷한 thymeleaf 보다는 전혀 새로운 기술인 React를 이용해 페이지를 구성해보고 싶었다.

 

그렇기 때문에 이에따른 프론트작업은 개별적으로 진행했다. React 설치, 프로젝트 생성은 아래 글을 참고할 수 있다.

React 설치, 및 프로젝트 생성해보기 (tistory.com)

React 설치, 및 프로젝트 생성해보기

 

작업중인 현재 React 웹사이트는 아래 깃허브 링크에 지속적으로 업데이트 된다

https://github.com/HWOwoo/hwowoo.github.io

GitHub - HWOwoo/hwowoo.github.io: 리액트 페이지

 

정적인 사이트로, spring 로직이 완성되면 하나씩 동적인 실제 사이트처럼 작동하게 교체 할 예정이다. 아래는 구현된 웹사이트 페이지별로 보여지는 뷰 화면을 나열했다.

 

main 페이지

로그인 page 플로팅

주문 상세

회원가입

장바구니

제품상세

제품리스트