ruriruriya

src/index.js입구 파일전형적인 설정이 들어감은 App.js에서 태그를 불러와서 ui를 보여준다.App.jsfunction App(){} 이 안에서 ui를 제작함이 것에 대한 CSS는 App.css가 반영 됌.(index.js에도 index.css가 적용되어 있음.)id = rootroot id의 렌더링의 root는 public/index.html에 있음.

React 의 기본 환경설정을 해보자.1. node.js 설치 node.js 사이트에서 다운로드 LTS 또는 현재버전 크게 상관은 없다. https://nodejs.org/en/download  Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org node.js 사이트에 node.js 사이트에서 다운로드 LTS 또는 현재버전 크게 상관 없음. 서 다운로드 LTS 또는 현재버전 크게 상관 없음. 2. VS codevscode가 설치되어 있지 않다면 설치해야 한다.https://code.visualstudio.com/Download Download Visual Stu..

React에서 useState는 함수형 컴포넌트에서 상태 관리를 가능하게 해주는 훅(hook)이다. 이 훅을 사용하면 컴포넌트 내에 상태(state)를 생성하고, 이 상태를 업데이트할 수 있다.상태란 해당 컴포넌트의 데이터 또는 속성을 의미하며, 이 데이터가 변할 때마다 React는 컴포넌트를 다시 렌더링한다. useState 사용법 useState는 초기 상태 값을 파라미터로 받고, 상태 값과 그 상태를 설정하는 함수를 배열 형태로 반환한다. [useState 기본구조]state: 현재 상태의 값setState: 상태를 업데이트하는 함수initialState: 상태의 초기 값const [state, setState] = React.useState(initialState); useState는 0을 초기 ..

JSX는 JavaScript XML의 약자로, HTML과 유사한 구문을 사용하여 JavaScript 코드 내에서 UI 요소를 기술하는 React의 확장 문법이다.JXS는 개발자가 UI 구조를 보다 직관적으로 작성할 수 있도록 하고 가독성과 생산성을 향상시킬 수 있다.<h2..