뭐라도 기억하기 위한 블로그

브라우저 객체모델(BOM, Browser Object Model) : 브라우저에 내장된 객체를 의미. window는 브라우저 객체의 최상위 객체이며, window객체에는 하위객체가 포함되어 있다. 1. window객체window는 브라우저 객체의 최상위 객체이며, 다음과 같은 메서드를 사용window > document( > body, div, img, a, input....), screen, location, history, navigator window 객체의 메서드 종류종류설명open("URL", "새창이름", "새창옵션")URL 페이지를 새창으로 나타냄alert(data)경고창을 나타내고 데이터를 보여줌. 방문자가 [확인]버튼을 누르면 alert()를 사용한 다음 위치의 코드 수행prompt("..

문자열 객체(String Object) : 문자형 데이터를 객체로 취급하는 것으로, 자바스크립트에서 가장 많이 사용 됨. 문자열 객체 생성하기문자열 객체를 생성하는 기본형은 new 키워드와 String()메서드를 사용생성된 객체는 변수에 참조var 참조 변수 = new String (문자형 데이터)var t = new String("hello javascript"); //문자열 객체 생성 문자열 객체는 다음과 같이 참조 변수에 문자형 데이터만 입력해도 객체가 생성var 참조변수 = 문자형 데이터var t = "hello javascript"; //문자열 객체 생성 문자열 객체의 메서드 및 속성종류설명charAt(index)문자열에서 인덱스 번호에 해당하는 문자를 반환예) var str="web he..

변수에는 하나의 데이터만 저장가능.여러개의 데이터를 하나의 장소에 저장하려면> --> 배열 객체(Array Object)를 생성하면 됨. 배열객체를 생성하는 방법은 세가지이며, 이 중 선호하는 방식을 사용하면 된다.방식01 var 참조변수 = new Array();참조변수[0]=값1;참조변수[1]=값2;참조변수[2]=값3;...참조변수[n-1]=값n;//적용 예시var d = new Array();d[0]=30;d[1]=따르릉;d[2]=true; 방식02var 참조변수 = new Array(값1, 값2, 값3, ...값n);//적용예시var d = new Array(30, "따르릉", true); 방식03var 참조변수 = [값1, 값2, 값3, ...값n];//적용예시var d = [30, "따르릉",..

☑️ 객체의 종류내장객체 : 자바스크립트 엔진에 내장되어 있음. 내장객체로는 문자(String), 날짜(Date), 수학(Math), 배열(Array)등이 있다.브라우저 객체모델(BOM, Browser Object Model) : 브라우저 계층 구조로 내장되어있는 객체로 window, screen, location, history, navigator 객체등이 있음.문서 객체 모델(DOM, Document Object Model) : HTML문서 구조를 말함. 최상위 객체로는 HTML이 있으며 그 하위 객체로는 head와 body가 있다. ☑️ 내장객체참조변수(인스턴스 이름) = new 생성함수() 예제1) 날짜 정보 객체 : 날짜나 시간 관련 정보를 받고 싶을 때는 날짜 객체를 생성참조변수 = new ..

3. 반복문(while/for)코드를 지정한 횟수만큼 반복해서 실행시킬 수 있음. while문 : 조건식을 만족할 때 까지 코드를 여러번 반복하여 실행 가능.var 변수 = 초기값;while(조건식){ 자바스크립트 코드; 증감식; } 예제1) 예제2) i의 값이 2의 배수이면서 6의 배수일 경우 i값을 출력 예제3) i의 값이 짝수이면 파랑, 홀수이면 빨강이 출력되게 함.*style에 class값 지정해주기! do while문 : while문의 경우에는 조건식의 만족여부를 먼저 검사한 후 중괄호에 있는 코드의 실행여부를 결정.하지만, do while문은 반드시 한번은 코드를 실행하고 조건식을 검사..

1. 조건문(if, else, else if) 조건에 따라 특정 코드를 실행시킬 수 있음(조건식이 참인지 거짓인지에 따라 자바스크립트 코드를 제어) if문 : 조건을 만족(true)할 경우에만 코드를 실행if(조건식){ 자바스크립트 코드 } 예제1)10000이상의 걸음 수를 입력하면,예제2) 60이상을 입력하면,- 조건식에 논리형데이터(true, false)가 아닌 다른형의 데이터가 입력되어도 true/false로 인식.- 0, null, " "(빈문자), undefined등이 조건식에 입력되면 false를 반환하고, 그밖의 값은 true로 인식.- (질의응답 창에서도 답을 입력하지 않으면 빈문자("")로 인식하여 false값이 입력)var num = 3;if(n..

JAVASCRIPT 연산자+ 더하기- 빼기* 곱하기/ 나누기% 나머지A>BA가 B보다 크다. AA가 B보다 작다. A>=BA가 B보다 크거나 같다. AA가 B보다 작거나 같다. A==BA와 B는 같다.숫자형 5와 문자형 "5"는 같은것으로 인식하여 true 반환A!=BA와 B는 다르다.숫자형 5와 문자형 "5"는 같은것으로 인식하여 false 반환A===BA와 B는 같다.숫자형 5와 문자형"5"는 다른것으로 인식하여 false 반환A!==BA와 B는 다르다.숫자형 5와 문자형"5"는 다른것으로 인식하여 true 반환||or 연산자피연산자 중 하나의 값이라도 true가 존재하면 true 반환&&and 연산자피연산자 중 하나라도 false가 존재하면 false 반환!not 연산자, 단항 연산자피연산자의 값이..