⛏️/JavaScript

브라우저 객체 모델 (BOM) 브라우저 내부에 내장되어 있는 객체 정보 window,screen, location, history, navigator... 계층적 구조(최상위-window) 이벤트 웹 브라우저에서 클라이언트가 수행하는 모든 동작 이벤트 리스너 : 웹 브라우저에서 이벤트가 발생하는지 체크하는 기능 // 실행할 수 있도록 만들어줌 이벤트 핸들러 : 이벤트가 발생시 자바스크립트 실행가능 1. onclick //클릭해도 동작x -> 보여지는 동작과 클릭시 동작이 분리되어있기 때문 --> // -> 이벤트 핸들러 추가해야함 //동작함 //alert 2번클릭 몇개든 상관x, but 일반적사용x -> script태그 사용 + 함수 function test1() { alert('버튼1 클릭!'); al..

객체(Object): 눈앞에 있는 모든 대상 객체 추상화: 내가 코드로 표현하려고 하는 대상을 선택해서 속성, 동작들을 정의 ex) '모니터' 속성: 브랜드, 모델명, 크기, 색상, 가격, 화소, ... 동작: 전원 on/off, 명도, 음량 조절,... 객체 생성(인스턴스): 추상화했던 객체 정보를 실제 구현 *인스턴스화 -> 객체를 메모리에 올리는 작업 var참조 변수(레퍼런스) = new 객체명(); // 객체 생성 // var obj = new Object(); var TV = new Object(); // TV객체의 속성 : 크기,색상,가격 TV.size = 100; TV.color = "black"; TV.price = 200; //TV.power = "off"; TV.power = false..

함수(function): 실행문 저장해서 사용 -변수: 데이터 저장해서 사용 가능한 메모리 공간 // function 함수명(){ // 실행코드1; // 실행코드1; // 실행코드1; // } // -> 함수명(); // [익명 함수] // var tmp = function(){ // 실행코드1; // 실행코드1; // 실행코드1; // } // -> 변수명()/참조변수() // 함수 선언(정의) function info_ITWILL(){ alert("안녕하세요!"); alert("아이티윌입니다!"); alert("접수는 왼쪽입니다!"); } // 함수 사용(호출) //info_ITWILL(); //info_ITWILL(); // sayMyName 이름의 함수를 선언 // -> 본인의 이름을 출력하는 함..

제어문이란? - 프로그램의 흐름을 제어하는 문장 조건문 특정 조건에 따른 실행(if/if-else/if-else if) 선택문 특정 조건에 따른 실행(switch-case) 반복문 특정 조건에 따라 반복 실행(for/while/do-while) [조건문 if문] if(조건문){ 조건문이 참일 때 실행하는 코드; } if(조건문) 실행문; *if문은 실행하는 코득다 1줄일 때 중괄호 생략 가능 var number = 30; //var number = prompt("숫자를 입력하세요!") // 변수 number값이 50보다 클 때 "50보다 큰 값이 입력" if( number > 50 ){ document.write("50보다 큰 값이 입력"); } // Boolean(값) - > t/f 리턴; // -> ..

// 출력문 // 1. alert(); // alert(' 안녕하세요! '); // 2. document.write(); // document.write(' 안녕하세요 아이티윌 입니다. '); // 3. console.log(); // console.log('안녕하세요!'); // 출력문을 사용하여 페이지에 이름 출력 document.write("이름 : 아이티윌 "); // alt shift + 방향키아래 // alt + 방향키 위,아래 document.write("이름 : 아이티윌"); // 숫자 +(연산자) 숫자 => 숫자 document.write(100 + 200); // 문자 +(연결자) 문자 => 문자(연결) document.write("100" + "200"); document.write(..

자바 스크립트 특징? 1. 인터프린터 언어 (컴파일 언어) - 코드를 위에서 아래로 순차적으로 실행 - 에러가 발생하기 전까지만 실행 - 에러 발생 후 더 이상 코드를 실행 X 2. 클라이언트(스크립트) 언어 - 클라이언트(컴퓨터, 휴대폰...)에서 실행되는 언어 3. 객체 기반언어 4. 오픈소스 기반의 언어 5. 다양한 라이브러리 지원 작성 규칙 1. 대, 소문자 구분하여 작성 2. 모든 코드(실행문)의 끝에는 세미콜론을 작성 3. 코드를 작성할 때 한번에 한 줄씩 작성 4. 문자 표시할 때 ""/''를 구분해서 사용X 5. [대괄호] {중괄호} (소괄호)는 항상 짝이 맞아야 함 6. 기본적으로 코드는 키보드로 수행 가능해야 함