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... > 생성한 디렉토리를 "폴더선택" -..

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...

VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... VSCode의 터미널을 통하여 npm혹은 yarn을 사용하여 처음 작업을 수행할 때, 다음과같은 에러가 발생할 수 있습니다. 내용은 "이 시스템에서 스크립트를 실행할 수 없으므로 ~(블라블라)~ 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오." 로, 시스템의 설정에서 스크립트를 실행할 수 있는 권한이 부여되어있지 않은 상태라서 해당 작업 명령을 수행할 수 없어서 발생하는 오류입니다. Window10 기준으로, Windows PowerShell 앱을 통하여 시스템의 스크립트 실행권한을 변경하여 해..

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. 라이센스 약관 동의 후..