OSULLOC

오설록 사이트 클론코딩

https://osulloc.vercel.app

💻   github   💻

| Front-end | Back-end |

👩🏻‍💻 Contributors 🧑🏻‍💻

김정원	문이슬	차혜인	박지연	전선향
FE	FE	FE	BE	BE
상세페이지	메인페이지	로그인	전체상품페이지	로그인
장바구니	전체상품페이지	회원가입	상세페이지	회원가입
			장바구니	메인페이지

⚙️ Tech Stack 🛠

🛼 How to run ⛸

Back-End

clone repository

$ git clone https://github.com/Jeeyeonn/innovation_clone_2_BE

into the repository

$ cd innovation_clone_2_BE

build

$ ./build gradle

run server

$ java -jar build/libs/InnovationCloneBeApplicationTests.jar

Front-end

clone repository

$ git clone https://github.com/k-gardn/osulloc_FE

into the repository

$ cd osulloc_FE

install packages

$ yarn

start app

$ yarn start

시연 영상 (YouTube)

📁 Directory Structure 📂

Front-end

📦src
 ┣ 📂components
 ┃ ┣ 📂cart
 ┃ ┃ ┣ 📜Cart.jsx
 ┃ ┃ ┗ 📜Cart.module.css
 ┃ ┣ 📂cart_item
 ┃ ┃ ┣ 📜CartItem.jsx
 ┃ ┃ ┗ 📜CartItem.module.css
 ┃ ┣ 📂common
 ┃ ┃ ┣ 📂Footer
 ┃ ┃ ┃ ┣ 📜Footer.jsx
 ┃ ┃ ┃ ┗ 📜Footer.module.css
 ┃ ┃ ┣ 📂Header
 ┃ ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┃ ┗ 📜Header.module.css
 ┃ ┃ ┣ 📜LayoutPage.jsx
 ┃ ┃ ┗ 📜LayoutPage.module.css
 ┃ ┣ 📂detail
 ┃ ┃ ┣ 📜Detail.jsx
 ┃ ┃ ┗ 📜Detail.module.css
 ┃ ┣ 📂join
 ┃ ┃ ┣ 📜Join.jsx
 ┃ ┃ ┗ 📜Join.module.css
 ┃ ┣ 📂login
 ┃ ┃ ┣ 📜KakaoLogin.jsx
 ┃ ┃ ┣ 📜KakaoRedirect.jsx
 ┃ ┃ ┣ 📜Login.jsx
 ┃ ┃ ┗ 📜Login.module.css
 ┃ ┣ 📂main
 ┃ ┃ ┣ 📂banner
 ┃ ┃ ┃ ┣ 📜Banner.jsx
 ┃ ┃ ┃ ┣ 📜Banner.module.css
 ┃ ┃ ┃ ┗ 📜arrowForward.png
 ┃ ┃ ┣ 📂bestProducts
 ┃ ┃ ┃ ┣ 📜BestProducts.jsx
 ┃ ┃ ┃ ┗ 📜BestProducts.module.css
 ┃ ┃ ┣ 📂eventBanner
 ┃ ┃ ┃ ┣ 📜EventBanner.jsx
 ┃ ┃ ┃ ┗ 📜EventBanner.module.css
 ┃ ┃ ┣ 📂subscription
 ┃ ┃ ┃ ┣ 📜Subscription.jsx
 ┃ ┃ ┃ ┗ 📜Subscription.module.css
 ┃ ┃ ┗ 📂subscriptionItem
 ┃ ┃ ┃ ┣ 📜SubscriptionItem.jsx
 ┃ ┃ ┃ ┗ 📜SubscriptionItem.module.css
 ┃ ┣ 📂productItem
 ┃ ┃ ┣ 📜ProductItem.jsx
 ┃ ┃ ┗ 📜Productitem.module.css
 ┃ ┗ 📂productList
 ┃ ┃ ┣ 📜ProductList.jsx
 ┃ ┃ ┗ 📜ProductList.module.css
 ┣ 📂hooks
 ┃ ┣ 📜useBrowerEvent.jsx
 ┃ ┗ 📜useInput.js
 ┣ 📂network
 ┃ ┗ 📜request.js
 ┣ 📂pages
 ┃ ┣ 📜CartPage.jsx
 ┃ ┣ 📜DetailPage.jsx
 ┃ ┣ 📜MainPage.jsx
 ┃ ┗ 📜ProductListPage.jsx
 ┣ 📂redux
 ┃ ┣ 📂modules
 ┃ ┃ ┣ 📜cartSlice.js
 ┃ ┃ ┣ 📜detailSlice.js
 ┃ ┃ ┣ 📜productSlice.js
 ┃ ┃ ┗ 📜usersSlice.js
 ┃ ┗ 📜configStore.js
 ┣ 📂utils
 ┃ ┗ 📜moneyForm.js
 ┣ 📜App.css
 ┣ 📜App.js
 ┣ 📜index.css
 ┗ 📜index.js

Back-end

📦src
 ┣ 📂main
 ┃ ┣ 📂java
 ┃ ┃ ┗ 📂com
 ┃ ┃ ┃ ┗ 📂innovation
 ┃ ┃ ┃ ┃ ┗ 📂innovation_clone_be
 ┃ ┃ ┃ ┃ ┃ ┣ 📂Cart
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CartController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CartRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CartResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CartUpdateRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Cart.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CartRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CartService.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂Error
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Enum
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ErrorCode.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂Member
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜MemberController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜LoginRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TokenDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜Member.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜RefreshToken.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜RefreshTokenRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜MemberService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜UserDetailsImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserDetailsServiceImpl.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂jwt
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AccessDeniedHandlerException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜AuthenticationEntryPointException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜TokenProvider.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂shared
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Authority.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂OAuth
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜KakaoService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜OAuthController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜OAuthResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜OauthUserDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜UserDetailsImpl.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂Product
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ProductController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Request
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ProductDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ProductRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Response
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜ProductDetailResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ProductResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜Product.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ProductRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜ProductService.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂config
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜CorsConfiguration.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📜JwtSecurityConfiguration.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜SecurityConfiguration.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂mail
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜MailScheduler.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜InnovationCloneBeApplication.java
 ┃ ┗ 📂resources
 ┃ ┃ ┗ 📜Test.http
 ┗ 📂test
 ┃ ┗ 📂java
 ┃ ┃ ┗ 📂com
 ┃ ┃ ┃ ┗ 📂innovation
 ┃ ┃ ┃ ┃ ┗ 📂innovation_clone_be
 ┃ ┃ ┃ ┃ ┃ ┣ 📂Cart
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂Entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜CartTest.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📜InnovationCloneBeApplicationTests.java

💾 Database Schema 💿