본문 바로가기

프론트엔드3

[React] CRU 기능 보완, delete 기능 구현, Redux의 개념 서론 저번 글만 해도 create, read, update 이 세 가지의 기능만 구현했었다. 그래서 오늘은 이전 기능을 조금 보완하고, 마지막 delete 기능을 구현할 것이다. 또, 책에서 배운 redux의 개념을 적어놓으려고 한다! 무엇을 보완할까? 원래 내가 만든 웹에서 create를 하거나 update를 해서 submit 버튼을 누르면 페이지가 그대로 create/update 화면을 보여줬었다. 근데 이러기보다 create/update를 하고나서 바로 그 content를 보여주는 게 훨씬 편할 것이다. 그래서 이번 글에선 create/update를 하고, create/update가 된 content를 보여주는 것을 구현할 것이다. 먼저 mode가 create일 때 setState 함수를 이용해 c.. 2022. 1. 11.
[React] event, render 함수, state 값 변경 방법 이벤트(event)란? 저번 글에서 배웠던 state와 props를 동적으로 움직이게 하는 거임 이해를 위해 예시로 배워보겠다 App.js class App extends Component { constructor(props) { super(props); this.state = { mode:'welcome', subject:{title:'WEB', sub:'World Wide Web!'}, welcome:{title:'Welcome', desc:'Hello, React!!'}, contents:[ {id:1, title:'HTML', desc:'HTML is for information'}, {id:2, title:'CSS', desc:'CSS is for design'}, {id:3, title:'Ja.. 2022. 1. 3.

티스토리툴바