# onsubmit

7개의 포스트
post-thumbnail

5/8 TIL

form 태그 안에 input 들이 있다.Subscribe 버튼을 눌렀을 때 form 이 제출이 된다.그런데 로그인 할 시 사용자들은 버튼을 직접 누르기 보다는 enter key를 누른다.enter key를 눌렀을때도 같은 동작이 발생한다.버튼을 눌렀을 때 제출이 되는

2022년 5월 9일
·
0개의 댓글
post-thumbnail

submit event handler에 debounce를 적용하여 서버와의 통신 최소화하기

현재 구현되어있는 상황은 다음과 같다.input에 포커스되어있는 상황에서 enter를 누르거나, submit버튼을 누르면 onsubmit이벤트가 발동되어 서버에 저장되도록 구현했다. 그리고 성공적으로 데이터베이스에 저장되었다면 snackbar형식으로 알림을 띄워준다.이

2022년 3월 21일
·
0개의 댓글
post-thumbnail

form의 action 과 onSubmit의 차이

'form 데이터를 처리할 프로그램의 URI를 지정한다.'URI는 하나의 리소스를 가리키는 문자열이다.따라서 action에 웹 문서 링크를 문자열 형태로 작성한 다음 form의 데이터를 전송하게 되면,브라우저의 루트가 해당 웹문서로 이동하는 것을 확인할 수 있다.또는

2022년 2월 13일
·
0개의 댓글
post-thumbnail

React-3

회원가입 UI 구현, 기능 만들기

2022년 1월 3일
·
0개의 댓글

리액트(4) 레시피 프로젝트

크게 4가지 파트로 나뉠 수 있습니다1\. import 2\. 변수 선언3\. 함수 선언4 JSX 문법./App.css import 합니다, 내장함수 useEffect, useState 를 호출합니다, ./Recipe 를 호출합니다api id 랑 key 는 유효하지 않

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[react] create - form, onSubmit

createContent에 form 태그를 넣어서 입력폼을 만들었다.제출버튼을 누르자 alert창이 정상적으로 잘 떴다. 새창으로도 변경되지 않았다.form태그 안에 onSubmit함수는 다음과 같이 이벤트를 만들어준다.이벤트가 잘 나왔는지 App.js에서 consol

2021년 11월 2일
·
0개의 댓글
post-thumbnail

[TIL] 2020/08/12

Today, I Learned JS, CSS, HTML 만을 이용해서, 즉, 서버를 이용하지 않고, DOM을 통해서 input을 받아서 만들어놓은 JSON에 자료를 넣기도 하고, 그 추가된 자료를 TODOLIST 만들듯이 추가되도록 하는 기능을 구현해봤다. 처음에 form 태그를 이용해서 onsubmit 이벤트를 일으켜서 만들려고 했으나, fo...

2020년 8월 12일
·
0개의 댓글