{"CODING": undefind};/React2 2. React 컴포넌트 만들기 React 프로젝트를 생성했다면, 첫 리액트 컴포넌트 만들어보기 1. 기본적으로 표시되는 React 프로젝트 화면 구조 이해 1) public 경로의 index.html 에 'root' 아이디를 가진 div 가 존재 2) index.js 에서 해당 root div 영역에 불러온 App.js 를 리턴 2. 표시되는 기본 페이지 수정해보기 (App.js) 1) Hello.js 라는 테스트 파일 생성 2) App.js 에서 기존의 리액트 표시 부분 제거 후 Hello.js 파일 불러오기 3) 변경된 내용 확인 2024. 8. 20. 1. React 프로젝트 만들기 - 기본 세팅 1. VS Code 에서 TERMINAL 을 열어 아래 명령어 입력 npx create-react-app begin-react 2. 해당 경로에 생성된 리액트 프로젝트 폴더 확인 3. TERMINAL 에서 해당 경로 이동 뒤 명령어 입력 cd begin-reactnpm start (혹은 yarn start) 4. 리액트 프로젝트 확인 가능 (http://loacalhost:3000) 2024. 8. 20. 이전 1 다음
