개발공부/React2 React 클래스형과 함수형 컴포넌트 차이점 리액트를 처음 공부할 때 클래스형으로 배웠는데, 요즘 리액트 공식사이트에서도 함수형 컴포넌트 훅(hook)을 지원해주면서 함수형과 훅(hook)을 함께 사용할 것을 권장하고 있다고 합니다! 다만, 클래스형은 이전에 작업한 부분에 대해 유지보수를 하기 위한 용도로 알아두면 좋으니 같이 공부를 해봅시당! React 클래스형과 함수형 컴포넌트 차이점 No 클래스형 컴포넌트 함수형 컴포넌트 선언의 차이 - class 키워드 필요 - Component로 상속을 받아야하며, render 메소드가 반드시 필요함 - state,lifeCycle 기능 사용이 가능 - state,lifeCycle 관련 기능 사용 불가능 - 컴포넌트 선언이 용이함 state - constructor 안에서 this.state 초기값 설정 .. 2022. 4. 18. [React] 게시글 수정하기 기능 게시글 수정하기 담당하면서 애를 먹었더니, 기록을 좀 해야겠다 분명 데이터를 다 가지고 왔는데, 새로고침하면 사라지고 ㅜ.ㅜ 수정하지 않고 저장하게 되면 기존입력값으로 저장되는게 아니라 빈값으로 저장되는 부분을 잡아주었다 (동적인 변화값 관리! ) 하고나면 쉬워보이지만 왜이리 시간을 많이 뺏은 것이냐 후 [문제점] 1. input box 에 값을 가지고 왔지만 새로고침 할 때마다 값이 사라짐 : defaultValue 에 db에 받아온 값 지정 2. useState 초기값이 변경 되지 않고 저장하게 되면 빈값으로 저장됨 : useState에 db에 받아온 값 지정 [기억하기용] 1. 게시글 수정하기 페이지 생성하기 : 게시글 작성 페이지와 동일하게 디자인 잡기 개설페이지 수정페이지 2. DB 가져와서 데.. 2022. 4. 5. 이전 1 다음 반응형
