안녕하세요. 이번 포스팅에서는 자바스크립트(JavaScript)에서 객체 생성자 함수를 선언하고 객체를 생성하는 방법에 대해서 알아보도록 하겠습니다. 자바스크립트에서 객체를 생성하기 위해서는 먼저 자바스크립트 엔진에 내장된 객체 생성자 함수(Object Constructor Function)를 통해 먼저 선언을 해야 합니다. ▼ 객체 생성자 함수 선언은 function 키워드를 사용하여 나타냅니다. function 함수명(매개변수){} 와 같은 형태로 사용합니다. 함수명은 소문자로 시작해도 무방하지만, 대문자로 시작하는 게 좋습니다. 함수 정의문에는 1개의 속성과 1개의 함수가 등록되어 있습니다. 속성은 this.name = 속성값; 형태로 사용되며 함수는 this.showName = function()..
안녕하세요. 이번 포스팅에서는 자바 스크립트(JavaScript)에서 window 객체의 내장 함수들을 이용하여 다양한 형태의 팝업창을 띄우는 방법에 대해서 알아보겠습니다. 브라우저에 내장되어있는 객체를 '브라우저 객체'라고 부릅니다. window 객체는 브라우저의 객체의 최상위 객체로 다양한 함수들을 제공하고 있습니다. 이번 포스팅에서 알아볼 브라우저에 팝업창을 띄우는 기능이 내장된 함수들도 방금 말한 window 객체에 내장되어있는 함수들입니다. 그럼 하나씩 알아보도록 하겠습니다. 1. window.open() 함수 open() 함수를 사용하여 특정 URL 페이지를 띄울 수 있습니다. window.open("URL", "팝업이름", "팝업 옵션"); ▼ 첫 번째 인자로는 팝업창을 열었을 때 연결될 U..
안녕하세요. 이번 포스팅에서는 자바스크립트(JavaScript)에서 문자열 객체인 String 객체에 대해 정리해보겠습니다. 1. 문자열 객체 생성 및 초기화 var 참조변수 = new String(문자열 데이터) var 참조변수 = 문자열 데이터 ▼ 문자열 객체를 선언하는 방식은 두 가지가 있습니다. 첫 번째는 new 연산자를 통해 String 객체를 생성하면서 생성자 정보로 문자열 데이터를 넘기는 방식이 있습니다. 두 번째 방식은 new 연산자를 사용하지 않고 사용하는 방식으로 선언한 참조 변수에 문자열 데이터를 입력하여 객체를 생성하는 방식이 있습니다. 아래는 실제로 두 가지 방식을 사용하여 문자열 객체를 생성한 모습입니다. 2. 문자열 함수 - charAt() 자바스크립트(JavaScript)에서..
안녕하세요. 이번 포스팅에서는 지난 포스팅 배열 객체를 사용하는 방법에 이어서 배열 객체에 내장된 다양한 함수에 대해서 알아보도록 하겠습니다. 자바 스크립트 배열 객체에는 다양한 종류의 내장함수가 있습니다. 각각의 종류와 설명은 아래 표를 참조해주세요. 함수 설명 pop() 배열의 맨 마지막 요소를 반환 및 제거합니다 push(new data) 배열의 맨 마지막 인덱스에 새로운 데이터를 추가합니다 shift() 배열의 맨 앞에있는 요소를 반환 및 제거합니다. unshift(new data) 배열의 맨 앞에 인덱스에 새로운 데이터를 추가합니다. join(연결할 문자) 배열 객체의 요소들을 인자로 넘긴 문자로 연결한 새로운 데이터를 반환합니다. reverse() 배열 객체의 데이터의 순서를 바꾼 새로운 배열..