Domino's PIZZA 클론 코딩

도미노피자 공식 사이트의 디자인과 기능을 유사하게 보이도록 제작하였습니다.
이미지 슬라이드, 탭 메뉴 등 제이쿼리와 이용하여 구현 하였으며 이러한 구현을 바탕으로 리액트를 사용하여 동일한 기능을 가진 웹사이트도 만들었습니다.

• Live Demo : Html-Site, React-Site
• 작업 기간 : 2일

정보

• 이 프로젝트는 도미노 피자사이트를 기반으로 제작하였습니다.
• HTML, CSS, REACT 작업에 익숙해지기 위해 이 프로젝트를 시작했습니다.
• HTML 문서 탐색, 이벤트 처리, 애니메이션, AJAX 호출 등을 보다 쉽게 다룰 수 있도록 도와주는 도구 JavaScript 라이브러리 jQuery를 사용하였습니다.

사용 스택

• HTML
• CSS
• JAVASCRIPT
• React 18.2.0
• jQuery

개발 환경 프로젝트 실행 방법

1. 레포지토리 클론 : git clone https://seolhee313.github.io/web2023/site/site2/index.html
2. Node.js와 npm 설치 : Node.js 공식 웹사이트에서 Node.js를 다운로드하고 설치. Node.js를 설치하면 npm도 함께 설치됩니다.( Node.js )
3. React 프로젝트 생성 : npx create-react-app my-react-app
4. scss 설치 : npm install node-sass
5. router 설치 : npm install react-router-dom
6. 프로젝트 시작 : npm run start, Open With Live Server

Screenshots