전체 글116 2021.09.15 수업일지(React.js) - 카테고리 뉴스 검색 뉴스 카테고리는 비즈니스(business), 연예(Entertainment), 건강(health), 과학(Science), 스포츠(Sports), 기술(technology) 총 여 섯 개이며 화면에 보여 줄 때는 영어로 된 값을 그대로 보여 주지 않고 아래 그림처럼 한글로 보여 준 뒤 클릭했을 때는 영어 값을 사용한다. - C:\data\react\ex05\src\component\(new)Categories.js import React from 'react'; import './Categories.css' const categories=[ {name : 'all', text:'전체보기'}, {name : 'business', text:'비즈니스'}, {name : 'enterta.. 2021. 9. 15. 2021.09.14 수업일지(React.js) - 프로젝트 프론트 서버(React.js) - Client Server - 3000 백엔드 서버(Node.js) - Developer Server - 5000 - 디자인 프레임워크의 종류 부트스트랩(BootStrap) 머티리얼유아이(MatrialUI) Ant - Material-UI를 이용해 디자인해보겠다. C:\data\react>cd ex04 C:\data\react\ex04>cd client C:\data\react\ex04\client>yarn add @material-ui/core - 완료 후 C:\data\react\ex04\client>cd.. C:\data\react\ex04>yarn dev - 백엔드 서버 확인 [0] [nodemon] 2.0.12 [0] [nodemon] to resta.. 2021. 9. 14. 2021.09.13 수업일지(React.js) - React.js - 새로운 프로젝트를 만들어보겠다. C:\data\react>yarn create react-app ex03 - 프로젝트 폴더로 이동 C:\data\react\ex03 - 프로젝트 시작 C:\data\react\ex03\yarn start - C:\data\react\ex03\public\index.html -> html 시작 부분 - C:\data\react\ex03\src\index.js -> root 연결부 / App component render 연결부 - C:\data\react\ex03\src\App.css -> 웹 CSS부분 - C:\data\react\ex03\src\App.js -> 웹 선언부분 - C:\data\react\ex03\src\App.js import '... 2021. 9. 13. 2021.09.10 수업일지(React.js) - React.js - 새로운 프로젝트를 만들어보겠다. C:\data\react>yarn create react-app ex02 - 프로젝트 폴더로 이동 C:\data\react\ex02 - 프로젝트 시작 C:\data\react\ex02\yarn start - C:\data\react\ex02\public\index.html -> html 시작 부분 - C:\data\react\ex02\src\index.js -> root 연결부 / App component render 연결부 - C:\data\react\ex02\src\App.css -> 웹 CSS부분 - C:\data\react\ex02\src\App.js -> 웹 선언부분 import './App.css'; import Foods from './.. 2021. 9. 10. 이전 1 ··· 8 9 10 11 12 13 14 ··· 29 다음
