Study/React (9) 썸네일형 리스트형 [React] 배포하기 npm run build Build 안에 모든것을 복사 이클립스의 프로젝트 webapp에 붙여넣기 Index.html 안의 . 을 붙임 붙이기 전 붙인 후 배포전 . 설정 방법 server.xml 에서 해당 프로젝트 경로 재설정 [React] 한 줄 메모장 - 메모 삭제 삭제 버튼 클릭 시 onDelete 함수 실행 handleDelete 함수 실행 [React] 한 줄 메모장 - 메모 수정 수정 폼 보여주기 메모 내용 출력 메모 수정 [React] 한 줄 메모장 - 메모 보여주기 메모 제목 클릭 시 handleClick 함수 실행 글번호를 부모 컴포넌트에게 전달 [React] 한 줄 메모장 - 메모 추가 사용자가 입력한 값 받아오기 메모 추가 (MemoApp.js) 메모 작성 후 지워주기 포커스 주기 [React] 한 줄 메모장 - 개발 환경 구축 기본적인 리액트 설치 npx create-react-app 부트스트랩 설치 npm i --s bootstrap@4.4 Router 설치 npm i --s react-router-dom axios 설치 npm I —s axios 제이쿼리 설치 npm i --s jquery Popper 설치 npm I —s popper.js [React] 구조 이해하기 1. index.html "root" id를 화면에 보여줌 2. index.js 을 불러줌 "root"아이디 설정 3. App01.js ex01.js파일을 import 4. ex01.js 화면 구성 [맥북] React 프로젝트 생성 1. 프로젝트를 생상하고자 하는 폴더로 이동 cd 프로젝트 생성 폴더 2. 프로젝트 생성 npx create-react-app 프로젝트명 3. 리액트 켜기 npm start 생성한 폴더로 이동하여 시작 4. 완료 이전 1 2 다음
