본문 바로가기

Javascript

(16)
CSS position 속성 position : static; (기본값, 위치를 지정하지 않을 때 사용) top, right, bottom, left 속성이 아무런 영향도 주지 않는다. position : relative; (태그의 위치를 변경하고 싶을 때 사용) top, right, bottom, left 속성을 사용해 위치 조절이 가능합니다. ex) relative 속성 미적용 ex) relative 속성 적용 position : absolute; (원래 위치와 상관없이 위치를 지정) position: static 속성을 가지고 있지 않은 부모 태그를 기준으로 움직인다. 만약 부모 태그 중에 포지션이 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 된다. ex) absolute ..
마우스 오버시 이미지 확대 이 코드에서 마우스 오버시 이미지 출력 위치 수정하려면 0, 10, 220 숫자 값을 조절해주면 된다. 결과화면 (이미지가 상단에 있을 시) 결과화면 (이미지가 하단에 있을 시)
배열 배열이란? '나눌 배'와 '열거할 열'을 사용해 만든 글자로, 글자 뜻 그대로 하나의 저장소를 나눠서 데이터를 열거하라는 의미입니다. 쉽게말해 변수는 데이터가 한 개만 저장된다고 알고 있습니다. 하지만 배열은 여러개의 데이터를 하나의 저장소에 저장하는 것을 말합니다. ① var 참조 변수 = new Array(); 참조 변수[0] = 값1; 참조 변수[1] = 값2; 참조 변수[2] = 값3; ... ② var 참조 변수 = new Array( 값1, 값2, 값2, ...); ③ var 참조 변수 = [ 값1, 값2, 값3, ...]; 방식1) 방식2) 방식3) 배열 객체에 저장된 데이터 불러오기 참조 변수[인덱스 번호]; 예제) 출력화면 배열 객체의 메서드 및 속성 종류 설명 join(연결 문자) 배열..
반복문 while 문 while문의 실행 순서 조건식을 검사하고 만족하면 ▶ 중괄호 안에 있는 코드와 증감식을 실행 ▶ 다시 조건식을 검사 var 변수 = 초깃값; while(조건식){ 자바스크립트 코드; 증감식; } 예시) 출력화면 응용) 2의 배수이면서 4의 배수인 숫자만 출력 출력화면 for 문 사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다. for( 초깃값; 조건식; 증감식){ 자바스크립트 코드; } 예시) 출력화면 break 문 반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다. for( 초깃값; 조건식; 증감식 ){ break; 자바스크립트 코드; } 예시) 출력화면 중첩 for 문 for 문 ..
table option selected(테이블 option 선택) table에서 option 태그에서 원하는 옵션 선택한 것만 볼수 있게 하는 코드 js코드 $(".type-1").on("change",function(){ // 코드에서 .type-1를 본인이 select 태그에 클래스나 id값을 줘서 그 값으로 변경 해주면 됨. rows.filter(":has(td:nth-child(4):contains("+selected+"))").show(); //코드에서 몇번째 td를 option 값과 같은 단어를 찾을지 설정 해주면 됨. html코드 모두보기 필드 던전
jquery 테이블 정렬 코드 과목 홍길동 임꺽정 이몽룡 성춘향 수학 80 70 50 60 과학 50 30 60 90 영어 70 60 50 90 결과화면 홍길동을 오름차순 한 결과 홍길동을 내림차순 한 결과 ※꼭 와 로 구분을 지어줘야 오름차순 내림차순이 가능하다 과목, 각각 이름 별로 다 내림, 오름차순이 가능하다.
조건문(if문, else if 문) 조건문이란? 조건문은 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다. 예를 들어 질의응답 창을 이용해 방문자가 좋아하는 숫자를 입력받는다. 이때 입력된 값을 2로 나누어 나머지 값이 0이면 "당신의 좋아하는 숫자는 짝수입니다."라고 출력하게 하고, 아닐 경우에는 "당신이 좋아하는 숫자는 홀수입니다."라고 출력하게 한다고 하자. 이렇게 수를 나눈 나머지 값에 따라 다른 결과를 출력하게 하려면 조건문을 사용해야 한다. 조건문의 종류에는 if 문, else 문 그리고 else if 문이 있다. if 문 if 문은 조건식을 만족(true)할 경우에만 코드를 실행한다. 조건식은 Boolean() 내장 메서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 fals..
연산자 연산자란? 덧셈, 뺄셈, 곱셈, 나눗셈과 같은 연산을 컴퓨터에서도 다양한 연산자를 통해 계산 작업을 한다. 자바스크립트 프로그래밍에서 사용하는 연산자에는 산술, 문자 결합, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다. 산술 연산자 산술 연산자에는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있다. 산술 연산자로 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개 있어야 한다. 종류 기본형 설명 + A+B 더하기 - A-B 빼기 * A*B 곱하기 / A/B 나누기 % A%B 나머지 ex) 출력화면 문자 결합 연산자 문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. ex) 출력..