React/State
이 글은 노마드 코더님의 React 강의를 학습한 내용을 기반으로 작성합니다. State Functions setState 함수를 사용해 state 값을 변경하는 두 가지 방법이 존재한다. 1. setState()를 이용해 직접 원하는 값을 넣어준다. (setState(값)) 2. 이전 값을 이용해 현재 값을 계산한다. (함수적 갱신) : 함수의 첫 번째 인자 (argument)는 현재 값이다. 함수의 return값이 새로운 state값이 된다. -> 두 가지 방법 중 두 번째 (= 함수적 갱신) 방식이 더 안전하다. 왜냐하면 함수적 갱신 방식으로 함수를 사용했을 때 React가 해당 current가 확실히 현재값임을 보장해주기 때문이다. 참고 React는 HTML과 비슷한 JSX 방식을 사용한다. 하지..
이 글은 노마드 코더님의 React 강의를 학습한 내용을 기반으로 작성합니다. state는 기본적으로 데이터가 저장되는 곳이다. 우리가 현재 하고자 하는 것은 React JS를 활용해 다음 사진과 같이 버튼을 클릭할 때마다 숫자가 증가하는 결과물을 생성하는 것이다. 현재 코드는 다음과 같다. 결과물을 생성하기 위해 두 가지 방법이 존재한다. 하나는 좋지 않은 방식이고 나머지 하나는 우리가 해야 할 최고의 방식이다. 먼저 좋지 않은 방식으로 수행해보며 우리에게 무엇이 필요하며, 어떤 걸 해야 되는지 이해한다. 첫 번째 방식 첫 번째 방식 #1 첫 번째 방식 #1 결과 : 아무리 버튼을 클릭해도 UI가 업데이트되지 않는다. 이러한 문제가 발생하는 이유는 컴포넌트를 단 한번만 렌더링 하기 때문이다. 즉, 이러..
