Ajax란? Ajax는 Asynchronous Javascript(비동기 자바스크립트) + XML의 의미로 자바스크립트를 사용한 비동기(non-blocking) 통신, 즉 클라이언트와 서버 간의 데이터를 독립적으로 주고 받는 기술을 의미합니다. Ajax를 사용하면 페이지 이동 없이 데이터 처리가 가능하며, 서버의 처리를 기다리지 않고 비동기 요청이 가능하다는 특징이 있습니다. 기존 Ajax는 XML 형식으로 데이터를 전달했지만 JSON이 XML보다 빠르고 단순하기 때문에 요즘엔 주로 JSON 형식을 사용하여 데이터를 주고 받습니다. jQuery Ajax 사용법 Ajax를 지원하는 다양한 라이브러리가 있지만 여기서는 jQuery가 지원하는 Ajax에 대해 살펴보겠습니다. 우선 jQuery를 사용할 수 있도..
자바스크립트 Date객체의 getTime() 메서드는 1970년 1월 1일 자정 즉, 1970/01/01 00:00:00 부터 해당 Date객체까지의 흐른 시각을 밀리초로 표시해준다. 1970년 1월 1일 00:00:05 의 getTime() 값은 5,000 이다. (1초는 1000밀리초이다.) getTime() 메서드는 절대적인 시간 값을 리턴해주기 때문에, 이 값을 통해 두 날짜 사이의 시간 차이를 계산 할 수 있다. 자세히 살펴보자. 두 날짜의 일 수 차이 구하기 const now = new Date("2022-05-01"); const specialDay = new Date("2022-05-31"); const inMs = specialDay.getTime() - now.getTime(); con..
웹 페이지에서 날짜에 대한 정보를 가져와야할 때가 있다. 현재 시각이나 특정 날짜에 대한 정보 등등 날짜 / 시간 정보가 필요할땐 Date 객체를 이용하면 된다. 그 사용법에 대해 알아보자. Date 객체 생성 방법 const dateNow = new Date(); // 현재 날짜, 시각 const date1 = new Date("2022"); // 연도 const date2 = new Date("2022-05-01"); // 연도, 월, 일 const date3 = new Date("2022-05-01T12:00:00"); // 연도, 월, 일, 12시00분00초 const date4 = new Date("2022-05-01T12:00:00Z"); // UTC 국제 표준시 위의 예시와 같이, 변수에 n..
자바스크립트는 동적 언어로써 런타임에 타입이 결정되는 언어이다. 따라서, 변수를 선언할 때, C나 Java에서처럼 int, float, bool, String 과 같은 자료형을 따로 표기해주지 않는다. 단지 let, const, var 문 만이 있을 뿐이다. (var은 ES6 이후로 쓰지 않을것을 권장하는데 밑에서 자세히 설명하겠다.) 변수 선언 방법 #1 let { let number = 1; let float = 1.4; let name = 'Kai'; let nothing = null; let ReadAble = true; console.log("num=" + number + ", boolean=" + ReadAble); // num=1, boolean=true } console.log(`strin..
