componentDidMount()fetch() → 호출할 API 주소: https://jsonplaceholder.typicode.com/userssetState() → state 객체 내에 monsters 라는 key 값에 저장API 호출 후 저장한 배열을
1. State 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 화면에 보여줄 컴포넌트의 정보를 지니고 있는 객체 state에서 상태값을 설정하는 이유는 컴포넌트 안의 요소에서 상태값을 반영해서 데이터가 바뀔 때마다 효율적으로 UI에 나타내기 위함 2. State 객
1. SPA(Single Page Application) 페이지가 한 개인 애플리케이션 리액트 프로젝트에서 파일의 개수는 1개 2. Routing 다른 경로에 따라 다른 화면(view)를 보여주는 것 리액트 자체에는 이러한 기능니 내장되어 있지 않기 때문에 Fram
handleIdValue함수와 handlePwValue를 합치는 handleInput함수const { name, value } = e.target;\-> e.target.name\-> e.target.value<input className="idValue" typ
웹이 복잡해지면서 지속적으로 데이터가 변화하는 대규모 애플리케이션을 구축하기 위해 등장한 라이브러리사용자 인터페이스를 만들기 위한 javascript 라이브러리MVC(Model-View-Controller) architecture 중 view만 담당가상돔(이전 UI상태