Node.js 설치

• 리액트를 이용하기위해서는 Node.js를 설치해야합니다.
• 위의 사진에 보이는 사이트로 들어가서 본인의 컴퓨터에 맞는 버전으로 설치해줍니다.

CMD 조작

• 리액트를 개발할 폴더를 하나 만들고(ex react-app) 터미널로 들어가줍니다.
• 터미널은 Powershell을 쓰면 권한 문제로 리액트 설치가 어렵기에 Command Prompt로 해야합니다. 관리자 권한으로 실행하면 더 좋습니다.
• 필자는 VSCode를 사용해서 개발하지만 사실 IDE는 아무거나 써도 상관은 없습니다.

CMD 조작

• 리액트를 개발할 폴더를 하나 만들고(ex react-app) 터미널로 들어가줍니다.
• 터미널은 Powershell을 쓰면 권한 문제로 리액트 설치가 어렵기에 Command Prompt로 해야합니다. 관리자 권한으로 실행하면 더 좋습니다.
• 필자는 VSCode를 사용해서 개발하지만 사실 IDE는 아무거나 써도 상관은 없습니다.

리액트 설치

• 터미널 창에 npx create-react-app .을 쳐서 현재 폴더를 리액트 프로젝트로 만들어줍니다.
• . 자리에 my-react-app이라고 치면 npx create-react-app my-react-app이렇게 치면 현재 폴더 안에 my-react-app이라는 리액트 프로젝트 폴더가 하위로 생기게 됩니다.

리액트 초기화면

• 터미널 창에 npm start을 치면 개발서버로 위와 같은 화면이 뜨게됩니다.
• 이 화면이 뜨면 성공적으로 개발환경을 구축한 것 입니다.