React3 [React] 나의 프로젝트에 맞는 state 상태관리는? - Context 편 React를 공부하고 스스로 프로젝트를 만들다 보면 점점 규모가 커지고 컴포넌트 구조가 복잡해지면서 관리해야 할 state 값이 많아질 것이다. 이쯤 우리는 상태 관리를 어떻게 해야 할까, 구조에 대해 고민에 빠지게 되는 것 같다. 함수형 컴포넌트 로컬 상태만 관리할 때는 우리는 useState 훅을 사용할 것이다.import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return ( Count: {count} setCount(count + 1)}>Increment );}export default Counter; 다만 프로젝트 규모가 커졌을 때.. 2024. 5. 31. [React] CRA vs Vite? 왜죠? [React] React 프로젝트를 어떻게 생성해야 할까? React 프로젝트를 생성할 때, CRA(create-react-app)를 사용하면 아주 편하고 빠르게 시작을 할 수 있었다. 그러나 22년도 이후 CRA 업데이트가 없고, React 공식 문서(react.dev)에서도 더 이상 CRA에 대한 설명 ziyun.tistory.com 이전에 React 프로젝트를 생성하기 전에 React팀의 CRA에 대한 입장을 알아볼 수 있었다. '그렇다면 왜 CRA 대신 Vite인가?'를 다시 정리해보고 싶어졌다. 프로젝트 생성 CRA 지원 중단이지만, 없어진 건 아니다. npx create-react-app my-app CRA를 사용하면 뭐가 생성되는가.. 궁금하다면 아래 터미널을 자세히 살펴보면 친절하게 설명을.. 2024. 3. 15. [React] React 프로젝트를 어떻게 생성해야 할까? React 프로젝트를 생성할 때, CRA(create-react-app)를 사용하면 아주 편하고 빠르게 시작을 할 수 있었다. 그러나 22년도 이후 CRA 업데이트가 없고, React 공식 문서(react.dev)에서도 더 이상 CRA에 대한 설명이 없다. '왜 CRA 지원을 중단했을까 그리고 왜 많은 사람들이 Vite를 권장하는 걸까' 이제야 깊게 궁금해졌고 새로운 프로젝트를 생성하기 전에 이 부분을 정리하고자 관련 자료를 찾아보았다. 아래 글을 통해 CRA의 배경지식과 React Core팀이 말하는 React 생태계에 대한 생각을 알 수 있었다. 23년도 번역글이지만 지금이라도 읽고 정리할 수 있어서 다행인 거 같다. 글을 요약해 보자면, (번역) ‘Create React App 권장을 Vite로 대.. 2024. 3. 14. 이전 1 다음
