react 3

useState Hook이란🤔

React useState Hook이란?🤔 React에서 useStae는 상태를 관리하기 위한 Hook 중 하나입니다. 함수형 컴포넌트에서도 상태를 관리할 수 있게 해줍니다. 사용 방법💻 useState를 사용하기 위해서는 useState 함수를 import 해야합니다. useState 함수를 호출할 때, 인자로 초기 상태 값을 전달합니다. useState 함수는 배열을 반화하는데, 첫 번째 요소는 상태 값이고, 두번째 요소는 상태를 갱신하는 함수입니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return ( You clicked {count} times setCo..

react 2023.04.12

React Vite로 더 빠르게 시작하기🚀

Vite란?🤔 vite는 Vue.js 창시자인 Evan You가 만든 웹 개발 빌드 도구 입니다. Vite는 빠른 HMR(Hot Module Replacement)과 실시간으로 모듈을 불러오는 기능을 제공하며, 프로젝트 초기화와 빌드 시간을대폭 줄일 수 있습니다. React Vite 설치하기 🚀 yarn create vite my-react-app --template react my-react-app 이라는 이름의 React Vite 앱이 생성됩니다. React Vite 앱 실행하기🏃‍♂️ cd my-react-app yarn yran dev http://localhost:5173/ 실행화면을 볼 수 있습니다. Create React App과 Vite의 차이점 ⚡ Create React App과 Vite..

react 2023.04.05