공공연히 기록하기 ✍️

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..

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..

호이스팅(Hoisting)이란?Hoist: 감아올리다호이스팅(Hoisting)은 JavaScript에서 변수와 함수의 선언이 실행 전에 해당 스코프의 최상단으로 끌어올려지는 것처럼 동작하는 현상을 말한다.즉, 코드가 실행되기 전에 JavaScript 엔진이 변수와 함수 선언을 미리 메모리에 등록하기 때문에, 코드에서 선언보다 먼저 참조해도 오류가 발생하지 않을 수 있다. 호이스팅의 원리JavaScript 코드는 실행되기 전에 두 가지 단계로 처리된다.컴파일 단계(Preparation Step)코드 실행 전에 변수와 함수의 선언을 미리 메모리에 저장.var, let, const로 선언된 변수들은 호이스팅되지만, 초기화는 이 단계에서 되지 않음.함수 선언문(Function Declaration)은 전체 함수..