IT.

UTC를 사용하자. /** * @details 쿠키 저장 * @param (String) cookie_name 쿠키명 정의 * @param (String) value 쿠키 값 * @param (int) days 쿠키 만료일자 */ function setCookie(cookie_name, value, days) { const dateSave = new Date(); dateSave.setDate(dateSave.getDate() + days); const cookie_value = encodeURI(value) + ((days == null) ? '' : '; expires=' + dateSave.toUTCString()); document.cookie = cookie_name + '=' + cookie_..

localStorage 1. 세션 데이터 유지가능 2. 브라우저를 닫았다가 열어도 유지가 된다. 3. 탭을 여러개 열어도 공유가 된다. 4. 삭제 될 때까지 유지가 된다. 5. 변경 사항은 저장되어 현재 및 향후 사이트 방문 시 사용할 수 있다. sessionStorage 1. 브라우저를 닫거나, 탭을 닫으면 저장데이터가 삭제 된다. 2. 새로고침 해도 유지가 된다. localStorage.setItem(key, value) key 값으로 value 값 저장. localStorage.getItem(key) key 값으로 저장된 value 값을 가져온다. localStorage.removeItem(key) 세션에 있는 특정한 key 값의 데이터를 삭제한다. localStorage.clear() 세션에 저장..

for 문 for(var i=0; i{ console.log(`${index} : ${value}`); console.log(array); } Object.keys : 객체의 키 값 배열로 반환 let data = Object.keys({name:'test',data:'1'}); console.log(data); //name, data Object.values : 객체의 프로퍼티 값 배열로 반환 let data = Object.values({name:'test',data:'1'}); console.log(data); // test, 1 Object.entries : 객체의 프로퍼티 [ 키, 값 ]을 배열로 반환 let data = Object.entries({name:'test',data:'1'}); c..

페이지 이동 javascript window.location.href="link" location.href="link" windows.location="link"; jquery $(location).attr('href', 'link'); 페이지 이동 : 속도가 느림감이 있다. window.location.assign("link") 페이지 이동 : 이동 후 이전페이지로 돌아갈 수 없습니다. window.location.replace("link") location.replace("link") ex ) a.html, b.html , c.html 이 있는 경우 a에서 b를 타고 c로 가야됩니다. 하지만 b는 보여서는 안됩니다. 이런 경우 replace를 사용하면됩니다. 새창으로 열기 window.open("li..

스코프(Scope) : 변수에 접근할 수 있는 범위 전역 스코프 ( Global Scope ) : 전역변수 : 어디에서든 해당 변수에 접근이 가능. 지역 스코프 ( Local Scope ) : 지역변수 : 한정적인 범위에서 해당 변수에 접근이 가능. 지역 변수는 전역변수 보다 더 높은 우선순위를 가진다. 스코프는 두 종류가 있다. 함수 스코프 함수에서 선언한 변수는 해당 함수 내에서만 접근이 가능하다. function test(){ var t = 1; } console.log(t); // t is not defined 함수 내에서 var로 사용하는 경우 클로저 문제를 경험할 수 있다. var list = document.querySelectorAll("li"); for ( var i=0; i

좋은 주석이란. 전체적으로 통일이 되어야한다. 표준이 있어야한다. /** * @details x를 n번 더한 수를 반환함 * @pre sum(2,4); * @author ws * @version 1.0 * @param {number} x 첫번째 숫자 * @param {number} n 두번째 숫자 * @return {number} x의 n 더한 숫자를 반환함. */ function sum(x, n) { ... } 구분 설명 {@docRoot} 현 문서의 루트 디렉토리 경로 지정 @deprecated 앞으로는 사용하지 않는 것을 권장함. 삭제 또는 업데이트 중단 될 예정 @pre 해당 함수 호출 전 필수 사항 작성 @details 설명 @brief 간략한 설명 @author 개발자 이름 @date 작성일 ..

javascript ? 넷스케이프의 브랜든 아이크에 의해 모카라는 이름으로 만들어졌다. 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지등 웹 페이지를 꾸며주도록 하는 프로그래밍 언어이다. 웹페이지에 생동감을 넣기위해 만들어진 프로그래밍 언어라고 보면된다. 엔진 다양한 엔진 들이 있지만, 엔진마다 특유의 코드 네임이 있다 V8 chrom, Opera SpiderMonkey Firefox Trident or Chakra IE는 버전에 따라 달라진다 ChakraCore Microsoft Edge SquirrelFish Safari 개발 가능 영역 서버, 게임 스마트폰 App, 데스크톱 app 등 Unity - 게임 app 툴 Node.js - 웹 서버 app 개발 툴 React Native -..

function sample(){ let post_url = '/url' ; $.ajax({ type: "POST", url: post_url, data : { "u_co" : $("").val(), }, async:false, success: function(response){ }, error : function(xhr, textStatus, errorThrown){ // Error시, 처리 alert(xhr); alert(textStatus); alert(errorThrown); } }); } 구분 속성 값 설명 기본 type 통신 타입을 설정합니다. (get, post) url 요청할 url을 설정합니다. data 서버에 요청할 때 보낼 매개변수를 설정합니다. dataType 응답 받을 데이터 타입..

function sample(){ let url = "/url"; let xhr =''; let jsonData = ''; if (window.XMLHttpRequest) { // 모질라, 사파리, IE7+ ... xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE 6 이하 xhr = new ActiveXObject("Microsoft.XMLHTTP"); } // XMLHttpRequest 객체 생성 및 요청 수행 xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send(jsonData); ..

Asynchronous JavaScript and XML의 약자로 JavaScript를 이용하여 비동기식으로 클라이언트와 서버가 데이터(XML)를 주고받는(통신) 방식 데이터 형식은 XML 뿐만 아닌 Text, HTML, JSON, CSV 등 다양한 형식 사용가능하다. 동기 : 클라이언트가 서버로 데이터를 요청 시 응답이 올때 까지 다른 작업은 대기해야함. 비동기 : 클라이언트가 서버로 데이터 요청 후 응답을 기다리지 않고 다른 작업 수행이 가능함. 특징 전체 페이지를 갱신하지 않고 일부분만 업데이트가 가능하며 ActiveX나 플러그인 프로그램 설치 없이 이용 가능하다. 사용자에게 즉각적인 반응과 풍부한 UI경험 제공 가능함. javascript Ajax 단점 연속적인 데이터 요청 시 서버 부하 증가하여..