[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.
[PHP] 문자열 내장함수
php 문자열 내장함수 1. 배열을 문자열로 리턴 구문) join(separator, arr) implode(separator, arr) 배열을 문자열로 리턴 join(), inplode() ▶출력값 2. 문자열을 배열로 리턴 구문) explode(separator, string) 문자열을 배열로 리턴 explode() ▶출력값 3. 배열 출력하기 var_dump 배열의 키, 값, 속성 출력(조금더 상세하게 출력해줌) print_r(arr) 배열의 키, 값출력 4. 문자열 검색 1) substr(string, start, length) 해당 인덱스에서 해당하는 갯수만큼 문자를 반환 ex) substr("green", 1, 2) 2) strstr(string, "기준문자열", boolean) 특정 문자열을..
2022. 12. 26.
[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.
