전체 글

🔊 문자열 (String 내장 객체) 자바스크립트에는 문자열을 나타내는 객체(String)이 존재하며 문자열과 관련된 기본적인 함수를 제공해준다. 문자열.indexOf("str") : 문자열에서 str과 일치하는 부분이 시작되는 인덱스를 반환 없으면 -1 반환 const str1 = "Hello world!"; console.log(str1.indexOf("e")); // 1번째 인덱스에 위치하고 있다. console.log(str1.indexOf("l")); // 3번째 인덱스에 위치하고 있다 ( 가장 먼저 검색된 인덱스 반환) console.log(str1.indexOf("가"));//-1/ "가"가 없어 -1이 반환된다. 문자열.substring(시작인덱스,종료인덱스(미포함)) : 문자열 일부 잘라..

📌정규표현식(Regular Expression) -> 특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식 언어 정규 표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치여부 판단, 치환에 대한 조건문을 간단히 처리 할 수 있다. 📌정규표현식 객체 생성 및 확인 🔊 정규표현식 객체 생성 방법 1) const regExp = new RegExp("정규표현식"); 2) const regExp = /정규표현식/; 🔊 문자열 패턴 확인 메소드(확인) 1) regExp.test ( 검사하고 싶은 문자열); → 문자열에 정규표현식과 일치하는 패턴이 있을 경우 true 없을경우 false 2) regExp.exec(문자열) → 문자열에 정규표현식과 일치하는 패턴이 있을 경우 매칭되는 문자열 반환 없으면..

📌이벤트(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 변수에 ..

웹은 크게 3요소 1. HTML : 웹 문서의 큰 틀(뼈대) 2. CSS : 스타일(색상,디자인,간격,배치 등등) 3. Javascript : 웹 문서에서 이벤트가 발생했을 때 실행해야하는 동작 처리 📌 스크립트(script) 언어란 ? 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어 별도의 소스코드를 컴파일 하지 않고 인터프리터를 이용하여 소스코드를 한 줄씩 읽어 바로 실행 📌 자바스크립트 란 ? 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어 == 웹 브라우저에서 많이 사용되는 인터프리터 방식의 스크립트 언어 -> 인터프리터 방식 : 코드를 한줄 한줄 씩 읽어가며 바로 실행하는 방식 ECMA Script 표준을 따르는 대표적인 웹 기술이다. 📌 자..

ROUND(숫자 |칼럼명 [,소숫점위치]):반올림 --전 직원 급여 평균 SELECT ROUND(AVG(SALARY)) FROM EMPLOYEE; FLOOR(숫자 |컬럼명) : 내림 FLOOR(AVG(SALARY)) -- 급여 합계 평균 정수처리 EXTRACT:년,월,일 정보를 추출하여 리턴 EXTRACT(YEAR FROM 날짜) : 년도만 추출 EXTRACT(MONTH FROM 날짜) : 월만 추출 EXTRACT(DAY FROM 날짜) : 일도만 추출 SELECT EXTRACT(DAY FROM SYSDATE)FROM DUAL; -> 13출력 SUBSTR('문자열'|컬럼명, 잘라내기 시작할 위치 [,잘라낼 길이]) 컬럼이나 문자열에서 지정한 위치부터 지정된 길이만큼 문자열을 잘라내서 반환 -> 잘라낼 길..

div.item.item${items$}*9 items1 items2 items3 items4 items5 items6 items7 items8 items9 div#shadow-test>p*4 ul#weigth-test>li{테스트$}*5 테스트1 테스트2 테스트3 테스트4 테스트5 ul#family-test1.cls