화살표 함수란? 보통 함수를 선언할 때 function 키워드를 사용하지만 ES6 에서 함수를 선언하는 새로운 문법이 등장했다. 바로 화살표 함수이다. 사용하는 방법은 단어 뜻과 같이 " => " 표시를 사용해서 함수를 선언하는 방법이다. // 기존 함수 const obo = function() { console.log('function 을 사용한 기존 함수'); }; // 화살표 함수 const obo = () => { console.log('function 이 제거된 화살표 함수'); }; 위와 같이 function 이라는 키워드를 사용하지 않고 " () => {} " 형식으로 심플한 형태로 사용된다. 하지만 이러한 심플함뿐만 아니라 사용하는 이유와 제약사항도 존재한다. 화살표 함수 제약 사항 무조건..

input type="text" 형식으로 된 input 태그에 전화번호 입력 시 앞자리 숫자에 따른 자동 하이픈 삽입이필요하여 구현하였다. Javascriptconst cellNumHyphen = (target) => { let value = target.value; if (!target.value) { return ""; } value = value.replace(/[^0-9]/g, ""); const result = []; let restNumber = ""; // 시작번호 02 if (value.startsWith("02")) { result.push(value.substr(0, 2)); restNumber = va..

Object Object.values(object)객체의 속성값들만 배열로 만들어준다.let obj = { a: 'obo', b: 'test' };Object.values(obj);// 결과// ['obo', 'test'] Object.entries(object)객체의 속성명과 속성값을 2차원 배열로 만들어준다.let obj = { a: 'obo', b: 'test' };Object.entries(obj);// 결과// [['a', 'obo'], ['b', 'test']] Object.getOwnPropertyDescriptors(object)객체의 모든 속성 설명들을 보여준다.let obj = { a: 'obo', b: 'test' };Object.getOwnPropertyDescriptors(obj)..

DataTables 를 사용하면서 테이블 column 칸에 데이터 양이 많아 모두 보여줄 수 없을 때sliding 기능을 사용한다. DataTables Columns 설정table = $('#manager-usedHistory-table').DataTable({ dom : "Bfrtip", paging : false, searching : false, buttons : [], language:eval(datatable_lang), processing: true, columns: [ ...이하생략 { data: null, className: "text-center", //defaultContent: ""+..

실행 컨텍스트란?Javascript 실행 컨텍스트란 우리가 작성한 자바스크립트 코드가 실행되는 환경을 의미한다. 여기서 실행 컨텍스트를 보기전에 자바스크립트 동작 원리에 대해 간단하게 봐보자. 자바스크립트는 한번에 한 코드밖에 실행시키지 못한다. 그래서 싱글 쓰레드라고 부른다.아래의 예시를 보자.결과를 보기전 우리가 예상할 수 있는 결과는 2, 4, 6 이지만 실제 결과 값은 2, 6, 4 이다.이유는 setTimeout, 비동기통신 등 바로 실행시킬수 없는 코드는 대기실로 보내어 실행될 수 있는코드가 될 때까지 대기하고 바로 실행될 수 있는 코드는 "스택" 이라는 공간에서 코드를 실행 시킨다. 바로 실행될 수 없는 코드들이 실행될 수 있는 코드가 되면 큐라는 공간으로 들어와스택 공간이 완전히 비워지면 ..

Jquery 의 DataTables 를 그린 후 첫번째 Row 를 선택해야할 때 아래와 같이 설정하면 된다. .DataTable({}) 을 통해 옵션 및 데이터 설정을 하고 그려준 후 이벤트 설정을 한다.이벤트 설정 밑에 아래와 같이 DataTables ID 값. row().select() 를 통해 첫번째 Row 를 자동선택되도록 한다. TableID.row().select();// HTML// Javascript$(document).ready(function(){ //DataTables 그리기 let dept_table = $('#manager-department-table').DataTable({ .... select: true .... }); // ..