[javascript]구조분해할당과 spread,rest
1. 배열의 요소를 직접 변수에 할당하는 것보다 코드를 줄일 수 있습니다. 2. , 를 사용하면 필요하지 않는 배열 요소는 제외시킬 수 있습니다 3. 할당할 값이 없을 때 기본값을 설정할 수 있음. 1. 배열구조분해할당 구문 let [new변수1, new변수2, new변수3] = 배열명 let fruits = ["🤦♂️", "🤦", "😁", "😢", "😎",] let [fruit1, fruit2, ...fruit3] = fruits; console.log(fruit1); //0번째 새로운 변수 출력 console.log(fruit2); //1번째 새로운 변수 출력 console.log(fruit3); //3번째 끝까지 새로운 변수 출력 let str1 = "green"; let str2 = "blue"..
2023. 1. 5.
[javascript]Data 객체
Data 객체와 날짜 날짜를 저장할 수 있고 날짜과 관련된 메소드를 제공해주는 내장객체임 객체 생성하기 new Date() //현재 날짜와 시간이 저장된 객체가 반환됨 new Date(milliseconds) new Date("2022-02-06") new Date(year, month, date, hours, minutes, seconds, ms) year, month만 필수 입력, 나머지는 선택입력 year는 반드시 네자리 숫자여야함 ex) 1998 month 0 ~ 11 사이의 숫자여야함. 이때 1월은 0이고, 12월은 11입니다. date는 일을 나타내는데, 값이 없는 경우 1일로 처리 hours, minutes, seconds, ms에 값이 없는 경우 0으로 처리 ● Get 함수 함수 설명 ge..
2022. 12. 14.
캔버스(canvas)
캔버스 : 자바스크립트를 이용하여 일러스트와 그림판처럼 화면에 선을 그릴 수 있다. 순서 1. 캔버스 요소찾기 let canvas = document.querySelector("canvas"); 2. 드로잉 객체 생성 let ctx = canvas.getContext("2d"); //2d ,3d 정할수 있음 ▶ getContext()함수는 드로잉에 필요한 속성과 함수를 가진 객체를 생성함 3. 캔버스에 그리기↓ ▶ 사각형 그리기!!!!!! 1) fillRect(x, y, width, height) ▶ 색칠된 사각형 그리기 ctx.fillRect(100, 50, 100, 100); 2) strokeRect(x, y, width, height) ▶ 윤곽선으로만 사각형 그리기 ctx.strokeRect(200..
2022. 12. 5.
[javascript]연산자
1.산술 연산자 + , - , * , / , % , ** 2.증감, 감소연산자 ++(변수값을 1씩 증가 시킴) --(변수값을 1씩 감소 시킴) ++number 전위증감연산자(전위형) let x = 0; let y = ++x // x 전위형을 y 로 넘겨줬을 때 console.log(x , y); //x = 1, y = 1 number++후위증감연산자(후위형) let x = 0; let y = x++ // x 후위형을 y 로 넘겨줬을 때 console.log(x , y); //x = 1, y = 0 3. 복합할당(대입)연산자 x= x + 1 => x += 1 //덧셈 할당 x= x - 1 => x -= 1 //뺄셈 할당 x= x * 1 => x *= 1 //곱셈 할당 x= x / 1 => x /= 1 //..
2022. 12. 4.
