DEV
-
Javascript Data 속성 활용 예시DEV/javascript 2022. 2. 12. 23:08
Data 속성을 활용하는 방법은 아주 다양하다. 허접하지만 쓰는 방법의 간단한 예시를 작성해보았다. HTML 샘플 조회 Javascript 예시 "use strict" const test = { getElData : new function(){}, }; test.getElData = (el) => { console.log("start"); // 어디선가 데이터를 가지고 왔다고 가정 (수신한 데이터). const apiObj = { "name" : "석봉", "age" : "29", "region" : "경기도", "state" : "바보" } $(el).find('div', 'a').each(function(i, el){ // data 속성 이름 const dataName = $(el).attr('dat..
-
Javascript DATA 속성DEV/javascript 2022. 2. 12. 19:43
html 에서는 데이터를 저장하고 들고 있기가 어렵다. 그래서 편법으로 사용되던 방식이 "display: none,", "visibility: hidden" 를 사용하여 태그를 숨기고 해당 태그에 데이터를 잠시 보관하는 방식이다. (실제로 첫 번째 프로젝트에서 해당 방법을 사용하였다. 보안적으로 문제가 되지 않는 작업이니 그렇게 사용하라고 사수가 말해주었...) 하지만 HTML5 부터는 DATA 속성을 지원한다. ( html 태그 내 data-***="testData" 와 같은 방식으로 사용되는 친구들) 개인적으로 공부하면서 듣던 강의에서는 "실제 현업에서 DATA 속성을 사용하는 걸 본인은 못 봐서 잘 사용하는지 모르겠다. 알고 있으면 나쁠 건 없어 보인다" 라는 말을 들었으나 이번 프로젝트에서 아주아..
-
jQuery 다운로드 및 사용 방법DEV/other things 2022. 2. 11. 15:20
성격 급한 사람들을 위한 CDN ( Contents Delivary Network ) 방식 사용 방법. 헤더에 하단 스크립트를 추가하면 사용 가능하다. 연습용으로 코드를 작성하다 보니 Jquery가 필요하였다. 항상 패키지 매니저를 통하여 받거나 했으나 이번에는 수동으로 받아보기로 했다. (보통은 패키지 매니저를 통해 받는것을 추천한다.) 아주 간단하다. Jquery를 사용하기 위해 다운로드 사이트에 접속하자. 하단 링크를 통해 접속이 가능하다. https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. Th..