02. jQuery 선택자
1) 태그 선택자 <h5>테스트1</h5> <h5>테스트2</h5> <h5>테스트3</h5> <p>테스트4</p> <p>테스트5</p> <p>테스트6</p> <script> // ready()함수 : ...
1) 태그 선택자 <h5>테스트1</h5> <h5>테스트2</h5> <h5>테스트3</h5> <p>테스트4</p> <p>테스트5</p> <p>테스트6</p> <script> // ready()함수 : ...
1) jQuery란?? 기존에 복잡했던 클라이언트 측 HTML 스크립팅을 간소화 하기 위해 고안된 Javascript 라이브러리 jQuery는 적은 양의 코드로 빠르고 풍부한 기능을 제공한다 (* 라이브러리(library) : 프로그램, 프로그래밍 언어에 없는 추가적인 기능) 2) jQuery 라이브러리 연결 방법 (1)...
1) 기본적 함수의 선언, 정의, 호출 function 함수명([매개변수]){ // 함수 선언 // 함수 정의 == 코드 } 함수명([매개변수]); // 함수 호출 2) 익명 함수(이름이 없는 함수) function([매개변수]) { // 함수 선언(함수명 X) // 함수 정의 } 이름이 없는 함수이기 때문에 필요 시 마음대로...
추가 버튼 클릭 동작 [html] <div class="container"><!-- 첫행은 무조건 존재(삭제 X) --> <div class="row"> <input type="number" class="in"> </div> <!-- 두번째 행 이후부터는 삭제 가...
1) DOM(Document Object Model) HTML(웹문서, 웹페이지) 문서를 객체 기반으로 표현한 것 - HTML 문서에 작성된 내용을 트리구조(계층형으로 표현)로 나타냈을 때 각각의 태그, TEXT, COMMENT 등을 Node라고 한다 document : { DOCTYPE : html, HTML : { HEAD ...
1. 자바스크립트 객체 자바스크립트 객체는 {} 내에 Key:Value가 모여있는 형태로 작성된다 { Map 형식 } { K:V , K:V , K:V } // 자바스크립트 객체 (참고) 자바스크립트 객체 모양의 문제점 == JSON(Javascript Object notation, 자바스크립트 객체 표기법) => "{K:V, K:...
window 객체 브라우저 창 자체를 나타내는 객체 window 객체는 JS에서 최상위 객체 DOM, BOM으로 분류된다 - DOM(Document Object Model) : HTML 문서 자체를 나타내는 객체(document) - BOM(Browser Object Model) : location, history, screen, navig...
1) 배열 - 배열 : 변수를 묶음으로 다루는 것 (변수가 연속적으로 나열) - JS 변수의 특징 : 값이 저장되기 전까지 자료형이 지정되지 않음 - JS 배열 특징 1) 자료형 제한 X 2) 길이 제한 X == Java의 Collection List와 비슷 - JS 배열 선언 방법 1) const arr1 = new Array(); //...
1) 문자열 → 숫자 ✔️ 요소의 내용 또는 값을 얻어오면 기본적으로 문자열(string)로 인식됨 ➡️ 산술 연산에서 덧샘 같은 경우 '더하기'가 아니라 '이어쓰기'가 되는 문제 발생 Number(문자열) "정수" → 정수 ("123" → 123) "실수" → 실수 ("3.14" → 3.14) parseInt(문자열) "정수" → 정수 (...
1) 정규 표현식(Regular Expression) - 특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식의 언어 - 정규표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치 여부 판단, 치환에 대한 조건문을 간단히 처리할 수 있다 2) 정규표현식 참고 사이트 (1) 작성한 정규 표현식을 그림으로 나타내주...