이벤트(event) 이벤트(event)는 어떤 사건을 의미한다. 브라우저에서의 이벤트란 예를 들어 사용자가 버튼을 클릭했을 때, 웹페이지가 로드되었을 때와 같은 것인데 이것은 DOM 요소와 관련이 있다. ​ 이벤트가 발생하면 그에 맞는 반응을 하여야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 그 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. ​ 이 함수를 이벤트 핸들러라 하며 이벤트에 대응하는 처리를 기술한다. 이벤트의 종류 대표적인 이벤트를 소개한다. 자세한 사항은 Event referenceVisit Website을 참조 바란다. ​ UI Event Event Description load 웹페이지나 스크립트의 로드가 완료되었을 때 unload 웹페이지가 언로..

자바스크립트 이벤트 종류 UI 이벤트 – 사용자가 웹페이지가 아닌 브라우저의 UI와 상호작용할 때 발생 이벤트 설명 load 웹 페이지의 로드가 완료되었을 때 unload 웹 페이지가 언로드 될 때(새로운 페이지를 요청한 경우 ) error 브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 없는 경우 resize 브라우저의 창 크기를 조정했을 때 scroll 사용자가 페이지를 위아래로 스크롤 할 때 키보드 이벤트 – 사용자가 키보드를 이용할 때 발생한다. 이벤트 설명 keydown 사용자가 키를 처음 눌렀을 때 keyup 키를 땔 때 keypress 사용자가 눌렀던 키의 문자가 입력되었을 때 마우스 이벤트 – 사용자가 마우스나 터치화면을 사용할 때 발생 이벤트 설명 click 사용자가 동일한 요소 위..

width 속성 - https://www.daleseo.com/css-width/ [CSS] width 속성과 너비 결정 매커니즘 Engineering Blog by Dale Seo www.daleseo.com display : flex - https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingClientRect E..

회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 주민등록번호: 예) 1234561234567 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 이하 생략 일 관심분야: 컴퓨터&nbsp인터넷&nbsp여행&nbsp영화감상&nbsp음악감상 자기소개: JS 정규표현식 예외처리 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정..

프론트단에서 유효성 검증을 할 때에는 정규식 만큼 편한 것이 없다. 하지만 비교적 자주 쓰이지 않으니 그때마다 새로 짜려면 헷갈리기 마련이다. 자주 쓰일만한 패턴들을 정리해보았다. 필수 입력 정규식 let reg_required = /.{1,}/; 이름 관련 정규식 let reg_name1 = /^[가-힣]+$/; // 한글만 let reg_name2 = /^[a-zA-z]+$/; // 영문만 let reg_name3 = /^[a-z]+$/; // 영문 소문자만 let reg_name4 = /^[A-Z]+$/; // 영문 대문자만 let reg_name5 = /^[가-힣a-zA-Z]+$/; // 한글 + 영문만 아이디 관련 정규식 let reg_id1 = /^[a-z0-9_-]{4,20}$/; // 소문..

보호되어 있는 글입니다.