개발새발

📌 React Quick Start 정리 (v19 기준)참고: https://react.dev/learnReact 앱은 컴포넌트 (Component) 로 구성되어 있다.컴포넌트는 UI(사용자 인터페이스)의 하나의 독립적인 부분을 담당하며, 자체적인 로직과 UI를 가질 수 있다. ✅ 컴포넌트가 대체 뭔데 ?리액트의 핵심 개념 중 하나는 "컴포넌트 기반 아키텍처" 라는 것.즉, 리액트는 컴포넌트 단위로 구성되며, 각각의 컴포넌트는 하나의 UI 조각을 담당한다. ➡️ 컴포넌트 (Component) = UI의 개별적인 조각 ⬅️ ✔️ 작은 버튼 하나부터 페이지 전체까지 컴포넌트가 될 수 있다.✔️ 재사용이 가능하며, 독립적으로 동작할 수 있는 UI의 기본 단위다. ✅ 리액트에서 컴포넌트는 어떻게 정의될까 ?리..

공부하려면 직접 프로젝트를 만들어보는 게 가장 좋다!먼저, React 프로젝트를 생성해보자.이번 과정에서는 VS Code를 사용하여 개발을 진행할 예정이다. 🚀 ✅ VS Code 를 다운받기 전, node 를 "최신 버전"으로 다운받는다.맥북 유저들은 nvm으로 node버전을 관리하는 것을 추천한다. 그때 그때 필요한 버전으로 변경할 수 있어서 매우 편리함!(nvm 이란 ? node version manager인데, 노드 버전을 관리하는 스크립트) ✅ nvm이 설치되어있다는 전제 하에 terminal에 들어가서 아래 명령어를 실행하면 lts 버전으로 설치가 된다.nvm install --lts ✅ 설치가 되었다면 버전 확인node -vnpm -v ✅ VS Code 다운받으러가기https://code.v..

새로운 프로젝트에서 프론트엔드 기술 스택으로 React를 사용하게 되어 공부를 시작하게 됐다.공부 방법으로 유튜브 강의, 인프런 강의, 책 등을 고민했지만, 가장 기본이 되는 공식 문서부터 정독하기로 결정!단순히 읽는 것보다는 블로그에 정리하면서 공부하는 게 더 도움이 될 것 같아 기록을 시작한다. React를 처음 공부하는 입장에서 중요한 것 같은 개념과 나의 학습 과정을 정리할 것 !이 글이 React를 공부하는 다른 사람에게도 도움이 되길 …! 🚀 📌 참고 자료:React 공식 문서React GitHub리액트를 공부하기 전에 "React가 정확히 무엇인지" 먼저 알고 싶어서 공식 사이트를 탐색했는데,의외로 react.dev에서는 기본 정의를 찾을 수 없었다. 결국 GitHub README.md..