# e.preventDefault()
회원가입 페이지 구현(1)
현재 프로젝트의 스타일을 styled-components로 하거나 CSS로 하였는데, CSS를 모두 SCSS로 수정하였다. SCSS로 바꾼 이유는 SCSS의 특징인 셀렉터의 중첩 기능 때문이었다. 중첩 기능 덕분에 편하고 가독성 좋은 코드를 작성할 수 있었다. 일반적인
e.preventdefault();
preventDefault는 브라우저가 적용하는 기본 동작을 방지하는 역할을 한다.이때 기본 동작은 이벤트의 종류에 따라 다르다. submit인 경우 form 데이터를 서버에 전송하고, 페이지를 새로 고침 하는 부분이 기본 동작이다.preventDefault를 사용하면
리액트 요소가 중첩된 경우 이벤트 처리
버튼 위에 버튼이 있어 겹쳐진 부분의 버튼을 눌렀을 때 두 버튼의 이벤트가 둘 다 발생하는 상황이벤트의 기본동작 방지을 해주는 것이다e.preventDefault()는 고유 동작을 중단시키고,e.stopPropagation()은 상위 엘리먼트들로의 이벤트 전파를 중단
[얼렁뚱땅] 간단한 모달 창 만들기 (4) - 조건문 써서 조건에 안 맞으면 폼 전송 막기
전 포스트에서 이어가서... 아이디와 비밀번호 값 공백검사와 비밀번호 입력값이 6자 미만일 경우 alert 창을 띄웠다. (아이디값 공백검사) (비밀번호값 공백검사) (비밀번호 6자 이상 조건 검사) 코드 Memo > 1. 이벤트리스너 콜백함수에 'e'라는
230602 개발일지 TIL - onsubmit ="return false" 과 e.preventDefault()
form태그에서 작업 중 새로고침 방지를 위해 onsubmit ="return false"를 사용하였다.좀 더 자세히 알아보기 위해 onsubmit ="return false" 과 e.preventDefault() 차이점을 알아보니 onsubmit ="return fa
[javascript] a 태그 링크 막기 (e.preventDefault)
부모요소에 a 태그 링크가 걸려있을때 자식 요소에 클릭이벤트를 주고 e.preventDefault를 주면 자식 요소를 클릭해도 부모의 a 태그의 링크로 넘어가지 않는다.e.preventDefault는 이벤트의 기본적인 다음 동작을 방지하는 속성이다. a 태그나 sub
바닐라 JS 챌린지 day7 Login
4.Login 4.0 Input Values 모든 것은 HTML에서 시작되어야함 HTML에서 작성 후 JS에서 기능 구현 1) HTML form 마크업 사용자가 이름을 작성할 수 있도록 ``태그 작성 안에 텍스트를 넣기위해 type="text" 미리 작성할 말은
[react] e.preventDefault()
이벤트 실행 시 기본적인 동작이 불필요할 때 그것을 저지하는 명령어가 있다.function안에 매개변수로 e를 넣어준다.e.preventDefault()함수를 입력한다.react에서는 vanila js와 달리 onclick이 아닌 onClick으로 사용한다.생활코딩 참
[팀프로젝트] Lush clone-로그인페이지
구현기능onChange, onClick 이벤트를 통한 로그인 기능 구현SignIn.js로그인페이지에서 아이디,비밀번호 인풋창에서 입력될 값은 바뀌기 때문에 state,setState 설정아이디,비밀번호 인풋창은 회원가입페이지에서도 재사용이 가능할 수가 있어서 컴포넌트로
15. LocalStorage & Event delegation
체크박스가 포함된 메뉴를 추가해서 메뉴판을 만드는 내용핵심은 페이지가 Refresh 되더라도, 입력한 메뉴 리스트가 사라지지 않고 local storage에 저장되도록 하는 것e.preventDefault(): html 에서 a 태그나 submit 태그는 고유의 동작이