나는 내부 mysql을 이용하였다. * 터미널에서 mysql 실행 방법 1. mysql.server start 2. mysql -uroot -p 3. 비밀번호 입력 management 데이터베이스와 customer테이블을 생성 후 사용자들을 임의로 삽입해주었다. 우선 npm install mysql을 터미널에 입력하여 현재 프로젝트 폴더에 mysql 패키지를 설치한다. 그리고 서버에 database.json 파일을 만들어 { "host":"0.0.0.0", "user":"user", "password":"user 비밀번호", "port":"3306", "database":"management" } 위와 같이 작성해준다. 그리고 server.js 에서 database.json파일을 읽어와 데이터베이스와 연..

node.js express 를 설치하여 REST API를 구축해보았다. REST API는 최근 상당수의 웹 서버 프레임워크에서 기본적으로 지원하는 기능으로 서버와 클라이언트가 웹 프로토콜을 기반으로 하여 효과적으로 데이터를 주고 받을 수 있도록 해준다. 저번 강의에 이어서 전체 고객 목록을 불러오는 API를 구현해보았다. 터미널에 각각 npm run server 와 npm run client를 입력하면 각각의 포트가 열리도록 서버에 만든 package.json의 scripts에 작성해두었다. 서버 클라이언트 5000번 포트 3000번 포트 package.json package.json server.js app.js 클라이언트의 package.json 에 "proxy": "http://localhost:..

npm install @material-ui/core

react.js 는 자바스크립트 라이브러리로, 재사용성이 뛰어나다는 특징이 있다. 새로고침을 하지 않아도 수정된 부분이 바로바로 업데이트가 된다. 오늘은 props(property)를 통해 컴포넌트에게 값을 전달하는 방법을 공부했다. 우선 App.js에 위와 같이 유저들의 정보가 담긴 배열을 만들어준다. 그리고 위와 같이 컴포넌트 안에 customers 배열을 하나씩 탐색하기 위해 map 함수를 이용하여 모든 배열을 돈다. 이때, Customer는 미리 만들어둔 Customer.js 의 클래스이다. 여기서 구체적인 UI를 만들었다. Customer는 CustomerProfile 과 CustomerInfo로 이루어져 있다. 여기서 props를 통해 컴포넌트로 값을 받아왔다. - 처음 해보는 리액트 공부였는..