언노운 개발

브라우저 객체 모델 브라우저 객체란? 브라우저에 내장된 객체를 브라우저 객체라고 합니다. window는 브라우저 객체의 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있습니다. 계층적 구조로 이루어져 있으며, 이를 브라우저 객체 모델(BOM)이라고 합니다. window는 브라우저 객체의 최상위 객체이며, 아래 링크를 통해 window 객체의 메서드 종류를 많이 사용하니 숙지해주세요. 종류 설명 open("URL", "새 창 이름", "새 창 옵션") URL 페이지를 새 창으로 나타냅니다. alert(data) 경고 창을 나타내고 데이터를 보여줍니다. 방문자가 [확인] 버튼을 누르면 alert()를 사용한 다음 위치의 코드를 수행합니다. prompt("질문", 답변") 질문과 답변으로 질의 ..

연산자에는 덧셈, 뺄셈, 곱셈, 나눗셈, 나머지 이렇게 있는데요. 숫자를 가지고 기본적인 실습은 어떤 언어로든 한번씩 해보게 됩니다. 좀 더 들어가서 문자 결합 연산자부터 대입, 증감, 비교, 논리 삼항 조건 연산자까지 알아보겠습니다. 문자결합 연산자문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터 "hello" + " world" = "hello world"; 문자형 데이터 + 숫자형 데이터 = 하나의 문자형 데이터 "100" + 200 = "100200"; 숫자형과 문자형을 더하기 연산하면 하나의 문자형 데이터가 됩니다. 대입연산자대입연산자는 = 을 말합니다. 프로그래밍 언어에서는 대입연산자(=)는 같다라는 뜻이 아니라 우변의 데이터를 좌변에 대입한다라는 뜻입니다. 복합 대입 연산자는 산술 연..

변수란?데이터(값)를 저장할 수 있는 메모리 공간을 뜻합니다. 변수에는 오직 한 개의 데이터만 저장됩니다. 새로운 데이터가 들어오면 기존의 데이터는 사라집니다. 변수 선언var 키워드를 변수명 앞에 붙입니다. var 변수명; 또는 var 변수명 = 값; 이런식으로 변수를 선언합니다. 변수에 저장할 수 있는 자료형문자형(String), 숫자형(Number), 논리형(Boolean) 그리고 빈 데이터(Undefined)가 있습니다. 1. 문자형 var 변수 = "문자"; 큰 따옴표 안에 숫자 등 어떤것이 들어가도 문자형으로 인식됩니다. 단, html 태그를 포함하여 출력하면 태그로 인식됩니다. 2. 숫자형 var 변수 = 숫자; 문자형 데이터를 숫자형으로 변경하고 싶다면 Number("문자형 숫자");를 사..

자바스크립트 선언문자바스크립트 코드를 쓸 영역을 선언하는 것입니다. 태그 종료까지가 JS코드가 들어갈 영역입니다. 또는 태그 안에 선언하면 되지만~ 대부분 태그 아네에 선언하기 때문에 태그 안에 선언해보겠습니다. 자바스크립트 주석 처리코드가 아닌, 코드에 대한 설명을 넣고 싶다면 주석 처리하면 됩니다. //한줄 주석 /* 여러줄 주석 */ 참고로 HTML 소스 주석은 이렇게 처리하면 됩니다. 내부 스크립트 외부로 분리하기html 내부에 작성된 자바스크립트는 외부로 분리해주어야 합니다. 이유는 소스찾기도 쉬워지고 손상될 염려도 적어지듯 프로젝트 관리를 원활하게 하기 위합니다. html 코드 안에 JS 코드가 적혀 있는 파일경로를 지정해주면 됩니다. 기본형은 이렇게 작성하면 됩니다. 1. html 내부에 s..