개발(차근차근 기초)/Javascript (12) 썸네일형 리스트형 [Javascript, jQuery] 기본 동작 중단 시키기 1. 태그에서 onclick 이벤트의 경우 새 창 열기 태그에 대한 click 이벤트 적용시 href 속성 때문에 Javascript 함수가 호출된 후 페이지가 이동하는 현상이 발생한다. 해당 현상을 방지하기 위해 태그의 onclick 속성에 return false; 처리를 함께 명시하기도 한다. 2. 태그에서 submit 이벤트의 경우 function doSubmit(){ document.form1.submit() } 요소의 submit 이벤트에 입력된 내용을 검사하기 위한 스크립트 함수 적용시 입력내용 검사에 실패하더라도 action페이지 (action 페이지가 정의되어 있지 않은 경우, 자신 페이지)로 전송되는 현상을 방지하기 위하여 onsubmit 속성에서 return false 처리를 명시한다... [Javascript] 자바스크립트 기초(2) 내용이 있는 문자열에 대한 NOT 처리 let str2 = "Hello World"; console.log(!str2); false#04. 비교 연산자 두 값간의 크기를 비교하는 식에 대한 참, 거짓을 판별한다. 1) 이상(>=), 초과(>), 이하( y; // 초과 let compare3 = x 5?"10은 5보다 큽니다." : "10은 5보다 크지 않습니다."); 10은 5보다 큽니다.연산 결과를 다른 변수에 대입하기 let foo = 123; let bar = 234; let conditionValue = foo === bar ? foo+bar : foo-bar; console.log(conditionValue); -111#07. 연산자 우선 순위 | 순위 | 연산자 | 타입 | |----|----.. [Javascript] 자바스크립트 기초(1) 연산자 각종 연산을 수행하는데 사용되는 특수 기호 #01. 산술연산자(사칙연산자) |연산자 | 설명 | |----|----| | + | 덧셈 | | - | 뺄셈 | | * | 곱셈 | | / | 나눗셈 | | % | 나눗셈에서의 정수 부분의 몫을 제외한 나머지 | 일반적인 산술 연산 let a = 5; let b = 3; console.log(a+b); console.log(a-b); console.log(a*b); 8 2 152) 연산의 결과를 다른 변수에 할당하기 let c = a + b - 2; console.log(c); 63) 나눗셈에서의 주의사항 실수 타입의 몫 몫이 소수점까지 갖는 경우 연산할 수 있는 최대한의 자리수까지 연산을 수행한다. let myValue1 = 10; let myValu.. [Javascript] JSON JSON Javascript Object Notation (자바스크립트 객체 표기법) 자바스크립트에서 복합적인 데이터 구조를 속성이름(key)과 값(value)의 쌍으로 구성하는 표현 방법. 다른 프로그래밍 언어의 Map 혹은 Dictionary 구조와 대응된다. #01. 단순히 정보만을 표현하는 경우 key 이름을 지정하고 콜론(;)으로 구분지은 후 값을 명시한다. 두 개 이상의 데이터는 콤마(,)로 구분한다. 원칙적으로 key 이름은 따옴표로 감싸는 것이 맞지만 key 이름에 띄어쓰기나 대시(-)가 없는 경우는 따옴표 처리를 생략해도 무관하다. 1) JSON 정의 하나의 변수에 하위 정보들이 포함되어 있는 변수들의 그룹으로 이해할 수 있다. 이를 객체라고 한다. 객체 라는 형태가 갖는 다양한 패턴 중.. 이전 1 2 다음