반응형

Javascript 19

(자바스크립트) 배열 요약

let matrix = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; console.log(matrix[0][1]); // 2 자바스크립트에서 배열(Array)은 여러 개의 항목을 담는 자료구조입니다. 이 항목들은 순서에 따라 저장되며, 각 항목은 해당 배열 내에서 고유한 인덱스를 가지고 있습니다. 자바스크립트의 배열은 동적으로 크기가 조절될 수 있으며, 다양한 유용한 메서드를 제공하여 배열을 조작하고 처리할 수 있습니다. 여기 몇 가지 배열의 주요 특징과 사용 방법에 대한 설명이 있습니다. 선언과 초기화 배열은 다양한 방법으로 선언하고 초기화할 수 있습니다. 가장 일반적인 방법은 대괄호([])를 사용하여 배열을 생성하고, 각 항목을 쉼표로 구분하여 나열하는 것입니다. let numb..

Javascript 2024.02.29

(자바스크립트) 자료형(data type) 요약

JavaScript의 데이터 유형은 프로그램에서 사용되고 조작될 값의 유형을 정의합니다. JavaScript는 동적으로 유형이 지정된 언어로, 변수의 데이터 유형을 명시적으로 선언할 필요가 없으며, 할당된 값에 따라 자동으로 변수의 데이터 유형을 결정합니다. JavaScript의 기본 데이터 유형은 다음과 같습니다. 기본 데이터 유형 Number(숫자): 정수 및 부동 소수점 숫자를 나타냅니다. 예시: let num = 10; String(문자열): 따옴표로 둘러싸인 문자 시퀀스를 나타냅니다. 예시: let str = 'Hello'; Boolean(부울): 논리 값인 true 또는 false를 나타냅니다. 예시: let isTrue = true; Undefined(정의되지 않음): 선언되었지만 아직 값이..

Javascript 2024.02.27

(자바스크립트) HTML5 캔버스: 키보드로 이미지 움직이기

이전에 작성했던 키보드로 도형을 움직이는 코드를 도형 대신에 이미지로 변경해 봤습니다. (자바스크립트) HTML5 캔버스: 키보드로 도형 움직이기 HTML5의 요소를 이용해서 웹브라우저에 직접 그림을 그리거나 이미지 등을 출력할 수 있습니다. 다음 코드는 HTML5의 캔버스에 도형을 그리고 키보드의 상하좌우 키를 이용해서 도형을 움직이는 gonyzany.tistory.com 키보드로 이미지 움직이기

Javascript 2023.08.03

(자바스크립트) HTML5 캔버스: 키보드로 도형 움직이기

HTML5의 요소를 이용해서 웹브라우저에 직접 그림을 그리거나 이미지 등을 출력할 수 있습니다. 다음 코드는 HTML5의 캔버스에 도형을 그리고 키보드의 상하좌우 키를 이용해서 도형을 움직이는 자바스크립트 코드입니다. (자바스크립트) HTML5 캔버스: 키보드로 이미지 움직이기 이전에 작성했던 키보드로 도형을 움직이는 코드를 도형 대신에 이미지로 변경해 봤습니다. (자바스크립트) HTML5 캔버스: 키보드로 도형 움직이기 HTML5의 요소를 이용해서 웹브라우저에 직접 그 gonyzany.tistory.com

Javascript 2023.07.27

(자바스크립트) HTML5 캔버스: 원 그리기

HTML5의 요소로 원을 그리는 자바스트립트 코드입니다. 반지름과 원의 중심 좌표를 조정하여 원의 크기나 위치를 변경할 수 있습니다. 원의 내부를 채우기 위해서는 아래의 코드를 추가하면 됩니다. // 도형이 내부를 채운다. cts.fill(); 특정 색상으로 채우기 위해서는 fillStyle 속성을 사용합니다. // 내부를 파란색으로 채우기 위해 fillStyle 설정 ctx.fillStyle = 'blue';

Javascript 2023.07.25

(자바스크립트) HTML5 캔버스 기초: 사각형 그리기

HTML5에서 캔버스(canvas) 기능이 도입되었습니다. 이 기능을 이용해서 웹 브라우저에 직접 2D 그래픽을 출력할 수 있습니다. 다음 코드는 캔버스 기능을 이용해서 웹브라우저에 사각형을 그리는 간단한 코드입니다. 캔버스: 사각형 그리기 캔버스: 사각형 그리기 위 코드에서 2번째 사각형에 투명도를 설정하여 출력하였습니다.

Javascript 2023.07.22
반응형