[리액트-리덕스(react-redux)로 도서관 어플 만들기] #1 초기세팅

리액트 리덕스를 이용해서 도서관 어플을 만들어 볼 예정입니다

주요 기능

책 대여, 책 반납, 좋아요

1. vscode에서 create-react-app만들기

터미널에 npx create-react-app library

npx create-react-app library
cd library
npm run start

React 공식페이지

 

npm run start 실행시 화면

2. jsconfig.json파일 만들어 절대경로로 import되게 하기

프로젝트 제일 위 폴더에 jsconfig.json파일 만들기

jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

3. book.json파일을 만들기

mockdata로 도서관에 있는 책 리스트 파일로 만들기

postype에서 네이버api book 을 이용하여 검색어 "사랑","이별","책"으로 10개씩 검색해서 book.json에 파일로 저장
각 객체 별 맨 앞에 id와 맨 뒤에 subject컬럼 추가

 

 

book.json

https://gist.github.com/JIYEONGSTAR/eb7865db0056856c63f60b558d061d0f

book.json

 

다음 게시글

디렉토리설정, 데이터 불러와서 화면에 띄우기