react 시작하기 3

React 개발환경 설정 가이드(3) / VS Code / Window

React 개발환경 설정 가이드(3) / VS Code / Window 본 포스팅에서는 아래의 해당내용을 단계별로 진행하면서 React개발을 위한 툴을 설치하고 CRA(Create-React-App)를 이용하여 React샘플 프로젝트를 구성해 보도록 하겠습니다. - 가이드(1) : node / npm 다운로드 및 설치 - 가이드(2) : Visual Studio Code 다운로드 및 설치 - 가이드(3) : Visual Studio Code 설정 및 React프로젝트(CRA) 생성 - 본 포스팅 1. 먼저 리액트 프로젝트 워크스페이스(작업공간)로 사용할 디렉토리를 생성해주세요. - 원하는 위치, 원하는 경로에 설정해주세요. 2. File > Open Folder... > 생성한 디렉토리를 "폴더선택" -..

IT/React 2021.02.06

React 개발환경 설정 가이드(2) / VS Code / Window

React 개발환경 설정 가이드(2) / VS Code / Window 본 포스팅에서는 아래의 해당내용을 단계별로 진행하면서 React개발을 위한 툴을 설치하고 CRA(Create-React-App)를 이용하여 React샘플 프로젝트를 구성해 보도록 하겠습니다. - 가이드(1) : node / npm 다운로드 및 설치 - 가이드(2) : Visual Studio Code 다운로드 및 설치 - 본 포스팅 - 가이드(3) : Visual Studio Code 설정 및 React프로젝트(CRA) 생성 1. Visual Studio Code 홈페이지(code.visualstudio.com/download) 에서 인스톨러 다운로드 2. 다운로드 받은 인스톨러를 실행합니다. 라이센스 약관 동의 후 "Next" 3...

IT/React 2021.02.06

React 개발환경 설정 가이드(1) / VS Code / Window

React 개발환경 설정가이드(1) / VS Code / Window 본 포스팅에서는 아래의 해당내용을 단계별로 진행하면서 React개발을 위한 툴을 설치하고 CRA(Create-React-App)를 이용하여 React샘플 프로젝트를 구성해 보도록 하겠습니다. - 가이드(1) : node / npm 다운로드 및 설치 - 본 포스팅 - 가이드(2) : Visual Studio Code 다운로드 및 설치 - 가이드(3) : Visual Studio Code 설정 및 React프로젝트(CRA) 생성 1. Node 홈페이지(nodejs.org/ko/) 에서 LTS버전 인스톨러 다운로드 2. 다운로드 받은 인스톨러를 실행합니다. 이후 대부분 기본설정을 변경하지않고 Next의 연속... 3. 라이센스 약관 동의 후..

IT/React 2021.02.04