📌정규표현식(Regular Expression) -> 특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식 언어 정규 표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치여부 판단, 치환에 대한 조건문을 간단히 처리 할 수 있다. 📌정규표현식 객체 생성 및 확인 🔊 정규표현식 객체 생성 방법 1) const regExp = new RegExp("정규표현식"); 2) const regExp = /정규표현식/; 🔊 문자열 패턴 확인 메소드(확인) 1) regExp.test ( 검사하고 싶은 문자열); → 문자열에 정규표현식과 일치하는 패턴이 있을 경우 true 없을경우 false 2) regExp.exec(문자열) → 문자열에 정규표현식과 일치하는 패턴이 있을 경우 매칭되는 문자열 반환 없으면..
ON/JavaScript
📌이벤트(event) : 동작, 행위 -> 브라우저에서의 동작, 행위 : click, keydown, keyup, mouseover, drag, submit, change,... 🔊 이벤트 리스너(Event Listener) 이벤트가 발생하는 것을 대기하고 있다가 이벤트가 발생하는 것이 감지되면 연결된 기능(함수)를 수행하는 것 ex) onclick, onkeyup, onchange, onsubmit...(on 이벤트명) onclick = "함수명()" 🔊 이벤트 핸들러(Event Handler) 이벤트 리스너에 연결된 기능으로 이벤트 발생 시 수행하고자 하는 내용을 작성해둔 함수(function) onclick = "함수명()" 📌이벤트 모델 🔊 인라인 이벤트 모델 : 요소 내부에 이벤트를 작성하는 방..
📌 DOM(Document Object Model) : 웹 문서(HTML)의 모든 요소를 객체 형식으로 표현한 것 - > 문서내에 특정 요소에 접근하는 방법을 제공 📌DOM을 이용한 HTML 요소 접근하기(해당 요소객체 가져오기) 🔊 id로 접근하기 : document.getElementById("id속성값"); 🔊 name으로 접근하기 : document.getElementsByName("name속성값"); 🔊 class로 접근하기 : document.getElementsByClassName("class속성값"); 🔊 tag로 접근하기 : document.getElementsByTagName("태그명"); 🔊 CSS 선택자로 접근하기 : 1) document.querySelector("CSS 선택자")..
📌 데이터를 출력하는 구문 🔊 1) [window.]alert("알림창에 출력할 문구"); : alert (알리다, 경보, 경고) 브라우저에 대화상자를 띄우는 함수 html 파일 alert 확인 js 파일 funcion fnAlert(){ alter("alter 버튼 클릭됨!"); } 🔊 2) [window.]console.log("콘솔창에 출력할 문구"); : 작성된 내용을 새 페이지에서 화면상에 출력하는 함수 -> 한번 확인할때 쓰면 어디서 오류가 났는지 바로 확인이 가능하다. -> 개발자모드를 켜서 F12번을 누르면 확인 할 수 있다. HTML 코드 innerHTML로 읽어오기 RS 코드 function getInnerHTML1() { // id가 test2인 요소를 얻어와 // test2 변수에 ..
