2021/02/09 2

onSubmit 이벤트 (이벤트함수 생성, 디버깅으로 값 확인, 인자넣어주기, 매개변수넣어주고 출력 확인하기)

1. 이벤트 함수 생성 else if에 선언한 가 어떻게 동작할지 onSubmit이벤트로 처리해줍니다. _title, _desc 값으로 컨텐츠값을 더해주도록 만들어줍니다. 2. 디버깅으로 값 확인 onSubmit 함수에서 App.js에 있는 내용이 실행되도록 합니다. 3. 일단 debugger을 입력해줘서 e에 있는 이벤트객체를 잘 찾아줍니다. value값이 잘 들어갔는지 확인하기 위해서 e.target.title.value를 입력해줍니다. 다행이 "react"로 잘 들어왔네요. 이것으로 CreateContent.js파일에 이벤트처리에 인자 값을 무엇을 넣어줄지 정해지게 됩니다. 3. 인자 넣어주기 onSubmit이벤트에 인자로 e.target.title.value 와 e.target.desc.value..

React/create 구현 2021.02.09

mode 전환 기능

우선 create 모드가 될때 나타나게될 코드를 정리하기위해 따로 CreateContent.js파일을 만듭니다. form태그에 action="/create_process"의 뜻은 옮겨지는 페이지를 "/create_process"라고 정하는 것이고 method="post"방식으로 해야지 내부정보를 볼 수 없습니다. onSubmit={fuction()}은 submit이 실행될때 꼭 지나야하는 함수입니다. 이것은 react기능이 아닌 기본적으로 가지고 있는 기능입니다. 본인이 만들 형태는 submit이 될때 새로운창에서 작동되지 않게 만들기 위해서 e.preventDefault()를 넣어줍니다. placeholder는 입력하기전에 무슨 텍스트가 화면에 나오게할지 정하는 겁니다. mode가 read일 경우와 c..

React/create 구현 2021.02.09