본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

(226)
[Javascript] 논리 연산자 논리 연산자 참/거짓으로 나타나는 boolean 값을 조합해서 논리 연산을 수행합니다. 논리 연산자 연산자 예시 설명 && X && Y 둘다 true인 경우 true를 반환합니다. || X || Y 둘 중의 하나 이상이 true인 경우 true를 반환합니다. ! !X 반대 값을 반환합니다. Sample1 논리 연산자를 이용한 예제입니다. 결과 false true true false false true false true false false false true html
[Javascript] 비교 연산자 비교 연산자 비교 연산자는 비교 할 때 사용하며, 결과 값은 true(참) 또는 false(거짓)로 반환합니다. 비교 연산자 연산자 예시 설명 == x == y 좌변과 우변이 같다 === x === y 좌변과 우변이 같다. 데이터형도 같다. != x != y 좌변과 우변이 다르다. !== x !== y 좌변과 우변이 다르다. 데이형도 다르다. > x > y 좌변이 우변보다 크다. = x >= y 좌변이 우변보다 크거나 같다.
[Javascript] 증감 연산자 증감 연산자 증가 연산자는 1만큼 증가시키고, 감소 연산자는 1만큼 감소시킵니다. 증감 연산자 연산자 표현 설명 ++ x++ 또는 ++x x = x + 1 -- x-- 또는 --x x = x - 1 Sample1 대입 연산자를 이용한 예제입니다. 결과 9 10 20,21 22,22 html
[Javascript] 대입 연산자 대입 연산자 대입 연산자는 사칙연산을 간결하게 표현할 때 사용합니다. 대입 연산자 연산자 표현 설명 += x += 10 x = x + 10 -= x -= 10 x = x - 10 *= x *= 10 x = x * 10 /= x /= 10 x = x / 10 %= x %= 10 x = x % 10 Sample1 대입 연산자를 이용한 예제입니다. 결과 10 html Sample2 대입 연산자를 이용한 테이블 만들기 예제입니다. 결과 1 2 3 html
[Javascript] 산술 연산자 산술 연산자 산술 연산자는 사칙 연산을 수행합니다. 산술 연산자 연산자 예시 설명 + x + y 더하기 - x - y 뻴셈 * x * y 곱하기 / x / y 나누기 % x % y 나머지 산술 연산자 산술 연산자 예제입니다. 결과 300 -100 20000 0.5 100 html
[Javascript] 변수의 검사 변수의 검사 현재 변수에 어떠한 자료형이 저장되어 있는지 검사합니다. 변수의 검사 현재 변수에 어떠한 자료형이 저장되어 있는지 검사합니다. typeof(검사할 대상) 변수의 검사 현재 변수에 어떠한 자료형이 저장되어 있는지 검사하는 예제입니다. html
[Javascript] 튜토리얼 자바스크립트 튜토리얼 자바스크립트 튜토리얼입니다. 자바스크립트 구분 강의 섹션 페이지 유튜브 자바스크립트 자바스크립트 자바스크립트 기초 자바스크립트 기초 변수 변수 변수의 종류 변수의 유형 변수의 변환 배열 배열 연산자 산술연산자 대입연산자 증감연산자 비교연산자 논리연산자 문자열 결합 연산자 조건문 if문 if ~ else문 다중 if문 중첩 if문 switch문 조건부 연산자 반복문 while문 do while문 for문 for in 반복문 중첩 for문 break문 continue문 함수 함수 함수의 사용형태 기본 함수 익명 함수 매개변수가 있는 함수 리턴값이 있는 함수 가변인자 함수 재귀 함수 콜백 함수 내부 함수 클로저 템플릿 리터럴 화살표 함수 내장 함수 기본 함수 객체 객체 내장 객체 Obje..
[Javascript] 반복문 for in 반복문 for in 반복문은 for문 쉽게 사용하는 방법을 제공합니다. for in 반복문 for in 반복문은 for문과 비슷하게 for 키워드를 사용합니다. 반복과 내부 요소에 접근하는 방식에 차이가 있으며 in 키워드를 기준으로 변수와 반복할 대상을 설정합니다. for(변수 in 반복할 대상){ //실행 코드 } Sample1 for in 반복문 이용한 배열 예제입니다. 결과 100200300400500 100200300400500 html Sample2 for in 반복문 이용한 객체 예제입니다. 결과 1단계 2단계 3단계 HTML1단계CSS2단계JavaScript3단계 코딩 공부 순서는 다음과 같습니다. HTML은 1단계 입니다. CSS은 2단계 입니다. JavaScript은 3단계..
[Javascript] 조건문 중첩 if문 중첩 if문은 조건문 안에 조건문이 오는 것을 말합니다. 중첩 if문 중첩 if문은 if문 안에 if문이 오는 구조입니다. if (조건식1) { if (조건식2) { //실행문 } } Sample1 중첩 if문을 이용한 아이디어/비밀번호 예제입니다. html
[Javascript] 연산자 정리 연산자를 통해 다음과 같은 예제를 만들 수 있습니다. Sample1 적정 체중을 알아보는 예제입니다. html Sample2 지출 내역을 알아보는 예제입니다. html
[Javascript] 배열 배열 배열은 여러개의 데이터를 순차적으로 저장하는 저장소입니다. 배열 배열은 여러개의 데이터를 순차적으로 저장하는 저장소이며, 사용하는 방법이 다양합니다. 문법 var 변수명 = [값1, 값2, 값3......] 배열 사용하는 방법1 배열을 선언하고 데이터를 순차적으로 선언하는 방법입니다. var arr1 = new Array(); arr1[0] = 100; arr1[1] = 200; 배열 사용하는 방법2 배열을 선언과 동시에 데이터를 넣는 방법입니다. var arr2 = new Array(100,200); 배열 사용하는 방법3 배열을 선언하지 않고 바로 데이터를 넣는 방법입니다. var arr3 = [100,200]; 배열 배열 선언하는 예제입니다. html 배열 객체의 메서드 및 속성 종류 설명 jo..
[Javascript] 변수의 유형 변수의 유형 변수에는 여러가지 유형이 들어 갈 수 있습니다. 프로그램 언어에 있어 가장 기본적인 요소이며 데이터 타입이라고 합니다. 데이터 타입에는 숫자, 문자열, 논리값, 특수값, 심벌, 객체, 함수 등을 표현할 수 있습니다. 변수의 유형(데이터 타입) 데이터 타입 설명 숫자(Number) 숫자를 사용할 수 있습니다. 문자열(String) 문자을 사용할 수 있습니다. 논리값(Boolean) 참과 거짓을 사용할 수 있습니다. 특수값(null) 아무런 값이 없을 경우 표현합니다. 특수값(undefined) 정의되지 않은 상태를 표현합니다. 심벌(symbol) 자기 자신을 제외한 유일한 값일 때 표현합니다. 객체(object) 객체 형태도 사용 가능합니다. 함수(function) 함수 형태도 사용 가능합니다..
[Javascript] 변수의 종류 변수의 종류 변수는 사용 가능 범위에 따라 지역 변수, 전역 변수, 매개 변수, 멤버 변수로 구분됩니다. 변수의 종류 지역 변수 : 특정 범위 안에서만 사용하는 변수 전역 변수 : 모든 영역 안에서 사용하는 변수 매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위한 변수 멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 변수 지역변수/전역변수 지역변수와 전역변수에 대한 예제입니다. html 매개변수 매개변수에 대한 예제입니다. script
[Javascript] 변수 변수 변수는 하나의 데이터를 저장하는 저장소입니다. 변수는 변수는 사용 가능 범위에 따라 지역변수, 전역변수, 매개변수, 멤버변수로 나눌 수 있으며, 변수는 식별자로 구분해야 하기 때문에 변수에는 숫자, 문자열, 불린, 함수, 객체등을 사용할 수 있습니다. 변수 변수는 하나의 데이터를 저장하는 저장소입니다. 변수 선언 변수는 변수명을 선언하고 값을 넣을 수 있습니다. var 변수명 = 값; 변수명 자바스크립트에는 의미를 가진 단어들이 있기 때문에 사용자가 임의로 사용할 수 없는 단어들이 있습니다. 키워드 : 자바스크립트에서 사용하는 단어 식별자 : 사용자가 임의로 사용하는 단어 식별자를 만드는 규칙 사용자가 사용할 수 있는 문자 : 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러기호($) 첫..
자바스크립트 기초 기초 자바스크립트를 다루기 위해서는 기초적인 특징과 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지 후 스크립트를 공부하는 것이 좋습니다. 주석 /* ... */ : 여러 줄에 주석을 적용하는 경우 // : 한 줄에 주석을 적용하는 경우 자바스크립트 주석은 일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다. 대문자와 소문자 날짜 객체 생성 : New date();(X) 날짜 객체 생성 : new Date();(O) 자바스크립트는 대문자와 소문자를 구별합니다. console와 Console은 각각 다른 문자열로 처리되니 유의하시기 바랍니다. 토큰과 공백문자 토근 : 프로그램을 구성하는 최소 단위 프로그램을 ..
[Javascript] 소개 자바스크립트 자바스크립트(JavaScript)는 웹 브라우저에서 동작되는 스트립트 언어를 말합니다. HTML은 정적인 레이아웃을 표현한다면, 자바스트립트(JavaScript)는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는 표준화 작업을 통해 현재는 모든 브라우저에서 지원됩니다. 자바스크립트란? 자바스크립트는 객체 기반의 클라이언트 스크립트 언어로 웹 페이지를 동적으로 만드는데..