Life goes slowly...

preventDefault()는 제이쿼리(jquery)에서 이벤트 위임을 통하여 다수의 요소(elemnet)에 공통으로 적용되는 이벤트 핸들러를 공통된 상위 요소에 단 한 번의 연결만으로 동작할 수 있도록 하는 함수입니다. 쉽게 말하자면 preventDefault() 함수는 취소 할수 있는 이벤트들을 취소하도록 하는 함수이지만 모든 이벤트 전파를 막지는 못하고 이벤트를 취소만 가능합니다.. 발생하는 이벤트들의 Default 액션이 발생하지 않는다는 의미입니다. 하지만 모든 이벤트가 취소가능한 이벤트는 아님을 명심해야 합니다. 이벤트의 취소 가능 여부는 event.cancelable를 사용하여 확인이 가능합니다. //preventDefault() 함수 사용법 event.preventDefault() 제이쿼..

자바스크립트(Javascript)의 부모노드 접근방법 parentNode은 자바스크립트(Javascript)에서 부모 element나 노드에 접근하는 방법으로, 현재 element의 부모 노드가 포함된 노드 List를 반환합니다. 이때 반환되는 노드 List에는 element의 노드 뿐만 아니라 주석 노드와 같은 비요소 노드를 포함합니다. //parentNode 사용방법 element.parentNode 1. 철수 2. 동건 3. 토마스 4. 원빈 5. 인성 console.log(document.getElementById("test").parentNode) [object HTMLUListElement] { accessKey: "", addEventListener: function addEventListe..

자바스크립트(Javascript)의 자식노드 접근방법 childNodes은 자바스크립트(Javascript)에서 자식 element나 노드에 접근하는 방법으로, 현재 element의 자식 노드가 포함된 노드 List를 반환합니다. 이때 반환되는 노드 List에는 element의 노드 뿐만 아니라 주석 노드와 같은 비요소 노드를 포함합니다. //childNodes 사용방법 element.childNodes 1. 철수 2. 동건 3. 토마스 4. 원빈 5. 인성 console.log(document.querySelector("ul").childNodes) [object NodeList] { 0: [object Text] { addEventListener: function addEventListener() {..

제이쿼리(jquery)에서 가장 많이 사용하고 자주 사용하고 있는 엘리먼트의 형제 엘리먼트를 찾아주는 함수입니다. siblings() 함수는 자신을 제외한 형제 엘리먼트를 찾는 함수입니다. 형제 엘리먼트의 class를 추가하거나 삭제할 때 많이 사용되는 함수입니다. //siblings() 함수 사용법 elements.siblings([filter]) 제이쿼리(jQuery)의 siblings() 함수 제이쿼리(jQuery)의 siblings() 함수는 지정한 선택자의 형제 요소를 모두 선택합니다. 1. 철수 2. 동건 3. 토마스 4. 원빈 5. 인성 ===================================== //id 가 test 요소를 제외하고 나머지 요소가져오기 $("li#test").sibl..

2021년 아이앱 스튜디오의 두번째 드롭입니다. 이번 드롭은 웍스아웃을 통해 온라인 응모 방식으로 판매가 이루어질 예정이며, 당첨된 상품은 결제 후 택배로 발송됩니다. - IAB STUDIO 2021 2nd Drop - [STOCK LIST] Black Blocked Pigment Hoodie ADV. - 108,000원 Black Pigment Sweatshirt ADV. - 79,000원 Black Woven Hoodie ADV. - 85,000원 Black Blocked Pigment Sweatpants ADV. - 89,000원 Black Leggings (WMNS) - 34,000원 Black Woven Shorts - 64,000원 - [응모 일정] 3월 22일 (월) 오전 11시 ~ 3월 2..

나이키 에어조던 5 - Stealth Nike Air Jordan 5 Stealth 2.0 Nike Air Jordan 5 Stealth 2.0 Release Date: March 27th, 2021 Men’s Style Code: DD0587-140 GS Style Code: 440888-140 PS Style Code: 440889-140 TD Style Code: 440890-140 Color: White/Stealth/Black/Hyper Royal Price: $190/$140/$80/$60 USD, ￦229,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/DD0587-140/wlde28/air-jordan-5-retro

UTC(Coordinated Universal Time) 협정 세계시란 국제적인 표준시간의 기준으로 사용되는 시간을 말합니다. 1972년 1월 1일부터 시행되어 국제 표준시, 국제 사회가 사용하는 과학적인 시간의 표준을 말합니다. 기존에 사용되었던 평균 태양시 기준의 그리니치 표준시(GMT)를 대체하여 사용하기 시작된 표준시간입니다. UTC에서 0시, 기준점에 달하는 도시는 영국의 런던으로써 런던을 기준으로 +,-로 시간을 계산하며 대한민국은 런던을 기준으로 +9 시입니다. 자바스크립트(Javascript)로 UTC -> Local 변경 UTC형식의시간은 마지막에 Z가 붙는 것으로 알 수가 있으며 UTC 시간대가 아닐 경우에는 ±hh:mm, ±hhmm, ±hh을 붙이게 됩니다. 따라서 UTC 날짜를 현지..

나이키 에어조던 1 - Rust Shadow Nike Air Jordan 1 High Patina Nike Air Jordan 1 High OG Patina Release Date: March 25th, 2021 Style Code: 555088-033 Color: Black/Light Army-Sail-Fresh Mint Price: $170, ￦199,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/555088-033/ozjk93/air-jordan-1-retro-high-og

나이키 에어조던 3 - "Midnight Navy" Nike Air Jordan 3 "Georgetown" Nike Air Jordan 3 “Georgetown” Release Date: March 20th, 2021 Style Code: CT8532-401 Color: Midnight Navy/Cement Grey/White Price: $190, ￦229,000원 https://www.nike.com/kr/launch/t/men/fw/basketball/CT8532-401/txre76/air-jordan-3-retro

나이키 에어맥스 95 X Kim Jones - Total Orange Kim Jones x Nike Air Max 95 Collection Kim Jones x Nike Air Max 95 Release Date: March 19th, 2021 (UK exclusive) Style Code: DD1871-002 Color: Black/Volt Price: ￦259,000원 https://www.nike.com/kr/launch/t/men/fw/nike-sportswear/DD1871-001/wjbd70/nike-air-max-95-kim-jones

자바스크립트(Javascript)의 객체 정렬하기 자바스크립트(Javascript)의 함수 중에는 객체(Object) 배열을 정렬할 수 있는 sort() 함수가 있습니다. sort() 함수는 배열의 요소를 적절한 위치에 지정한 뒤에 그 배열을 반환하는 함수입니다. sort() 함수는 내림차순으로 정렬을 하며 오름차순으로 정렬을 하기 위해서는 reverse() 함수를 사용하면 됩니다. //sort 함수로 정렬하기 let monthsData = ['March', 'Jan', 'Feb', 'Dec']; monthsData.sort(); console.log(monthsData); let countData = [1, 5, 8, 3, 13, 1000, 33]; countData.sort(); console.log..

자바스크립트(Javascript)의 엑셀 다운로드 하기 자바스크립트(Javascript)에서 HTML로 된 table 형태로 된 데이터를 엑셀로 다운로드를 받는 방법입니다. 프론트엔트 개발에 많이 사용될거라 생각되어 작성하여 봅니다. Java 형태로 된 개발은 많이 사용되었지만 API로 호출하여 가져온 데이터를 HTML 형태로 만들어져 있는 Table 데이터를 자바스크립트(Javascript)로 엑셀 다운로드 하는 방법입니다. Column 1 Column 2 Column 3 데이터1_1 데이터1_2 데이터2_1 데이터2_2 데이터3_1 데이터3_2 엑셀다운로드 버튼의 onclick 이벤트를 생성하여 제이쿼리(jQuery)로 클릭 이벤트 함수를 만들면됩니다. //엑셀 다운로드 함수 $('#buttonExc..

오라클(Oracle)의 REGEXP_SUBSTR() 함수 오라클(Oracle)의 REGEXP_SUBSTR() 함수는 Oracle 10g부터 나온 함수입니다. 오라클(Oracle)의 SUBSTR함수가 단순하게 인덱스를 지정하여 문자열을 잘라내는 함수였다면, 오라클(Oracle)의 REGEXP_SUBSTR() 함수는 정규식을 통하여 다양한 방법과 다양한 패턴을 사용하여 문자열을 잘라내는 함수입니다. //REGEXP_SUBSTR()함수 사용방법 REGEXP_SUBSTR([컬럼],[정규표현식], [시작 인덱스], [찾는 순번]) 예를 들면 이메일주소의 아이디, 도메인을 찾아서 표기할 때 많이 사용되며, 정규식 표현에 사용되는 데이터 조회 시 많이 사용됩니다. //이메일 ID 찾는 정규식 REGEXP_SUBSTR..

Cookie(쿠키)란 클라이언트 로컬에 저장되는 키와 값의 데이터입니다. 사용자 인증이 유효한 시간을 명시 가능하며, 유효시간이 정해지면 브라우저가 종료되더라도 인증은 유지됩니다. //jquery 라이브러리에 있는 cookie 플러그인을 사용하면 됩니다. 제이쿼리(jQuery) Cookie 생성하기 제이쿼리(jQuery)로 Cookie를 생성할때 옵션을 정할수 있습니다. // Cookie 생성 - 브라우저를 닫을때 cookie 삭제 $.cookie('test', '1111'); // 7일 뒤에 만료 Cookie 생성 $.cookie('test', '1111', { expires: 7 }); // 전체 사이트에 대해 7일 뒤에 만료 Cookie 생성 $.cookie('test', '1111', { expi..

ISA 란? 대한민국 정부에서 비과세 저축상품을 출시하였는데, 바로 개인종합 자산 관리 계좌 (Individual Savings Account, ISA)라고 합니다. 이는 절세를 통하여 재산 형성을 돕는 것이 제도의 목적입니다. 그래서 계좌 내에서 다양한 금융상품을 거래할 수 있으며 이를 통한 수익을 일반 과세하지 않고, 200만 원에서 400만 원까지의 비과세 혜택을 주는 제도입니다. 저금리, 고령화 시대에 국민의 종합적 자산관리를 통하여 재산형성을 지원하고, 그 동안 특정계층만 혜택을 누렸던 비과세 상품의 수혜 대상 범위를 확대하기 위하여 만든 제도라고 볼 수 있습니다. ISA 유형 ISA 유형으로는 투자자가 1:1로 운용 지시하는 신탁형 ISA가 있고, 투자자별 맞춤형인 일임형 ISA이 있으며, 추..