✅ 리액트란 ✨ React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 📌리액트의 특징 > 1. SPA(Single Page Application) Component 기반 구조 one-way Data Flow
✨ State는 컴포넌트에서 다루는 데이터 중 하나이다. Props와 비교되기도 하는데, State는 컴포넌트 내부에서 선언하며, 변경이 가능한 동적인 데이터이다.React Hooks가 나오기 전에는 컴포넌트의 상태 관리를 하려면 클래스 기반 컴포넌트를 작성해야 했는데
✨ 리액트로 만들어진 앱을 이루는 최소한의 단위. 기존의 웹 프레임워크는 MVC방식으로 분리하여 각 요소의 의존성이 높아 재활용이 어렵운 단점이 있었다. 반면 컴포넌트는 MVC의 뷰를 독립적으로 구성하여 재사용 할 수 있고 이를 통해 새로운 컴포넌트를 쉽게 만들 수 있
JSX란 ✨JSX(JavaScript XML)는 자바스크립트에 XML을 추가한 자바스크립트의 확장 문법이다. JSX는 하나의 파일에서 html문법과 javascript 문법을 동시에 사용할 수 있어서 편리하며 가독성이 높다. ✅ 브라우저로 실행 되기 전, 번들링되
props 는 properties 의 줄임말이다. 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props를 사용한다. 자바스크립트에선 다른 함수에 있는 변수를 가져다 쓸 수 없지만, 컴포넌트 2개가 부모/자식 관계인 경우에는 가능하다.상위 컴포넌트가 하위 컴포넌트에 값