Root:
C:\Users\Administrator\Documents\YJ\YJ-github\GMA\YJ-React\230704\shoppingmall
<이번 프로젝트의 핵심>
1. 가성서버: JSON 데이터 화면 출력
2. 로그인 여부: 출력 페이지 렌더링
3. 검색 기능
4. 배포: 가상서버
🍔 JSON 데이터로 가상서버 만들기
설치: npm install -g json-server
루트폴더에 'db.json' 파일 생성 & 데이터 입력
다른 터미널(powershell) 추가 후
실행:json-server --watch db.json
가상의 페이크 서버(다른 포트에): json-server --watch db.json --port 3004
(가상서버는 기존 렌더링되는 페이지와 다른 터미널 사용해야 함)
(렌더링되는 창이 3000이어야 하므로 json은 임의로 3004로 설정)
🍔 useEffect & useState 필요한 경우
useEffect()
: 웹 브라우저 화면에 데이터를 출력할 때
useState()
: 웹 브라우저 화면에 출력되고 있는 내용이 변경되었을 때, 변경된 데이터를 다시 출력하고 싶거나, 변경된 데이터를 어딘가에 저장하고 싶을 때
