Date 객체 생성생성자 : new 키워드와 함께 새로운 객체를 생성하는 내장함수들let 변수 = new Date();Date에 인자로 특정 날짜지정 가능, 지정하지 않으면 현재 날짜시간문자열로 지정날짜구분은 / - . 아무거나 가능시간구분은 날짜뒤에 /후 :으로 구분(hh:mm:ss)숫자로 지정쉼표 기준으로 연,월,일,시,분,초JS에서 월은 0월부터 시작, -1 해줘야 현세계의 월로 지정타임스탬프로 지정let date1 = new Date(); console.log(date1); // 현재 시간let date2 = new Date("1992/2/22/2:57:00"); console.log(date2); // Sat Feb 22 1992 02:57:00 GMT+0900 (한국 표준시)let date3 ..
프로그래밍언어
요소 조작 메서드push배열의 맨 뒤에 새로운 요소를 추가, 변환 된 배열의 길이를 반환추가된 길이 = 배열.push(추가 할 요소들);추가 할 요소를 ,로 구분해서 여러개 추가 가능let arr1 = [1, 2, 3];arr1.push(4);const newLength = arr1.push(5, 6, 7);console.log(newLength, arr1); // 7 [1, 2, 3, 4, 5, 6, 7] pop배열의 맨 뒤에 있는 요소를 제거, 제거 된 요소 반환제거 된 요소 = 배열.pop();let arr2 = [1, 2, 3];const popedItem = arr2.pop();console.log(popedItem, arr2); // 3 [1, 2] shift배열의 맨 앞에 있는 요소를 제거,..
Spread 연산자...객체명, ...배열명객체나 배열에 저장된 여러개의 값을 개별로 흩뿌리는 연산자함수 호출시 인자를 Spread연산자를 사용해서 전달 가능// 1. 배열 Spredlet arr1 = [1, 2, 4, 5];let arr2 = [4, arr1[0], arr1[2]]; // 배열의 길이가 변경 될 수 있어서 위험한 방법let arr3 = [4, ...arr1, 6];console.log(arr3); // [4,1,2,4,5,6]// 2. 객체 Spredlet obj1 = { a: 1, b: 2,};let obj2 = { ...obj1, c: 3, d: 4,};console.log(obj2); // {a:1, b:2, c:3, d:4}// 3. 함수 인자 Spred로 전달funct..
배열이나 객체에 저장된 여러 개의 값들을 분해해서 각각 다른 변수에 할당하는 문법 배열의 구조 분해 할당let [변수명1, 변수명2, 변수명3] = 배열명;배열에 담긴 순서대로 앞에 변수에 값을 할당배열의 길이보다 변수가 적은 경우 차례대로 저장 후 짤림배열의 길이보다 변수가 많은 경우 모두 할당 한 후 나머지는 undefined, 단 undefined 일 경우 초기값 설정 가능let arr = [1, 2, 3];let [one, two, three=2, four, five=5] = arr;console.log(one, two, three, four, five); // 1 2 3 undefined 5 객체의 구조 분해 할당let {키명1, 키명2, 키명3} = 객체명;순서 상관없이 해당 키명에 객체안에 ..
JavaScript에서는 참, 거짓이 아닌 값도 참, 거짓으로 평가 할 수 있다.이러한 특징을 사용하면 조건문을 간결하게 만들 수 있다. Truthy참 같은 값조건문에서 true로 평가되는 값falsy한 값들 제외한 모든 값let t1 = "hello";let t2 = 123;let t3 = [];let t4 = {};let t5 = () => {};if (t2) { console.log("true");} Falsy거짓 같은 값조건문에서 false로 평가되는 값7가지 undefined, null, 0, -0, NaN, "", 0n(Big integer)let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let ..
동일성(identity)public class Main { public static void main(String[] args) { String str1 = new String("is same?"); String str2 = new String("is same?"); System.out.println(str1 == str2); // false }}실행 결과 : false동일성 비교 연산자 : ==자바에서 동일하다고 말하는 경우 : 같은 인스턴스 참조하고 있을 때각 인스턴스가 같은 값을 가지고 있더라도 String 객체가 각각 생성되었기 때문에 서로 다른 인스턴스 => 두 변숫값은 서로 동일하지 않음 동등성(equality)public class Main {..
간단한 AJAX 코드비동기 자바스크립트와 XML이라는 뜻으로 자바스크립트를 통해 서버에 비동기로 요청하는 것XML이 붙었지만, JSON을 사용해도 무관(현재는 JSON 사용하여 통신하는 경우가 많음)클라이언트 코드HTML 페이지 내에 XHR을 사용하여 서버로 AJAX 요청하는 코드 AJAX resources/static 폴더에 추가된 ajaxStudy.html onReadyStateChange()라는 함수 선언ajaxRequest.readyState가 DONE or 4가 되면 true, 아니면 false 에러로그 찍음 XHR 객체는 UNSENT -> OPENED -> HEADERS_RECEIVED -> LOADING -> DONE의 순서로 총 4번의 변화UNSENT : 0 : XHR 객..
JSON 표기 방법Javascript에서 Object(객체)를 Notation(표기)하는 방법기본형태{ "name":"김땡땡". "age":30, "isAlive":true, "address":{ "city":"Seoul", "postCode":"12345" }, "family":["dad","mom"] "children":[], "spouse":null}[ { "name":"이가네". "age":20 }, { "name":"박가네". "age":30 }]중괄호로 시작해서 중괄호로 끝남"key":value 처럼 하나의 쌍으로 데이터를 표기각 데이터의 쌍은 쉼표로 구분key는 큰따옴표 필수, value은 값의 타입에 따라 큰따옴표로 감싸거나 감싸지 않음배열의 형태로 시작할 수 있..
1. JSMOOTH 설치 https://sourceforge.net/projects/jsmooth/files/jsmooth/0.9.9-7/ 로 링크를 눌러 이동 jsmooth-0.9.9-7-setup.exe 를 다운 및 설치 ☞ 설치 후 파일 실행이 안될때(No Java 에러) => 시스템 환경변수 JAVA_HOME 확인 '고급-환경변수' -> 시스템변수 -> 변수이름 : JAVA_HOME / 변수값 : JDK설치경로 bin파일 2. JAVA jar 파일 배포 File -> Export -> Runnable JAR file ->내보낼 프로젝트, 내보낼 위치 선택 -> Finish 3. JSMOOTH 실행 Skeleton 탭 => Windowed Wrapper Executable 탭 => 실행파일명.exe..
CSS 박스 속성 HTML 요소를 사각형 형태의 박스로 간주하는 것으로, CSS를 총해 각 박스의 위치, 크기, 색상 등을 지정한다. ㄴ padding속성은 내용과 테두리 사이의 간격을 지정 ㄴ border속성은 테두리 두께와 색상 등 스타일을 지정 ㄴ margin속성은 테두리 밖이 다른 요소 사이의 간격을 지정 요소의 위치 설정 - position 속성 HTML 요소를 배치 할 때 기준이 되는 위치로, 위치 설정 방식을 지정 position : static | absolute | relative | fixed ; static => 페이지의 정상적인 흐름에 따라 현재의 위치를 요소의 위치로 결정, 별도로 위치 지정/변경 불가(top,bottom,left,right 속성값 무시)(기본값) absolute ..
