[React]리액트

props = properties컴포넌트 사용할 때 특정 값 전달 해 주고 싶을때 사용한다. Hello Component에 name이라는 값을 전달 해 주고 싶다면?props에는 우리가 넣어 준 값들이 객체 형태로 들어 가 있다. App.js에서Hello.js는 이렇고

리액트 실행법git bash에서 리액트 디렉토리로 들어가서 yarn start 입력합니다.git bash에서 (master)가 뜬다면요.주의할 점태그는 꼭 닫혀 있어야한다. 두개이상의 태그는 무조건 하나의 태그로 감싸져 있어야한다. 빈 이름으로 감싸 준다.컴퓨넌트를 보

특정 조건이 참인지 거짓인지에 따라서 다른 결과를 보여주는것. Hello 컴포넌트 내부에서 조건부 랜더링. 삼항연산자 사용하여 true일때, false일때 다른 결과물 보여주기&&사용하여 true일때만 별표 표시 나타나게도 해줄 수 있음. 이렇게 true, fals

사용자 인터렉션에 따라 동적으로 바뀌어야 할 때 어떻게 해야하는지.리액트 16.8에서 hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 가능. counter기능 구현하기 .여기에 함수를 넣어주는거지 onIncrease()이렇게 실행을 시켜주면 안됨. ()하면 렌더링

onChange라는 함수 만들고 e.target하면 이벤트가 발생한 DOM이 들어옴. 해서 value에 text해 주는것이 중요하다. 안그러면 초기화가 되지 않는다 ㅠㅠ

여러개의 input 상태 관리하기 input 여러 개 일때 useState를 여러개 사용하는건 좋은 방법이 아님. 좋은 방법은, input에 name이라는 값을 설정하고, 이벤트가 발생했을 때 이값을 참조하는거다. 여러개의 문자열 형태를 가지고 있는 객체 형태를 관리

react사용할 때도 dom을 직접 선택 해야할 때가 있다. focus설정한다거나.. 하는 다양한 상황. html 비디오 관련 라이브러리나 그래프 관련 라이브 러리를 사용하게 될 때에도 특정 dom에다가 해야해서.. 그럴때가 있다. class Component는 좀 나

return 에서 같은 코드가 여러번 사용하나의 파일에 여러개의 컴포넌트를 정의해도 됨.

컴포넌트 내부에서 let으로 변수를 설정 해 준다면, 다음 리랜더링 될 때 그 변수값은 초기화 된다. 계속 유지하고 싶은 값을 관리하려면 useState를 사용해야하는데, 상태를 바꾸면 component가 리랜더링 된다. 어떤 값을 바꾸었을때 굳이 리랜더링 할 필요 없