전체 글 (91) 썸네일형 리스트형 9. 다양한 함수/메소드 setInterval() setInterval 함수는 주기적으로 실행문을 일정한 시간 간격을 두고 반복한다. 즉 매개변수로 주어진 시간 간격으로 무한히 반복 호출한다. 구조) setInterval( function(){}, millisecond ); => n초마다 function() 내용을 실행하겠다. setTimeout() setTimeout 함수는 일정 시간 후 실행되도록 처리한다. 따라서 setInterval 함수와는 달리 매개변수로 주어진 시간 후 딱 한번만 콜백 함수를 호출한다. 구조) setTimeout( function(){}, millisecond ); => n초 후 function() 내용을 한번 실행하겠다. clearInterval()과 clearTimeout() cleaInterval.. 8. 이벤트(event) JS의 이벤트(event) 웹 페이지 내에서 마우스를 클릭하거나, 키를 입력했을 때, 혹은 특정 요소로 포커스가 이동했을 때 어떤 사건을 발생시키는 것을 이벤트(event)라고 한다. 다양한 이벤트 처리 1. onload : 브라우저가 모든 페이지를 로딩한 후 실행 2. onmouseover : 마우스가 영역 위로 올라왔을 경우 실행 3. onmouseout : 마우스가 영역 밖으로 벗어났을 경우 실행 4. onclick : 마우스를 클릭했을 경우 발생 5. onkeyup : 눌린 키가 떨어졌을 경우 발생 6. onkeydown : 키보드의 키가 눌렸을 경우 발생 7. onchange : 해당 요소에서 변화가 있을 경우 발생 스크린 사이즈 이벤트 브라우저 및 모니터의 스크린 사이즈를 알아볼 수 있는 이벤.. 7. 객체(object) Object란 객체(Object)는 다른 것과 식별이 가능한 것이다. 자신만의 고유한 특성과 행동을 지니며, 다른 객체들과 상호작용할 수 있다. 선언 방법 1. var Object1 = { key : value }; 2. var Object2 = new Object(); Object를 이용한 함수 6. 변수와 HTML 구조 설정 변수 선언 1. var/let 변수 선언 키워드에는 var와 let이 있다. var는 중복 선언이 가능하나, let은 중복 선언이 불가능하다. 따라서 let을 주로 쓰는 것이 더 좋다. => [키워드] [변수명]; 2. 상수(Contance) 값을 저장하는 공간이지만, 최초에 한 번 값이 저장되며, 그 값을 변경할 수 없는 공간을 의미한다. 따라서 초기화가 반드시 필요하다. 사용하는 키워드는 'const'이다. 전역변수와 지역변수 1. 전역변수(Global Variable) script 어디에서나 사용 가능한 변수를 가리킨다. 2. 지역변수(Local Variable) 해당 함수에서만 사용 가능한 변수를 가리킨다. 그 밖이나 다른 함수에서는 사용할 수 없다. 참고) HTML 구조 설정해서 사용하기 1. .. 5. while문과 continue/break while문 for문과 마찬가지로 초기식, 조건식, 증감식을 이용해 실행문을 행하는 문법이다. 다만 for문과는 다르게 반복횟수를 정하지 않고 특정 조건이 주어질 경우에 사용한다. 따라서 조건이 true이면 반복, false이면 반복을 종료하게 된다. 1. 기본 문법 while(조건식) { 반복문장; } 위 코드를 보면 for문과 달리 증감식에 대한 고정적인 자리가 존재하지 않는다. 따라서 상황에 따라 실행문 전에, 혹은 후에 배치할 수 있다. 초기식 또한 변수를 선언해 초기화하는 방식을 사용한다. 이러한 점이 while문과 for문의 차이이다. 2. do while 문법 do { 반복문장; } while(조건식); => 반복 문장들을 실행하고 조건을 따지는 방식으로, 최소 1번(최초에 1번)은 반드시 .. 4. for문 for문 for문은 초기식, 조건식, 증감식 세 가지를 작성해 주어진 규칙에 따라 실행문을 반복하는 문법이다. for문의 기본 구조) for ( 초기식; 조건식; 증감식) { 실행문 } 두 수 사이의 합 구하기 첫 번째 수 : 두 번째 수 : 먼저 안의 첫 번째 요소에 입력된 value값이 속 num1에 넘겨오게 된다. num2도 같은 개념. 속 result는 의 이라고 볼 수 있다. 즉 결과값이 담겨져 있지 않은, 비어있는 상태. 그렇다면 이제부터 for문을 살펴보자! 그 전에 결과값에 대한 변수를 sum으로 선언하고 0으로 초기화. 부호에 대한 입력도 변수 txt를 선언해준다. for문의 식을 해석해보면 '변수 i가 num1부터(var i = num1) num2가 될 때까지(i 3. 조건문/Swich문 조건문 조건문은 조건의 결과(true / false)에 따라 다른 코드를 실행하는 구문이다. 조건문의 구조) 만약에(A라면) { if(ConditionA) { B를 실행한다. console.log("B를 실행한다"); } 그렇지 않다면 { -> } else { C를 실행한다. console.log("C를 실행한다"); } } if(ConditionA) { B를 실행 : 조건A를 만족할 경우 실행; } else if(ConditionD) { E를 실행 : 조건D를 만족할 경우 실행; } else { C를 실행 : 조건A와 조건D를 모두 만족하지 않을 경우; } switch문 조건문 중에서는 switch문도 존재한다. switch문의 구조) switch(조건변수) { case 변수1 : 조건변수가 변수1일때.. 2. 연산자 연산자란? 프로그램을 만들 때 변수나 값의 연산을 위해 사용되는 부호를 의미한다. 연산자의 종류는 총 4가지가 있다. 산술 연산자 1. 종류 +(더하기), -( 빼기), *(곱하기), /(나누기) %(나머지) ++(1씩 증가), --(1씩 감소) 2. 내장된 수학 함수 Math.sqrt(z) : z에 대한 제곱근 Math.abs(y-x) : y에서 x를 뺀 값의 절대값 z.toFixed(2) : z를 소숫점 2자리까지만 표시 parseInt(y) : y를 소숫점을 버리고 정수로 출력 비교 연산자 >(크다), =(크거나 작다), A와 B 모두 true면 결과는 true A나 B 둘 중 하나라도 false일 경우 결과는 false 2. OR 연산자 : || A || B일 때 -> A나 B 둘 중 하나라도 t.. 이전 1 ··· 7 8 9 10 11 12 다음
