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 .... }); // ..

javascript 를 사용해 DOM Element 요소를 불러와 style 및 css 를 처리가 필요할때가 있다. 보통 한개의 css style 을 처리해야할 땐 아래와 같이 한다. document.getElementById('styleId').style.display = 'none'; document.getElementById('styleId').style.color = 'red'; 하지만 DOM Element 의 style 데이터가 여러개일 경우와 여러개를 변경 해야할 때가 있는데 이때 문자열을 사용하는 cssText() 를 사용한다. cssText() 는 문자열을 사용해 불러온 Element 의 전체 스타일을 변경하기 때문에 주의해야 한다. document.getElementById('id값')...