본문 바로가기
브라우저 & 윈도우 객체 사용하기 - 자바스크립트(Javascript) 자바스크립트에서 사용 가능한 내장 객체 중 브라우저에 내장된 객체에 대해 살펴봅니다. 브라우저 객체 모델(Browser Object Model : BOM)은 웹 브라우저와 관련된 객체의 집합(window, location, screen, history, navigator, document)을 의미합니다. 오늘은 브라우저 객체에 대해 살펴봅니다. window 객체는 브라우저의 창을 의미하며, 다양한 메서드로 이 창을 제어할 수 있습니다. window 객체의 메서드 종류에 대해 살펴봅니다. 메서드 종류 설명 alert( ) 경고 상자 표시 atob( ) 암호화된 문자열을 복호화(base - 64) btoa( ) 문자열을 암호화(base - 64) clearInterval( ) setInterval( )로 설.. 2021. 12. 13.
배열 객체와 문자열 객체 살펴보기 - 자바스크립트(Javascript) 지금까지는 하나의 변수에는 하나의 데이터를 저장했습니다. 하지만 배열 객체는 하나의 변수명에 인덱스(index)를 이용하여 여러 데이터를 저장할 수 있게끔 합니다. 오늘은 배열 객체 & 문자열 객체에 대해 살펴봅니다. 배열 객체를 생성할 때 아래와 같이 3가지 방법을 사용합니다. person1은 배열 객체를 선언하고, person2와 person3에는 여러 개의 데이터(숫자형, 문자형)를 입력하고 출력해 봅니다. 현재 선언된 배열 객체에 입력된 값과 인덱스 번호는 아래와 같습니다. 인덱스 번호 0 1 2 person1 배열 객체만 선언되고 값은 없음 person2 1 이 3 person3 일 2 삼 반복문을 이용하여 배열 객체에 임의의 데이터를 입력하고 출력해 봅니다. document.write("배열 .. 2021. 12. 13.
자바스크립트(Javascript) - 내장 객체(built-in Object) 살펴보기 자바스크립트에서 사용할 수 있는 객체에 대해 살펴봅니다. 우선 프로그래밍 언어에는 C++, 자바(Java), PHP 언어 등과 같이 클래스를 생성하고 함수를 상속할 수 있는 객체지향 언어(Object-Oriented Programming language)와 자바스크립트와 같이 그렇지 못한 객체 기반(Obeject-based) 언어가 있습니다. 객체지향과 객체 기반의 차이를 쉽게 이해하자면 객체지향언어는 클래스의 상속과 재조합이 가능한 반면 객체 기반 언어는 객체지향언어에서의 기능을 전혀 제공하지 않습니다. 파이썬도 인터프리터 언어이면서 클래스의 정의와 상속이 가능한 언어이기 때문에 객체지향 프로그래밍 언어라 할 수 있습니다. 그래서 저는 파이썬을 공부할 때 컴파일 언어인 C++과 인터프리터 언어의 장점이.. 2021. 12. 13.
조건문(if~else), 선택문(case), 반복문(while, for) – 자바스크립트(Javascript) 조건문은 특정한 조건식에서 참(true)과 거짓(false)을 구별해 각 조건에 맞는 코드를 실행하게 됩니다. 조건식은 앞서 살펴본 다양한 연산자들을 사용하여 조건식을 만들고 조건에 부합할 때와 그렇지 않을 때의 코드를 작성하여 실행하는 것을 의미합니다. 선택문과 반복문도 특정한 조건식에 기반하여 실행됩니다. 여기서 특정한 조건이란 무조건 반복 또는 일정한 조건에서 부합할 때에 반복 등 다양한 방법으로 코드를 실행시킬 수 있습니다. 자바스크립트에서 사용되는 조건문과 반복문에 대해 살펴봅니다. 조건문에서 가장 일반적으로 사용되는 if 문에 대해 살펴봅니다. if (조건식) { 실행문 } 예를 들어 if ( 1 < 2 ) { document.write("1이 2보다 작다"); }에서 1 2021. 12. 13.