YoonStudyNote

react의 라이프 사이클을 이해하고 api 로딩처리를 구현해보는 시간입니다. 만약에 고객들이 사이트에 접속했을때 속도가 느릴경우에 loading이미지가 나오게 만들도록 하겠습니다. 이미 material ui에서 이미지가 있기때문에 그걸 이용하면 훨씬 쉽게 만들 수 있습니다. material ui progress를 확인해보겠습니다. material-ui.com/components/progress/ Circular, Linear progress React components - Material-UI Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process. ..

client파일에서 client모듈을 생성하고 프로젝트 폴더에서는 서브모듈을 실행하도록 명시하겠습니다. 즉, package.json파일을 통해서 서버와 클라이언트를 동시에 실행시키게 할 수 있도록 설정하겠다는 뜻입니다. 고객목록을 알려주는 REST API를 개발합니다. REST API는 최근 상당 웹서버에 기본적으로 지원하는 기능으로서 서버와 클라이언트가 웹 프로토콜 기반으로 하여 효과적으로 데이터를 주고 받을 수 있도록 해줍니다. 이를 실습하기 위해서 가장먼저 기존에 서버모듈에 전체 고객 목록을 불러오는 API를 구현해 볼 필요가 있습니다. 그래서 const customers에서 정리한 json의 형식 데이터를 복사를 해둡니다. server.js에 customers에 넣어줍니다. 이렇게 하면 json의..