자바스크립트(JavaScript)/자바스크립트33 [JavaScript] 브라우저 객체 모델(Browser Object Model) 브라우저 객체 모델 Browser Object Model웹 브라우저 창에 문서가 표시되는 순간 브라우저는 html 소스를 읽으며 화면에 내용을 표시하고 객체를 만들어낸다. 웹 브라우저가 열리면 가장 먼저 window라는 객체가 만들어지고 밑으로 하위 요소에 해당하는 객체들이 생성된다. 하위객체는 웹 문서와 주소 표시줄같이 브라우저의 내용에 해당하는 요소를 가리킨다. 이러한 객체 모델을 브라우저객체모델(BOM, Browser Object Model)이라고 한다.자바스크립트로 객체 모델을 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있게 된다. 브라우저 객체 모델 종류window브라우저 창이 열릴때마다 하나씩 만들어진다. 브라우저 창 안의 요소 중 최상위(부모)객체이다.docum.. 2024. 7. 23. [JavaScript] 내장 객체(Built-in Object)의 종류 내장 객체 Built-in Object 자바스크립트의 객체 종류 중 하나인 내장 객체(Built-in Object)는 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용하는 객체이다. 내장 객체의 종류로는 문자객체(String), 날짜(Date), 배열(Array), 수학(Math)객체가 있다. 내장 객체를 생성할 때에는 new 라는 키워드와 함께 생성함수를 사용한다.// 기본형var 참조변수(인스턴스) = new 생성함수(); 1. 보통 생성함수에 Object를 많이 쓴다.var 참조변수(인스턴스) = new Object();생성함수에 Object를 써서 객체를 생성했을 경우에 이제 그 객체에 기능(함수)와 속성(프로퍼티)를 지정할 수 있다. 예시로 tv라는 객체를 만들어 보겠다.** 참조.. 2024. 7. 15. [JavaScript] 자바스크립트의 객체(Object)란? 객체 Object 객체는 기능(함수)과 속성(프로퍼티)으로 이루어져 있다. 즉, 함수와 변수를 섞어 놓은 것을 말한다.예를 들어 앞서 배웠던 html 태그들도 하나의 객체라고 볼 수 있다.객체는 객체마다 사용할 수 있는 기능과 속성이 정해져 있다.예시) a태그기능링크연결속성href, tille, target, inline 등 inline 속성을 가진 태그에게 넓이값를 지정하면 안되는 것처럼 해당 객체마다 올바른 기능과 속성을 적용해야한다.자바스크립트는 유연한 프로그램이기 때문에 잘못된 속성과 값을 입력하면 오류 표시가 뜨는 것이 아니라 자동으로 값을 입력하여 출력한다. 이러한 문서는 오류를 찾기 힘들다는 단점이 있다.만약 a태그에게 넓이값을 입력하면 값이 자동으로 undifined 로 입력되는 것이.. 2024. 7. 15. [JavaScript] continue 과 break 의 차이 continue 문과 break 문continue문과 break문은 반복문에서 '빠져나올 수 있는' 유일한 JavaScript 명령문이다.break문은 이 문장에서 '빠져나옴' , continue문은 이 문장을 '건너뛴다.'고 생각하면 간단하다.이 두 명령문은 반복문 내에서 코드의 흐름을 제어하고 다루기에 필수적인 구문이다.이러한 특성을 잘 이해하고 활용하는 것이 반복문을 활용하는데 큰 도움이 될 것이다. continue continue 문은 반복문에서만 사용할 수 있는 명령문이다.반복문 내에서 단일 문장으로 쓰이며, '다음 코드를 무시해라'라는 의미이다.continue가 나올 때, 다음 문장이 무시되는 특성 때문에 보통 조건문과 함께 쓰인다.조건문과 함께 사용 될 경우에는 ' 다음과 같은 조건일 때,.. 2024. 7. 12. [JavaScript] 제어문 : 조건문(if, else if, else) / 선택문(switch) / 반복문(while, do while, for) 제어문 이란?제어문은 프로그램의 흐름을 제어 할 수 있도록 도와주는 문장을 말한다.제어문에는 조건식에 만족여부에 따라 코드를 제어하는 '조건문'과 '변수'의 일치에 따라 코드를 제어하는 '선택문'특정 코드를 원하는 횟수만큼 반복 실행하는 '반복문'이 있다. if if문은 조건식의 만족 여부에 따라 코드를 제어하는 '조건문'이다. if문에 쓰이는 조건식은 앞에서 배웠던 Boolean 데이터와 마찬가지로 true 또는 false 값을 반환한다. 계산 순서는 아래와 같다. 조건식 검사1-1조건식 결과 값 true2-1{중괄호} 안의 코드 실행종료1-2조건식 결과 값 false2-2-먼저 조건식을 검사하고, 조건식을 만족(true)할 경우 {중괄호} 안의 코드를 실행 후 종료한다. 만약, 조건식을 불만족(fa.. 2024. 7. 11. [JavaScript] 자바스크립트로 평균 체중 계산기 만드는 방법 평균 체중 계산기 만들기철수라는 가상의 인물을 만들어 철수의 적정체중을 구해보고,prompt()메서드를 활용해 사용자가 입력한 내용을 바탕으로 계산할 수 있는 계산기를 만들어 보겠다.적정 체중을 구하는 공식적정 체중 = (본인 키 - 100) x 0.9 철수의 적정 체중을 먼저 구해보겠다.적정 체중을 구하기 위해 철수라는 가상 인물의 키와 몸무게 값을 설정해주었다.철수는 키 180cm에 몸무게 74kg의 인물이다.위의 적정 체중을 구하는 공식에 넣어보면 철수의 적정 체중은 (180-100) x 0.9이다.//철수의 평균 체중 계산기 var userHeight = 180; // 철수의 키 var userWeight = 74; // 철수의 몸무게 var normal_weight .. 2024. 7. 9. 이전 1 2 3 4 5 6 다음
