목록티스토리 (214)
EverGiver
for 문 사용하기 for(초깃값; 조건; 증가식) { 실행할 명령 } - 초기값 : 카운터 변수를 초기화한다. 초기값은 0이나 1부터 시작한다. - 조건 : 명령을 반복하기 위해 조건을 체크한다. 이 조건을 만족해야 그다음에 오는 명령을 실행할 수 있다. - 증가식 : 명령을 반복한 후 실행한다. 보통 카운터 변수를 1 증가시키는 용도로 사용한다. - for 문은 초깃값 → 조건 → 명령 → 증가식 순서로 진행된다. 중첩된 for 문 사용하기 for 문 안에 다른 for 문을 넣어 사용하는 경우 중첩된 for 문이라고 한다. cf) document.write() 처리하기 1. 한 번에 처리 - 띄어 쓰면 안 된다. document.write('제목 : 설날 사진1출처 : 구글이미지') 2. 하나씩 처리..
엘리먼트 HTML 페이지에 Canvas를 적용하려면 엘리먼트 사용해야 한다. width와 height 속성은 Canvas의 사이즈를 지정하며 기본적으로 엘리먼트는 테두리와 콘텐츠가 없다. canvas
정적인 이미지는 태그를 사용하거나 HTML 엘리먼트에 CSS의 background-image 속성을 이용하여 보여줄 수 있지만 도형을 동적으로 그리거나 그려진 도형을 제어해야 하는 경우 다른 방법들을 사용해야 한다. CANVAS란 IE9 이상 지원 HTML5의 CANVAS는 자바스크립트를 이용해 원하는 2D 그래픽을 무엇이든 만들 수 있다. Raster 방식이기 때문에 Pixel 단위로 컨트롤이 가능하다. (Raster 방식 : 이미지의 모양과 색을 색상 정보가 담긴 픽셀로 표현하는 형태) DOM이 없고 픽셀로만 컨트롤 되기 때문에 한번 그림이 그려지게 되면 브라우저에서 잊히게 된다. HTML5 캔버스는 자바스크립트로 처리할 수 있는 즉시 모드 비트맵 영역이다. - 즉시 모드 (immediate mode..
산술 연산자 수학 계산을 사용할 때 사용하는 연산자 피연산자 : 연산 대상 연산자 : 피연사를 제외한 부분 종류 설명 + 두 연산자의 값을 더한다. - 첫 번째 피연산자의 깂에서 두 번째 피연산자의 값을 뺀다. * 두 피연산자의 값을 곱한다. / 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈다. % 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구한다. ++ 피연산자를 1 증가시킨다. -- 피연산자를 1 감소시킨다. 할당 연산자 연산자(또는 연산식) 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자로 대입 연산자라고도 한다. 변수에 값을 할당하거나 연산식의 결과를 변수에 저장할 때 할당 연산자를 사용한다. 자바스크립트에서는 할당 연산자와 산술 연산자를 합쳐서 하나의 할당 연산자로 ..
자료형이란 컴퓨터가 처리할 수 있는 자료의 형태 종류 설명 예시 기본 유형 숫자형 따옴표 없이 숫자로만 표기 var a = 7; 문자열 작은따옴표(' ')나 큰따옴표(" ")로 묶어서 나타낸다. 숫자를 따옴표로 묶으면 문자로 인식한다. var b = 'Hello'; var c = "1"; 논리형 참(true)과 거짓(false)라는 2라지 값만 있는 유형이다. 이때 true와 false는 소문자로만 표시한다. var isEmpty = true; 복합 유형 배열 하나의 변수에 여러 개의 값을 저장한다. var seasons = ['봄', '여름', '가을', '겨울']; 객체 함수와 속성을 함께 포함한다. var date = new Date( ); 특수 유형 undefined 자료형이 지정되지 않았을 때의..