React로 시작하기 🌟

React는 빠르고 동적인 사용자 인터페이스를 만들기 위한 최고의 라이브러리입니다. 이 글에서는 React 프로젝트를 시작하는 가장 쉬운 방법을 소개합니다!

1. 개발 환경 준비하기 🛠

먼저 Node.js와 npm(또는 Yarn)을 설치하세요.

Node.js 다운로드: Node.js 공식 사이트에서 LTS 버전을 다운로드 후 설치합니다.

설치 후, 터미널에서 아래 명령어로 설치 여부를 확인하세요:

node -v
npm -v

React 프로젝트를 생성하려면 아래 명령어를 입력하세요:

npx create-react-app my-app
cd my-app
npm start

이제 브라우저에서 http://localhost:3000을 열어 React 앱을 확인할 수 있습니다!

React의 컴포넌트 시스템으로 간단한 UI를 만들어봅시다:

import React from "react";

function App() {
    return (

React로 새로운 세상을 만들어보세요.


    );
}

export default App;

React의 상태를 사용해 동적인 UI를 만들어볼 수 있습니다:

import React, { useState } from "react";

function Counter() {
    const [count, setCount] = useState(0);

    return (


    );
}

export default Counter;

React를 더 깊이 배우고 싶다면 아래 자료를 참고하세요:

React는 배우기 쉽고 강력한 도구입니다. 직접 코딩하며 새로운 경험을 만들어보세요! 🚀