# preventDefault

41개의 포스트

[HTML] form 태그의 데이터 전송 방지

form 태그는 웹 페이지에서의 입력 양식을 의미한다. 로그인 창이나 회원가입 폼 등이 이에 해당하는데, 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 된다. 1. onSubmit

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #058일

정규 표현식 또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 정규 표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 지원하고 있으며, 특히 펄과 Tcl은 언어 자체에 강력한 정규 표현식을 구현하고 있다

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #054일

결과휠을 내리게 되면 다음 SectionHTMLCSSscript에 설명된 주석을 참고결과HTMLCSSscrollLeft 값만 바꿔주면 동작이 된다. 결과HTMLCSSscriptTyping 효과를 나타나게 하는 효과이다.CDN은 구글링을 통해 가져온다. 정해진 공식 페이

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #043일

결과반응형 디자인 2-1에서는 모바일 메뉴를 만들고 left:100% 로 화면 영역 밖으로 빼네는 작업을 했고 오늘 그 메뉴가 나오는 모습까지 만들게 되었다. HTMLSCSSscriptleft로 -100% 가 있던 모바일 메뉴를 제이쿼리로 나오게 구현하였다. 하지만 모

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

Front-end 국비지원 #041일

결과HTMLCSSfavicon 은 웹페이지 탭화면에 title과 함께 나오는 웹페이지 아이콘이다.https://www.favicon-generator.org/ 에 들어간다.넣고자 하는 아이콘의 이미지를 선택하고 첫번째 선택란은 1번을 선택한다. 웹, 태블릿,

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

Front-end 국비지원 #036일

지난 1-1 header 영역 이어서 제작한다.HTMLCSSScript뉴스 부분 호버하면 멈추고 마우스를 떼면 뉴스가 하단에서 숨겨진 상태로 계속 슬라이드 된다.결과결과HTMLCSSScript결과HTMLCSSJavaScript 로 구현JQuery 로 구현

2022년 12월 4일
·
0개의 댓글
·

# Login 기능

1. Input value 가져오기 HTML JS ⭐️ input안에 입력되는 값을 value 라고 한다. 👉🏻 input에 입력된 값을 가져오기 위해 value라는 property를 가져와야 함. 👉🏻 2. username 유효성 검사 조건 비어있으면 안

2022년 10월 10일
·
0개의 댓글
·

button 태그에 preventDefault가 안될 때

정말 별거 아니지만.. 저는 혼자 헤매다가 어이가 없었기 때문에 간단하게 기록으로 남겨둡니다.. *아래 내용은 React를 다루고 있습니다. 참고 부탁드립니다. 1. 상황 event.preventDefault를 적었지만 버튼을 누를 때마다 default action인

2022년 9월 25일
·
0개의 댓글
·

[Javascript] e.preventDefault()

e = eventEvent 인터페이스는 DOM 내에 위치한 이벤트를 나타낸다.사용자의 액션에 의해 발생하는 이벤트에는 다양한 종류가 있으며,Event 인터페이스에서 제공하는 메서드 중에서 preventDefault() 에 대해 알아보았다.어떤 이벤트를 명시적으로 처리하

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

javascript_preventDefault(); 브라우저 기본 기능 취소하는 법

preventDefault();event.preventDefault(); 📍보통 원하는 이벤트의 기본 기능을 취소해버릴 때 사용하기 때문에 event.preventDefault(); 형태로 많이 사용한다.예를 들어서 아래와 같이 작성하면 원래기능은 작동하지않게 해준다

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

[JavaScript] e.preventDefault() 사용

e.preventDefault() 간단 설명

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

이벤트 전파, 버블링, 캡쳐링, 위임

DOM 트리상에 존재하는 모든 DOM 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파됩니다. 이를 이벤트 전파라고 한다사용자의 다양한 입력을 통해 동적으로 생성되는 이벤트 객체는 이벤트를 발생시킨 타깃(target)을 중심으로 DOM 트리를 통해 전파된다.이벤트

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

22. 07. 19 TIL

보통 우리가 이런 식의 코드가 있었다고 해보자.a 태그는 li, ul의 두 개의 부모 태그가 있다.사용자가 a 태그를 클릭한다면 a 태그만 실행이 되는 것이 아니라 li, ul태그로 순차적으로 전달이 된다.즉, a 태그의 onclick -> li 태그의 onClick

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

함수 구현을 해보자!

Westagram 코딩을 진행하면서 필요한 함수들을 구현해보았다! 🙉필요한기능 Id, Pw가 1글자 이상일 때 로그인 버튼이 활성화 댓글 input 창에 엔터, "게시" 누르면 댓글 추가되도록 createElement로 요소 생성해서, input에 입력한 값이 추가

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

Javascript DOM 요소 기본 동작 조작

본문은 DOM 요소의 기본 동작을 조작하는 preventDefault 메서드와 stopPropagation 메서드를 설명하고자 한다.

2022년 5월 18일
·
0개의 댓글
·

HTML 요소 제어 03. 웹페이지 시작하기

javascript mytag.hasAttribute(name); //— 선택요소에 속성의 존재 확인. mytag.getAttribute(name); //— 선택요소에 속성값을 가져옴. mytag.setAttribute(name, value)

2022년 5월 16일
·
0개의 댓글
·

[JavaScript] contextmenu를 이용하여 마우스 우클릭 방지하기

마우스 우클릭 못하게 하는 방법

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

Javascript 이벤트 preventDefault, stopPropagation 정리

자바스크립트 이벤트를 사용하면서 Bubbling, Capturing, preventDefault, stopPropagation 의 개념을 기계적으로만 이해하고 로직의 구현만을 위해 구체적인 동작방식을 알고있지 않았다. 구체적인 알고리즘과 개념이 머릿속에 정립되지 않은

2022년 4월 16일
·
0개의 댓글
·

[TIL] 이벤트 버블링, 이벤트 캡쳐링, preventDefault, stopPropagation

이번 과제에서는 인스타그램 같은 간단한 커뮤니티 사이트를 만들었다. 포스트 리스트가 쭉 보이고, 포스트 이미지를 클릭하면 해당 포스트의 디테일 페이지로 이동한다. 포스트에는 추가로 수정/삭제 버튼을 넣었는데, 이때 버튼을 눌러도 바로 수정이나 삭제가 되는 것이 아니라

2022년 4월 6일
·
0개의 댓글
·