목록JAVASCRIPT (102)
코드랩 레퍼런스
데이터 타입이란 변수에 저장되는 데이터 종류를 말합니다. 변수에는 숫자, 문자, 불린, 함수, 객체, 심벌 등 여러가지 유형을 넣을 수 있습니다. 데이터 타입 자바스크립트에서 데이터 타입은 원시 타입과 객체 타입으로 나눌 수 있습니다. 원시 타입은 데이터를 구성하는 가장 기본적인 불변 값이며, 원시타입에 속하지 않는 값은 객체라고 합니다. 객체 타입의 값을 변수에 대입하면 변수에는 그 객체에 대한 메모리가 할당됩니다. 자바스크립트에서는 배열, 함수, 정규 표현식이 객체에 해당됩니다. 심벌은 ECMAScript6에서 새로 추가된 값입니다. 자료형 설명 원시 타입 숫자(Number) 정수와 실수가 있지만, 자바스크립트에서는 정수와 실수를 구분하지 않고 사용할 수 있습니다. 문자열(String) "문자", "..
자바스크립트를 쓰기 위한 기본 문법입니다. 프로그램을 작성할 때 일정한 규칙을 지켜줘야 오류 없이 실행할 수 있습니다. 대문자와 소문자 자바스크립트는 대문자와 소문자를 구별하여 처리해야 합니다. 토근과 공백문자 프로그램을 구성하는 최소 단위를 토근(어휘)이라고 하며, 자바스크립트는 프로그램을 실행하기 전에 프로그램을 토큰으로 분해하여 처리합니다. 이런 동작을 구문 분석(파싱)이라고 합니다. 자바스크립트 주석 일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용하는 용도로 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다. /* ... */ : 여러줄에 주석을 적용하는 경우 // : 한 줄에 주석을 적용하는 경우 키워드와 식별자 자바스크립트에는 의미를 가진 단어..
Node.js 설치 편집기 설치 서브라임 텍스트 설치하기 웹 스톰 설치하기 비쥬얼 스튜디오 설치하기 어도비 브래킷 설치하기 웹브라우저 콘솔에서 실행하기 윈도우에서 확장자 표시 설정 윈도우7에서 변경하기 시작 - 제어판 - 모양 및 개인 설정 - 폴더 옵션 보기 탭에서 알려진 파일 형식의 파일 확장명 숨기기 체크 해제 윈도우10에서 변경하기 시작 - 파일 탐색기 - 보기 탭의 파일 확장명 체크 맥에서 변경하기 Finder - 환경 설정 고급 탭 - 모든 파일 확장자 보기 체크
.mousemove()
Definition .mousemove() 메서드는 요소 범위 내에서 마우스를 움직였을 때 이벤트가 발생합니다. Syntax $("selector").mousemove() Compatibility 6 7 8 9 10 11 .mousemove() Sample1 이벤트 메서드 예제입니다. 이벤트(Event) .click() : 클릭해보세요! .dblclick() : 더블 클릭해보세요! .hover() : 마우스 오버해보세요! .mousedown() : 마우스 버튼을 놀러보세요! .mouseenter() : 마우스를 여기에 올려보세요! .mouseleave() : 마우스를 벗어나보세요! .mousemove() : 마우스를 움직여보세요! .mouseout() : 마우스를 벗어나보세요! .mouseover() :..
반복문 반복되는 부분을 실행할 때 사용하는 제어문입니다. while문 var 변수 = 초기값 while (조건식){ 실행문; 증감식; } Sample1 while 1번째 실행 2번째 실행 3번째 실행 4번째 실행 5번째 실행 6번째 실행 7번째 실행 8번째 실행 9번째 실행 10번째 실행 ... Sample2 100보다 작은 숫자에서 4의배수 6의배수 출력하기 12 24 36 48 60 72 84 96 ... Sample3 100보다 작은 숫자에서 짝수는 파란색, 홀수는 빨간색 출력하기 1 2 3 4 5 6 7 8 ..... 93 94 95 96 97 98 99 100 ... do while문 while 문의 경우에는 조건식의 만족 여부를 먼저 검사한 후, 중괄호에 있는 실행문의 실행 여부를 결정합니다...
조건문(제어문) 조건문은 말 그대로 조건에 맞으면 실행하고, 맞지 않으면 다른 코드를 실행하도록 조건을 거는 제어문입니다. if문 if문 단독으로 사용하는 형태입니다. if (조건) { //실행코드 } Example1 View ... Example2 View ... if ~ else문 두개의 값을 비교하여 코드를 별개로 실행합니다. if (조건) { //참일 때 실행 코드 } else { //거짓일 때 실행 코드 } Example1 View ... Example2 View ... Example3 View ... 다중 if문 여러가지 조건에 따라 조건문을 설정합니다. if (조건) { //참일 때 실행 코드 } else if { //앞 조건이 거짓일 때 실행 코드 } else if { //앞 조건이 거짓일..
자바스크립트를 쓰기 위한 기본 문법입니다. 프로그램을 작성할 때 일정한 규칙을 지켜줘야 오류 없이 실행할 수 있습니다. 대문자와 소문자 자바스크립트는 대문자와 소문자를 구별하여 처리해야 합니다. 토근과 공백문자 프로그램을 구성하는 최소 단위를 토근(어휘)이라고 하며, 자바스크립트는 프로그램을 실행하기 전에 프로그램을 토큰으로 분해하여 처리합니다. 이런 동작을 구문 분석(파싱)이라고 합니다. 자바스크립트 주석 일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용하는 용도로 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다. /* ... */ : 여러줄에 주석을 적용하는 경우 // : 한 줄에 주석을 적용하는 경우 키워드와 식별자 자바스크립트에는 의미를 가진 단어..
배열 배열은 여러개의 데이터를 순차적으로 저장하는 저장소입니다. var 변수명 = [값 1, 값 2, 값 3.....]; Sample1 배열 선언 300 100 200 ... Sample2 배열 선언과 동시에 초기화하기 600 100 200 300 ... Sample2 배열의 크기 구하기 5 ... Sample2 for문을 이용한 배열의 합 구하기 5500 ... Share
변수는 하나의 데이터를 처리하는 저장소 역할을 합니다. 변수는 프로그램을 작성하는 데 가장중요한 요소이므로 선언하는 방법과 이름 짓는 방법에 대해서 알아보도록 하겠습니다. 변수의 선언 var 변수명 = 값; Sample1 변수 10 200 javascript 210 2000 변수의 종류 변수는 사용 가능 범위에 따라 4가지로 구분됩니다. 지역 변수 : 특정 범위 안에서만 사용하는 경우 전역 변수 : 모든 영역 안에서 사용하는 경우 매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위해 사용하는 경우 멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 경우 Sample1 지역 변수 / 전역 변수 area 함수 안 x의 값 : 300 y의 값 : 600 z의 값 : 50..
자바스크립트 자바스크립트(JavaScript)는 웹 브라우저에서 동작되는 스트립트 언어를 말합니다. HTML은 정적인 레이아웃을 표현한다면, 자바스트립트(JavaScript)는 동적인 기능을 표현합니다. 자바스크립트(JavaScript)는 1995년 넷그케이프 커뮤니케이션스의 브렌던 아이크가 개발하였으며 Netscape Navigator 2.0에 구현되었습니다. 1996년에는 마이크로소프트 사의 Internet Explorer3.0에 탑대되었으며 Java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 EXMAScript를 따르는 표준화 작업을 통해 현재는 모든 브라우저에서 지원됩니다. 자바스크립트 언어의 특징 자바스크립트는 인터프린터 언어입니다. 자바스크립..
tan()는 숫자의 탄젠트 값을 반환합니다. Definition Math.tan(number)는 숫자의 탄젠트 값을 반환합니다. Syntax Math.tan(number) Compatibility 6 7 8 9 10 11 tan()
sqrt()는 숫자의 제곱근을 반환합니다. Definition Math.sqrt(number)는 숫자의 제곱근을 반환합니다. Syntax Math.sqrt(number) Compatibility 6 7 8 9 10 11 sqrt()
sin()는 숫자의 사인 값을 반환합니다. Definition sin(number)는 숫자의 사인 값을 반환합니다. Syntax Math.sin(number) Compatibility 6 7 8 9 10 11 sin()
round()는 소수점 첫째 자리에서 반올림하여 정수를 반환합니다. Definition Math.round(number)는 소수점 첫째 자리에서 반올림하여 정수를 반환합니다. Syntax Math.round(number) Compatibility 6 7 8 9 10 11 round()
random()는 0~1 사이의 난수를 반환합니다. Definition Math.random()는 0~1 사이의 난수를 반환합니다. Syntax Math.random(number) Compatibility 6 7 8 9 10 11 random()
pow()는 숫자의 거듭제곱한 값을 반환합니다. Definition Math.pow(x, y)는 숫자의 거듭제곱한 값을 반환합니다. Syntax Math.pow(숫자, 제곱값) Compatibility 6 7 8 9 10 11 pow()
min()는 숫자 중 가장 작은 값을 반환합니다. Definition Math.min(x, y, ... n)는 숫자 중 가장 작은 값을 반환합니다. Syntax Math.min(number) Compatibility 6 7 8 9 10 11 min()
max()는 숫자 중 가장 큰 값을 반환합니다. Definition Math.max(x, y, ... n)는 숫자 중 가장 큰 값을 반환합니다. Syntax Math.max(number) Compatibility 6 7 8 9 10 11 max()
log()는 숫자의 자연 로그 값을 리턴합니다. Definition Math.log(number)는 숫자의 자연 로그 값을 리턴합니다. Syntax Math.log(number) Compatibility 6 7 8 9 10 11 log()
floor()는 소수점 첫째 자리에서 무조건 내림해서 정수를 반환합니다. Definition Math.floor(number)는 소수점 첫째 자리에서 무조건 내림해서 정수를 반환합니다. Syntax Math.floor(number) Compatibility 6 7 8 9 10 11 floor()
exp()는 숫자의 자연 로그의 x제곱을 리턴합니다. Definition Math.exp(number)는 숫자의 자연 로그의 x제곱을 리턴합니다. Syntax Math.exp(number) Compatibility 6 7 8 9 10 11 exp()
cos()는 숫자의 코사인 값을 반환합니다. Definition Math.cos(number)는 숫자의 코사인 값을 반환합니다. Syntax Math.cos(number) Compatibility 6 7 8 9 10 11 cos()
ceil()는 소수점 첫째 자리에서 무조건 올림해서 정수를 반환합니다. Definition Math.ceil(number)는 소수점 첫째 자리에서 무조건 올림해서 정수를 반환합니다. Syntax Math.ceil(number) Compatibility 6 7 8 9 10 11 ceil()
atan2(y, x)는 x축에 제공된 y좌표 및 x좌표로 표시된 점까지의 각도를 라디안 값으로 반환합니다. Definition Math.atan2(y, x)는 x축에 제공된 y좌표 및 x좌표로 표시된 점까지의 각도를 라디안 값으로 반환합니다. Syntax Math.atan2(y, x) Compatibility 6 7 8 9 10 11 atan2(y, x)
atan()는 숫자의 아크 탄젠트 값을 반환합니다. Definition Math.atan(number)는 숫자의 아크 탄젠트 값을 반환합니다. Syntax Math.atan(number) Compatibility 6 7 8 9 10 11 atan()
asin()는 숫자의 아크 사인 값을 반환합니다. Definition Math.asin(number)는 숫자의 아크 사인 값을 반환합니다. Syntax Math.asin(number) Compatibility 6 7 8 9 10 11 asin()
acos()는 숫자의 아크 코사인 값을 반환합니다. Definition Math.acos(number)는 숫자의 아크 코사인 값을 반환합니다. Syntax Math.acos(number) Compatibility 6 7 8 9 10 11 acos()
abs()는 숫자의 절대값을 반환합니다. Definition Math.abs(number)는 숫자의 절대값을 반환합니다. Syntax Math.abs(number) Compatibility 6 7 8 9 10 11 abs()
setSeconds()는 초 정보를 수정합니다. Definition setSeconds()는 초 정보를 수정합니다. Syntax Date.setSeconds() Compatibility 6 7 8 9 10 11 setSeconds()