본문 바로가기
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

    댓글