React

설치, 실행해보기

기본구조 살펴보기

배열 비구조화 할당을 활용첫번째 원소는 현재 상태, 두번째 원소는 setter 함수원래대로라면버튼 클릭때마다 현재값+1 한 값을 누적 후 출력etNumber(prev => prev + 1); 이렇게 함수형으로 파라미터를 넘겨주면 상태값 변경을 배치로 처리한다고 한다.위

React 에서 label에 붙는 for은 htmlFor 로 적어야 한다.input의 앞의 onChange는 이벤트이고 뒤의 onChange는 호출 할 함수 이름이다.

fontSize는 JS 문법으로 기본값을 줄수도 있다. 두개의 Btn이 똑같은 모양을 가지게 될것

state가 변경되면 모든 컴포넌트가 리렌더링된다.state값이 변경될때 리렌더링 되는 컴포넌트를 조작할수있다.useEffect의 첫번째 인자는 한번만 실행할 함수두번째 인자는 배열로 빈값을 넣거나 state 값을 넣어준다.두번째 인자 배열에 빈값이 아닌 state값이

BrowserRouter 는 리액트 라우터 돔을 적용하고 싶은 컴포넌트에 최상위 컴포넌트를 감싸주는 웨퍼컴포넌트이렇게 하면 App이라는 컴포넌트에서는 BrowserRouter컴포넌트를 사용할수 있는 상태라는것라우터가 버전 업그레이드 되면서 오래된 강의자료들이랑 다르게

홈페이지에서 node.js 설치 후에 설치 되었는지 확인하려면(윈도우 기준)시작+R -> cmd 실행npm -v 실행 후 버전 숫자가 나오면 정상 설치 되었다는걸 확인전역에 설치npm과 npx의 차이npm은 프로그램을 설치하는 역할npx는 create-react-app