자바스크립트기초

자바스크립트는 html 내부에 사용할 경우, script를 입력해 사용하며 head/body 모두 사용가능하다. 보통은 body에 넣어서 사용한다. \*마지막으로 자바스크립트를 읽게 만드는 속성이다. 주석만들기 한줄짜리 주석을 사용하고싶을 때 '//'기호를 사용한다.여

변수(variable)변수는 변하는 값을 저장할 수 있는 메모리 공간. 데이터를 담을 수 있는 그릇이라고 할 수 있다.변수에는 데이터가 오직 한 개만 저장된다. 만약 새로운 데이터가 들어오면 기존에 있던 데이터는 사라지고 마지막에 들어온 데이터만 남는다.변수에 담을 수

var룰 이용한 변수는 호이스팅 이외에도 '재선언'과 '재할당'을 할 수있다.재선언이란, 같은 이름의 변수를 var를 붙여 여러 번 선언하는 것을 말하고 재할당이란, 만들어진 변수에 값을 여러 번 집어넣는 것을 말한다.var num1 = 10; num1이 선언됨.var

자료형(Data type)이란 '데이터의 형태'를 뜻한다.변수에 담을 수 있는 자료형의 종류로는 문자형(string),숫자형(Number),논리형(Boolean),빈데이터(Null, undefined)가 있다.1.문자형 데이터(string)문자형 데이터는 문자나 숫자를

증감연산자증감 연산자는 숫자형 데이터를 1씩 증가시키는 증가연산자(++) 1씩 감소시키는 감소연산자(--)가 있다.증감 연산자는 앞에서 배웠던 다른 연산자와 다르게 피연산자가 1개만 필요한 '단항연산자'이다.즉, 증감 연산자는 스스로 연산하는 연산자이다. 증감 연산자

prompt()메서드 : 질의응답창사용자에게 질문에 대한 답을 얻고자 할 때 사용하는 창. 이때 ()가 붙은 용어들을 메서드라고 부르며 하나의 기능을 뜻한다. prompt()메서드에서 기본 답변은 placeholder처럼 사용자에게 힌트를 주기위해 사용하는 부분으로,

제어문제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장을 말한다.제어문에는 조건식에 만족여부에 따라 코드를 제어하는 '조건문'과조건문과 변수의 일치에 따라 코드를 제어하는 '선택문',특정코드를 원하는 횟수만큼 반복실행하는 '반복문'이 있다.if문 - 조건문if

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다.예를 들어 '안녕하세요!'라는 문구를 100회 출력하려면 출력문을100번 작성해야 하지만 반복문을 이용하면 1줄만으로도 문장을 100회 출력할 수 있다. 반복문에는 while문, do while문, fo

continuecontinue문은 반복문에서만 사용할 수 있다.while문에서 continue문을 사용할 경우 continue문 다음에 오는코드는 무시하고 바로 조건식으로 가서 조건 검사를 한다.즉, while문에서 continue문은 '다음 코드는 무시하고 조건검사

객체는 기능(함수)과 속성(프로퍼티)으로 이루어져 있다.즉, 함수와 변수를 섞어 놓은 것을 말한다.예를 들어 앞서 배웠던 html태그들도 하나의 객체라고 볼 수 있다.a태그의 기능은 링크를 연결하는 것이고, 속성은 태그안에 쓰이는 href, title, target뿐만

문자열 객체(string object)문자열 객체는 문자형 데이터를 객체로 취급하는것으로, 자바스크립트에서가장 많이 사용한다. 즉, 문자형 데이터 == 문자열 객체이다.문자형 데이터는 배열과 마찬가지로 첫 번째 글자부터 인덱스 번호를 0번부터 부여받는다.이 인덱스 번호

windowdocument htmlscreen 해상도navigator 운영체제 (안드로이드,mac,ios etc)history 방문기록location 주소창브라우저 객체 모델(browser Object Model : BOM)웹 브라우저가 창에 문서가 표시되는 순간 브라

screen객체는 사용자의 모니터 정보(속성)를 제공하는 객체로모니터의 넓이나 높이 또는 컬러 표현 bit를 반환한다.기본형screen.속성;속성 종류\-screen.width : 화면의 넓이값을 반환한다.\-screen.height : 화면의 넓이값을 반환한다.\-s

함수는 숫자를 담는 상자라는 뜻으로, 어떠한 데이터를 넣으면 함수에 들어있는 여러 코드를 통해 원하는 결과값을 반환하게 만들어주는 코드이다.예를 들면 사과,오렌지,파인애플같은 데이터를 넣으면 함수라는 공장에서 여러가지 첨가물이나 공정과정을 통해 '주스'라는 결괏값을

기본 함수 정의문은 함수 안에 있는 코드를 실행할때 단순히 함수명으로 호출해서 함수를 실행했다. 즉, 함수를 호출할때 값을 전달할 수 없었다.하지만 매개 변수가 있는 함수 정의문은 함수를 호출하고자 할때 전달하려는 값을 인수로 넣어 전달할 수 있다. 이렇게 전달 된 값

일반 함수 정의문의 경우 함수명을 선언하고 그 이름을 사용해서 호출한다.이 방법은 함수이름만 알고 있으면 어디서나 함수를 실행할 수 있어서 많이 사용한다.이 밖에 함수이름을 지정하지 않고 사용하거나, 함수를 호출하지 않고 바로 실행하는함수도 있다. 함수 중 익명함수나

함수의 값을 반환하는 return문return문은 함수에서 결괏값을 반환할 때 사용한다. 그리고 return문이 실행되면 반목문의 break문처럼 코드가 강제종료된다. 즉, return문의 아래에 코드가 더 있더라도 return문을 만나면 아랫줄의 코드는 무시하고 값을

일반 함수 정의문 (=이름이 있는 함수)의 경우 호이스팅 기능을 지원한다.함수의 호이스팅은 함수 정의문보다 함수 호출문이 등장하더라도 해당 함수를 정상적으로 실행하는 것을 말한다.일반 함수가 정의되면 자바스크립트 엔진 메모리 공간안에 함수의 이름을 이용해 미리 저장해둔

객체 생성자 함수(Object Constructor Function) 내장객체를 생성할때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용해서 객체를 생성한다. [기본형] function 함수명(매개변수1, 매개변

웹에서 자바스크립트를 사용하는 이유는 어떤 조건에 맞거나 사용자의 동작이 있을때웹 문서 전체 또는 일부분이 동적으로 반응하게 만들기 위해서이다.이렇게 반응하게 하려면 웹 문서의 모든 요소를 따로 제어할 수 있어야 한다.예를들어 웹 문서에 텍스트와 이미지가 들어있다면 웹

.bigbox { width: fit-content; height: fit-content; } .imgbox { width: 500px; height: 300px;

DOM에는 이벤트 정보를 저장하는 event객체가 있다.이 객체에는 웹 문서에서 이벤트가 발생하는 요소가 무엇인지,어떤 이벤트가 발생했는지 등의 정보가 들어있다.이벤트 객체는 이벤트 함수의 매개변수 자리에 event또는 e라는 변수명으로 받아올 수 있다.프로퍼티\-al

웹 문서에서 처음 화면에서는 보이지 않다가 클릭이나 이벤트가 발생하면 내용이 나타나는 경우가 있다. 이런 동작은 CSS의 display속성을 사용해서 만들수도 있지만 DOM트리에 새로운 노드를 추가하는 방법도 있다. 이때 주의할점은 노드를 추가하면 단순히 요소 노드뿐