react

react 개발환경 구축하기 간단한 react 구축방법을 소개한다.stackblitz.com 구축하지 않고 웹에서 간단하게 실습가능Create React Appnode.js 설치하기 (가능한 최신버전)구축할 파일안에 들어가서 터미널에 웹브라우저와 샘플 리액트 앱이 뜸.

APP 프로퍼티(함수)를 root라는 id를 가진 곳에 랜더링 해라.우리가 주요적으로 꾸미게 될 곳.npm run buildreact 는 개발하기 좋지만 배포할 때 용량이 너무 크고 좋지않다. npm run build를 하면 배포하기 좋게 파일을 만들어준다.결과물 실행

사용자 정의 태그로 좀더 구조를 수월하게 볼수 있도록 도움을 준다.

React에서 props(속성)은 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법입니다. JavaScript의 함수 인자와 유사하며, 데이터를 전달하여 컴포넌트의 동작 및 모양을 사용자 정의할 수 있게 합니다.props를 사용하여 다른 부분에서도 사용할 수 있

Header Tag를 먼저 보자 onChangeMode가 발생했을 때 alert 화면을 띄운다.preventDefault()는 onClick을 하더라도 화면의 새로고침을 막아준다.props.onChangeMode()는 Header Tag의 onChangeMode()함수

State React에서 "상태(state)"는 컴포넌트의 현재 상태를 나타내는 객체를 의미합니다. 시간이 지나면서 변경될 수 있는 데이터를 저장하고 관리하는 데 사용되며, 컴포넌트의 동작에 영향을 줄 수 있습니다. 다시 말해, 컴포넌트의 상태는 그것의 메모리처럼