web

React 시작하기

nowoodeel 2024. 11. 17. 23:57
728x90

Hello, world!

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

 

온라인 플레이그라운드

CodePen

https://ko.legacy.reactjs.org/redirect-to-codepen/hello-world

 

https://ko.legacy.reactjs.org/redirect-to-codepen/hello-world

Redirecting to Codepen...

ko.legacy.reactjs.org

 

CodeSandbox

https://codesandbox.io/s/new

 

React - CodeSandbox

React example starter project

codesandbox.io

 

StackBlitz

https://stackblitz.com/fork/react

 

React - StackBlitz

A create-react-app project based on react and react-dom.

stackblitz.com

 

설치

Node.js 홈페이지 접속하여 LTS(장기 지원) 버전 또는 Current 버전을 선택하여 다운로드 한다.

https://nodejs.org/en

 

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

설치 확인

명령 프롬프트(Command Prompt)나 PowerShell을 열고 node -v를 입력한다.

Node Package Manager도 함께 설치되었는지 npm -v를 입력한다.

FullyQualifiedErrorId : UnauthorizedAccess 오류가 발생되면 PowerShell 실행 정책이 정의되지 않아 발생된다.

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

 

PowerShell 실행 정책

자세히 보기
https://learn.microsoft.com/ko-kr/powershell/module/microsoft.powershell.core/about/about_execution_policies?view=powershell-7.4

 

about_Execution_Policies - PowerShell

PowerShell 실행 정책을 설명하고 이를 관리하는 방법을 설명합니다.

learn.microsoft.com

 

 

반응형