목록프론트엔드/React (6)
Lsiron

1. JSXJSX(JavaScript XML)는 React에서 사용되는 JavaScript의 확장 문법이다. JSX는 JavaScript와 HTML을 조합하여 UI를 구성할 수 있도록 도와준다. JSX는 HTML과 비슷한 문법을 가지고 있어서 React Component를 작성할 때 보다 직관적이고 가독성이 좋다. JSX는 Babel과 같은 트랜스파일러를 사용하여 일반 JavaScript 코드로 변환된다. JSX는 React.createElement() 함수로 변환되며, 이를 통해 Virtual DOM을 생성하고 업데이트할 수 있다. JSX를 사용하면 UI를 선언적으로 구성할 수 있으며, JavaScript 코드와 함께 사용하여 동적인 내용을 표현할 수 있다.React에서 JSX를 사용하면 Compone..
Create React App Create React App은 React 애플리케이션을 쉽고 빠르게 생성할 수 있도록 도와주는 도구이다. 이 도구를 사용하면 별도의 설정없이 React 애플리케이션을 생성하고 개발할 수 있고, 프로젝트의 구조나 환경 설정 등을 자동으로 생성해주기 때문에 개발자가 초기 설정에 시간을 낭비하지 않고 바로 개발에 집중할 수 있다. Create React App은 편리한 개발 환경을 제공하여 React 개발을 보다 쉽고 빠르게 만들어준다. 1. Node.js 설치 및 npx 설치가장 먼저 Node 14.0.0 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요하다. 하위 버전 혹은 설치가 되어있지 않다면 Node.js 사이트로 들어간 뒤, 설치를 해준다.( LTS로 설치 해..