개발 공부

1. React 서버 실행하기 1) 앞선 과정에서 생성한 react의 프로젝트 폴더를 폴더 채 열어줍니다. 그러면 아래와 같은 화면이 나옵니다 그러면 우선 메뉴바의 터미널을 클릭하고 새 터미널을 열어주세요. 2) 열린 터미널 창에서 npm start 를 입력 한 뒤 엔터 버튼을 눌러주세요. 3) 정상적으로 실행되었다면, 다음과 같은 화면이 열리게 됩니다. 리액트의 기본 포트번호는 3000 이기 때문에 주소창에는 localhost:3000 으로 입력된 것이 보입니다. 2. Hello world 출력해보기 1) 왼쪽 사이드바에서 src 폴더 안에 있는 App.js 를 열어주세요. 열어보면 이미 여러 값들이 있겠지만, 필요한 부분만 남긴 뒤에 우리가 출력하길 원하는 hello world 를 입력해봅시다. 2)..

우선 react 를 사용하기 위해서는 Node.js 의 설치가 필요하다. 1. Node.js 공식 홈페이지 접속 Node.js 공식 홈페이지 LTS 버전 다운로드 및 설치 2. Node.js 가 정상적으로 설치되었는지 확인해줍시다. cmd 창을 연 뒤 node -v 를 입력해주세요 3. react 프로젝트를 설치하는 방법에도 2가지 방법이 있다. 3-1-1. react 프로젝트 파일을 저장할 임의의 폴더를 생성. 3-1-2. Shift+마우스 오른쪽 클릭 후 여기에 powerShell 창 열기 클릭. 3-1-3. npx create-react-app 만들고자하는 프로젝트명을 입력해줍니다. create-react-app 이라는 명령어는 node.js 에서 제공하는 리액트 프로젝트를 생성하는 키워드입니다. ..