# submit
ajax / form
위의 코드가 기본적인 ajax 작성 코드이다. url에 적힌 주소로 data를 보내서 type의 형태로 데이터를 받아온다.success는 통신성공시 실행되는 callback 함수이다.form은 데이터를 주고받을때 페이지 전체가 리로드 되는 동기 방식이다.action을

검색 history 추가
참 많이 돌아왔다 이 기능은 사실 스크래퍼 챌린지 하다가 다른 우수 졸업자들의 작품을 보고 영감을 받아서 만들려고 했던건데 자바스크립트로 구현되어있어서 자바스크립트 공부하고 다시 만들자고 했던건데 드디어 다 구현했다! 그럼 우선 history가 위치할 틀을 html,

onClick 이벤트 겹침 발생 해결 (Form Error)
Vue2를 사용해 프로젝트를 하던 중 API 통신을 위해 버튼을 이용해 click 이벤트를 발생시키려 했는데 클릭이 두 번 되거나 페이지가 새로고침 되는 등의 문제가 발생했다.script code여러 개의 API 통신을 시도하면서 필요에 따라 form 객체 안에 데이터
#4.2 submit을 preventDefault()하기 (Events/바닐라 JS로 크롬 앱 만들기)
form을 submit할 때 발생하는 브라우저가 새로고침 되어 생기는 문제점을 preventDefault를 통해서 해결하기

[모던JS: 브라우저] 폼과 폼 조작
본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

HTML, JavaScript :: 하나의 form 태그 내의 여러 개의 input을 submit하기 (Feat. Implicit submission)
하나의 form 태그 내의 여러 개의 input을 submit하는 방법을 알아봅니다🤓
form input에서 enter로 submit 할 때, 웹페이지 refresh되는 현상
간단하게 shopping list 작성 웹페이지를 만들고 있었는데 input에서 enter를 쳐서 submit을 하고 싶었다. 하지만 submit이 되고 내용이 업데이트되었지만 갑자기 웹페이지가 새로고침이 되면서 list가 사라지는 것이다. 그래서 해결 방법을 찾았는데
[JS] eventListener submit and click, focus()
입력창과 버튼이 함께 있는 form은 submit 액션을 받을 수 있다submit은 엔터를 치면 버튼이 눌리며 클릭도 가능하다 버튼은 입력창과 분리되어있기때문에 submit 액션을 받을 수 없다오로지 클릭만 가능하기에 click 액션밖