FlowerBombs

javascript 9일차 요점정리 JQuery 이벤트 웹 브라우저가 HTMl요소를 인식한 후에 처리되어야 하므로 jQuery의 load 처리 안에서 정의한다.이벤트는 함수 형태로 정의되어 있고, 해당 이벤트가 발생한 경우 호출될 함수를 콜백 파라미터로 전달한다.콜백함수에는 이벤트의 정보를 갖는 e객체가 전달된다.* 필요한 경우 이 객체를 선언하고 활용할 수 있다.* e.preventDefault() 는 링크의 href 속성이나 폼의 submit 등에 대해서 HTMl 요소가 수행해야 하는 기본 동작을 차단하는 역할을 한다. // jQuery의 load처리 안에서 정의 $(function() { $("#foo").이벤트이름(function( [e ]) { [e.preventDefault();] }); })..

JSON 표기법 Javascript에서 사용되는 자료의 나열 방법으로 이름(key)와 값(value)의 쌍로 구성된다.ㄴ 일반변수(string, int, boolean, float_ 배열 --> 원소 형태로 일반변수, JSONJSON --> 배열이나 또다른 JSON 포함 가능. 이름(key)에는 따옴표 사용이 자유롭다. 이름에 "-"가 있는 경우는 따옴표 필수 ==> ex) background-color(x), "background-color" (o) 기본 정의 방법 var my_height = 175.6; var json = {name 'JS학생', // 문자열은 따옴표 사용.age: 20, // 숫자형이나 boolean은 따옴표 사용 안함.height: my_height // 다른 변수를 값으로 사용..

HTML 요소 접근HTML요소를 JQuery객체로 생성var obj = $("CSS셀렉터"); .hello .hello{..} (X) 대상 요소를 지정할 수 있는 CSS셀렉터를 사용한다.jQuery에서 사용한 CSS셀렉터가 반드시 태그에 정의되어 있어야 하는 것은 아니다.혼란을 피하기 위해 CSS에서는 class형식으로만 셀렉터를 구성하고, jQuery에서는 가급적 id속성만으로 대상을 지정한다.* CSS : TAG나 ID속성을 사용한 셀렉터 지양.자손, 자식 셀렉터의 구성도 가급적 class속성만으로 구성.* jQuery: 대부분의 경우 ID속성을 사용하지만동시에 여러 개의 객체를 제어해야 할 경우는 class속성도 사용. HTML요소 내의 내용 제어 obj.html(...) html() 함수는 파라미..

DOCTYPE html> ... meta 태그 설정 및 css 처리 ...... html 태그 .../** 모든 곳에서 인식할 변수 및 함수 정의 영역 */ /** jQuery 구현 부분 */$(function() {// 이 영역이 페이지 로딩이 완료된 후 실행된다.}); ㄴbody의 onload 이벤트--> 프로그래밍 언어에서의 main()역할. -8일차 정리

요소 제어 var myimg = document.getElementById("img요소의 id"); myimg.src = "이미지파일경로";myimg.width = "200px";myimg.height = "100px" 요소제어 요소의 객체 획득하기 id속성값으로 접근하는 경우// form 의 id속성값이 `form_id` 인 경우 var myform = document.getElementById("form_id"); name속성값으로 접근하는 경우 // form의 name속성값이 `form_name` 인 경우var myform = document.form_name; 획득한 안의 요소 접근 id속성값으로 접근하는 경우var hello = document.getElementById("input_id"); ..

웹 브라우저의 정보 조회웹 브라우저의 이름, 버전정보, 운영체제 정보 등이 포함된 문자열 값.var agent = navigator.userAgent; 이 값에 특정 단어가 포함되어 있는지 여부를 판단하여 브라우저나 운영체제 종류, 모바일/PC 여부 등을 확인할 수 있다. var agent = navigator.userAgent;if (agent.indexOf('검사할단어') > -1 ) {... 처리내용...} HTML제어 HTML요소를 객체로 생성하기var mytag = document.getElementById("id속성값"); 획득한 객체의 내부에 대한 내용 접근// 내용 적용하기mytag.innerHTML = "... 적용할 내용 ..."; // 적용된 내용 조회하기var content = my..

// 10! 출력하기 function factorial(i){ if (i ==1 ) { return i; } else { return i * factorial(i-1); } } console.log(factorial(10));

Math 내장객체 수학과 관련된 기능을 제공한다.int abs(int param) param의 절대값을 리턴한다. int max(int a, int b) a와 b중에서 큰 값을 리턴한다.int min (int a, int b) a와 b중에서 작은 값을 리턴한다.int round(Number num) num을 소수점 첫째 자리에서 반올림한 결과를 리턴한다.int floor (Number num) 소수점 이하 값을 버린다.int ceil(Number num) 소수점 이하 값을 올린다. 랜덤값 얻기 Math.random() 함수는 0에서 1사이의 난수를 발생시켜 리턴한다. 실수 형태로 리턴되는 값은 범위르 ㄹ조절하기 쉽지 않기 때문에 다음과 같이 함수를 정의하여 사용해야 한다.function random(n1..