React :: nomadcoders

(강의내용을 create-react-app으로 실행함 - ❌강의 코드 아님❌) #3.4 State Functions #3.6 State Practice part One 분 ↔ 시 단위환산 프로그램 만들기 input의 value를 사용자가 수정할 때마다 값을 바꿔

#4.0 Props App은 부모 컴포넌트, 나머지는 자식 컴포넌트. Props는 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 하는 방법이다. 같은 스타일의 버튼을 만들 때, 복사 붙여넣기가 아니라 컴포넌트를 재사용하기. 무엇이든 App에서 값을 보

드디어 create-react-app으로 실행하는 코드.아래 코드를 실행하면 console에 render가 2번씩 찍히는 현상이 나타난다.이 현상은 React.StrictMode 때문이라고 함 - React에서 디버깅을 위해 제공하는 wrapper.🔗 My React

이제 useEffect의 두번째 인자가 뭔지 알아볼건데 (미리 말하자면 Dependencies ; Things React should watch)우선 search bar를 하나 만들어보자아래 코드를 실행해본다사용자가 input에 입력한 값은 event.target.va

잘 쓰지 않는다고 하니 우선 스킵함.toDo 변수를 입력한 값으로 바꾸는 코드 작성. 이렇게 작성할 경우 버튼을 누르면 제출 기능으로 값이 지워진다. 이를 막기 위해 onSubmit 함수를 만들자.다음 조건문을 onSubmit 함수 안에 넣어 toDo가 빈 값일 때는

setState()함수를 쓸 때는 두 가지 방법이 있다.첫째는 값을 직접 보내는 것,둘째는 함수를 보내는 것 - 첫번째 인자(argument)로 현재 state값을 넣고 이 값을 이용해 계산을 하거나 새로운 state를 만들 수 있다.map()은 자바스크립트 함수로,