리액트 2

[React] 리액트 프로젝트 환경 관리

1. 리액트 프로젝트 환경은 개별적으로 관리됨리액트 프로젝트는 create-react-app, Vite, Next.js 등 다양한 방법으로 생성할 수 있는데,모든 방식에서 프로젝트마다 독립적인 환경을 가진다.예를 들어, create-react-app을 사용하여 새 프로젝트를 생성하면:npx create-react-app my-project이렇게 하면 my-project 폴더 내부에 새로운 node_modules, package.json, package-lock.json이 생성되며,기존 프로젝트와는 완전히 분리된다. 2. 프로젝트 생성 시 라이브러리 리셋 여부새 프로젝트를 만들면 기본적으로 제공되는 라이브러리 외에는 별도로 설치한 라이브러리는 포함되지 않음.예를 들어, 기존 프로젝트에서 axios, sty..

[React] 컴포넌트 선언 방식 비교 export default vs const

1. export default function 방식 (네이밍 함수 선언)export default function App() { return Hello, World!; }특징:function App()은 기명 함수(네이밍 함수) 선언 방식.export default를 함수 선언부에서 바로 적용 가능.디버깅 시 오류 메시지에 함수명이 명확하게 표시됨.this 키워드 사용이 가능 (클래스 컴포넌트에서는 중요하지만, 함수형 컴포넌트에서는 거의 필요 없음). 2. const App = () => {}; export default App 방식 (화살표 함수 선언)const App = () => { return Hello, World!; }; export default App;특징:App은 익명 함수(Anonym..