Beginners CRUD Tutorial - ReactJS, MySQL, NodeJS 쇼핑몰 장바구니 페이지 클론 코딩은 잘 구현되었는데 직접 새로운 프로젝트를 구현하려고 하니 어려워서, Beginners CRUD Tutorial 내용부터 클론코딩 하였습니다. 다음 목표인 쇼핑몰 상품리스트에 데이터 연동 해보고 싶어 전체적인 내용 기록 합니다. npx create-react-app new 프로젝트 생성 후 client, server 폴더 각각 생성 client servernpm install mysql express npm init client - 웹페이지 시작시 npm start server - 서버 시작 시 node index.js 연결되지 않은 것 같으나 터미널 내용 보시면 3001로 포트가 진행..

나 홀로 코딩 - 장바구니 구현(리액트 상태관리 With Redux) 아마존 클론 코딩 진행 시 수월하게 클론 코딩했지만 스스로 코딩 구현할 때는 실행이 잘 되지 않았습니다. Redux도 다시 공부하기 위해 내용을 정리 해봅니다. 1. 폴더 구조 잡기 pages 페이지 단위의 컴포넌트 폴더로 구성 ex) Login - Login.js, Login.scss / Main - Main.js, Main.scss 내 프로젝트 ⇒ List.js / Detail.js components 공통 컴포넌트 관리 (Header, Footer, Nav 등) 내 프로젝트 ⇒ ProductList.js / ProductDetail.js components vs pages 여러 페이지에서 동시에 사용되는 컴포넌트의 경우 compo..