석봉노트 석봉노트

분류 전체보기

• 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..

  Read More
• Javascript DATA 속성

  DEV/javascript 2022. 2. 12. 19:43

  html 에서는 데이터를 저장하고 들고 있기가 어렵다. 그래서 편법으로 사용되던 방식이 "display: none,", "visibility: hidden" 를 사용하여 태그를 숨기고 해당 태그에 데이터를 잠시 보관하는 방식이다. (실제로 첫 번째 프로젝트에서 해당 방법을 사용하였다. 보안적으로 문제가 되지 않는 작업이니 그렇게 사용하라고 사수가 말해주었...) 하지만 HTML5 부터는 DATA 속성을 지원한다. ( html 태그 내 data-***="testData" 와 같은 방식으로 사용되는 친구들) 개인적으로 공부하면서 듣던 강의에서는 "실제 현업에서 DATA 속성을 사용하는 걸 본인은 못 봐서 잘 사용하는지 모르겠다. 알고 있으면 나쁠 건 없어 보인다" 라는 말을 들었으나 이번 프로젝트에서 아주아..

  Read More
• 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..

  Read More
• jQuery 선택자(태그) 접근 방법 1 (HTML DOM 접근 방법)

  DEV/javascript 2022. 2. 11. 15:06

  Javascript의 Jquery를 이용하여 HTML 태그 ID, Class 접근 방법을 알아보자. 샘플 HTML 고객 Jquery id 값을 통해 태그를 접근하는 예시 id가 "userName"인 태그(a 태그)에 접근하여 내용을 "석봉"으로 변경 예시(샘플 HTML)에서는 test.js 안에 해당 코드를 넣어 실행하였다. $('#userName').text("석봉");// $('#id')

  Read More
• Mac OS VSCode / Git 다운로드 및 설정

  DEV/other things 2022. 2. 9. 15:36

  Mac OS git 및 VsCode download 하는 방법 1. VSCode 다운로드 VS Code의 경우 다음 페이지에서 다운로드 가능하다. https://code.visualstudio.com/Download 2. git 설치 Mac OS 에서는 brew를 사용하여 git을 설치하는 방법이 간편하다. brew를 아직 다운로드 하지 않았다면 brew를 설치하자. brew 설치 방법 : https://seokbong.tistory.com/5 Mac OS Brew 설치 (본 내용은 M1 Mac OS를 기반으로 합니다. Intel Mac 또한 path 설정을 제외하고 비슷할 것으로 예상) Mac OS 에서 Brew 설치 방법을 알아보자. 우선 Brew 홈페이지에 접속한다. 주소는 다음과 같다. https..

  Read More