React/ShoppingMallProject 3

Node+Express 서버 & React 연동

nodemon을 실행하려고 하는데 아래와 같이 error 그래서 여기 velog를 참고하였다. 먼저 아래와 같이 명령어 입력 (-dev를 붙이면, development mode이고 local에서만 사용하겠다는 의미) npm install nodemon --save-dev 그리고 package.json부분에 dev를 추가해준다. 작업하고 있는 파일이 server.js이니까 server.js를 추가해준다. "dev" : "nodemon server.js", npm run dev 명령어로 서버를 실행 하지만 localhost:8080 들어가보니 에러가 뜬다. 머가 문제인지 모르겠다. 해결해야 하는데 30분째 에러찾는중.. https://codingapple.com/course/react-basic/ React..

CSS대신 SASS쓰기

아래 명령어로 SASS를 설치한 후에 yarn add node-sass SASS 문법인 변수사용을 해주었는데 아래와 같이 아래가 떴다. (Detail.scss) $메인칼라 : #ff0000; .red { color : $메인칼라; } 무슨 에러냐? SASS 버전이 6.0이었는데 react에서 사용하는 라이브러리 중에 sass-loader와 버전이 맞지않아(추측) 버전 호환 문제로 오류가 발생했다. node-sass 최신버전을 삭제한 후에 이전 버전을 설치! $ npm uninstall node-sass $ npm install node-sass@5.0.0' $ yarn remove node-sass $ yarn add node-sass@5.0.0 하지만 다시 에러가 났는데... 일단 놔뒀다가 나중에 해결..

쇼핑몰 레이아웃 디자인

자 프로젝트 실행하기 위해서 cra 명령어를 입력한다. shop라는 하위폴더가 생성이 되고 App.js에서 HTML들은 지우고 div 하나만 남겨두고 시작한다. npx create-react-app shop import logo from "./logo.svg"; import "./App.css"; import { Button } from "bootstrap"; function App() { return ( ); } export default App; 그리고 이번에는 메뉴디자인을 편리하게 해주는 bootstrap를 이용한다. 리액트에 맞게 바꾼 Bootstrap를 설치한다. npm install react-bootstrap bootstrap@5.1.3 yarn으로도 빠르게 설치가능 yarn add reac..