[React] 웹 게임을 만들며 배우는 React - 240224

React의 간단한 특징들

• React는 JavaScript 라이브러리로 JavaScript 언어만으로 HTML, CSS, JavaScript를 모두 컨트롤하는 것이 가능하게한다. 따라서 JavaScript 언어 자체에 대한 지식이 매우 중요하다.
• React는 데이터 중심으로 동작하며, 데이터(state)와 화면을 묶어둔 컴포넌트로 구성되어 있다. 데이터가 변경되면 화면이 자동으로 갱신된다.
• React는 기존의 프론트엔드 방식과는 다르게 화면이 먼저 구성되는 것이 아니라 데이터가 먼저 바인딩된다.
• 화면의 변화는 상태(state)를 활용하여 처리된다.
• React의 버전에 따라 코드가 다를 수 있으므로 주의해야 한다.
• 컴포넌트 이름은 대문자로 시작해야 한다.
• JSX는 JavaScript를 확장한 문법으로, HTML과 유사하게 보이지만 Babel과 같은 라이브러리를 통해 JavaScript로 변환된다.
• JSX의 특징으로는 태그는 소문자로, 닫는 태그가 존재해야 하며, JavaScript 구문은 중괄호로 감싸야 한다. 또한 형제 태그는 부모로 감싸져야 한다.
• 불변성을 유지해야 하므로 배열을 직접 수정하는 함수(pop, push, shift, unshift, split)보다는 새로운 배열을 생성하는 함수(concat, slice)를 사용해야 한다.
• React는 라이브러리지만 생태계를 고려할 때 프레임워크로 간주할 수 있다.
• 함수 컴포넌트를 사용하면 this를 다룰 필요가 없어 편리하다.