React Programming Study

리액트를 사용하지 않은 코드리액트를 사용한 코드리액트를 사용하지 않은 코드이벤트 핸들러에 데이터를 변경하는 작업과 UI변경 코드도 포함비즈니스 로직과 UI코드가 복잡하게 혼합되어 작성명령형 프로그래밍UI의 변화된 모습을 예상하기 어려움돔 환경에만 적합추상화 단계 낮음리

State는 동적인 객체이다.Component에는 Component의 data를 넣을 공간이 있고, 이 data는 동적이다. 이를 state(상태값)으로 부른다.props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌

useEffect를 사용할 때,의존성 배열을 이용해서 검사할 값을 따로 둘 수 있다.코드가 조금 길지만 잘 살펴보자.상태값으로 count 와 keyword가 있고,useEffect를 이용한 함수가 3개 있다.최초에 렌더링(즉, 마운트됐을때)됐을 때만 실행된다.코드상에서

간단한 프로젝트 중,항목에 따라 4개의 세부 설명 페이지를 만들어야했었다.원래 4개의 페이지를 하드 코딩했었는데, 다른 팀원이 useParams()을 이용해 하나의 페이지에서 제공하는 식으로 해달라고 해서 바꿔봤다.즉, 백엔드에서 가져오는 데이터만 다르고 전체적인 컴포