본문 바로가기
React

[React] React 시작하기

by lvd-hy 2023. 3. 24.
반응형

 

 

React

프론트엔드 개발을 위한 JavaScript 라이브러리

React 시작하기

npx create-react-app "프로제트명"

//예시
npx create-react-app appstart

React 실행하기

// 폴더 이동하기
cd "생성한 프로젝트 폴더명"

// 예시
cd appstart

// 리액트 실행하기
npm run start

⬇️  실행 후 화면 (http://localhost:3000/로 연결)

 

React에서 UI를 구성할 때 사용하는 문법

JSX 문법을 사용한다.

 

[React] 특징과 JSX 문법

React 프론트엔드 개발을 위한 JS 오픈소스 라이브러리 React 3가지 특징 1. 선언형(Decalarative) : 한 페이지를 보여주기 위해 HTML, CSS, JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있

lvd-hy.tistory.com

 

Reference

https://ko.legacy.reactjs.org/docs/create-a-new-react-app.html

 

새로운 React 앱 만들기 – React

A JavaScript library for building user interfaces

ko.legacy.reactjs.org

 

 

 

반응형

'React' 카테고리의 다른 글

[React] 'ref.current' is possibly 'null'.  (0) 2023.07.14
[React] Proxy와 Proxy 사용법  (0) 2023.06.07
[React] 특징과 JSX 문법  (1) 2023.04.27
[React] 리액트에서 아이콘 사용하기  (0) 2023.03.27

댓글