jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. data 일치하는 요소의 데이터 저장소의 값을 설정하거나 가져올 수 있다. 빈 값으로 호출하게되면 데이터 저장소에 저장된 모든 key, value값을 가져온다. data 메서드를 통해 DOM에 데이터 값을 업데이트해도 DOM 속성에는 영향을 미치지 않는다. data-* 속성 값을 설정하려면 attr을 사용하면된다. removeData 메서드를 통해 데이터 저장소의 값을 제거할 수 있다. // HTML // jQuery // tag 반환 $('#box').data('type'); // color..
jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. append 콘텐츠를 선택자 내부의 끝에 삽입한다. 구문의 차이만 빼고는 appendTo와 동일한 작업을 수행한다. // HTML 내용 // jQuery $('#wrap').append('새로운내용'); // 출력 내용 새로운내용 appendTo 콘텐츠를 선택자 내부의 끝에 삽입한다. 구문의 차이만 빼고는 append와 동일한 작업을 수행한다. // HTML 내용 // jQuery $('새로운내용').appendTo('#wrap'); // 출력 내용 새로운내용 prepend 콘텐츠를 선택자 내..
e.target.dataset과 jQuery의 .data()의 결과 값은 다를 수 있다.
e.target.dataset과 jQuery의 .data()의 결과 값이 다르다? 어떻게 된일인지 파악해보자. 환경정보 -jQuery : https://code.jquery.com/jquery-3.3.1.min.js 요구사항 data-lang 속성의 값이 'ko'인 타겟을 클릭하면 data-lang 값이 en으로 변경된다. 이 때 변경된 data-lang의 값을 타겟 재 클릭 시 가져오기 이슈사항 vue.js 를 사용하여 동적으로 리스트 생성했고, 동적으로 생성하는 타겟을 클릭 -> 동적으로 타겟의 값이 수정됨 -> 타겟을 재 클릭 시 결과 값이 e.target.dataset과 .data();의 값이 상이함. e.target.dataset의 경우 내가 의도한대로 수정된 결과 값을 리턴한다. 하지만 $(e..
웹 서버(Web Server)와 웹 호스팅(Web Hosting Service)
1. 웹 서버(Web Server) 다음의 두 가지 뜻 가운데 하나이다. 소프트웨어 : 웹 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고, HTML 문서와 같은 웹 페이지를 반환하는 컴퓨터 프로그램 하드웨어 : 위에 언급한 기능을 제공하는 컴퓨터 프로그램을 실행하는 컴퓨터 HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말한다. 웹 서버 소프트웨어를 구동하는 하드웨어(pc,phone)도 웹 서버라고 해서 혼동하는 경우가 간혹 있다. 웹 서버에서 페이지를 가져오다. 웹 서버의 주된 기능은 웹 페이지를 클라이언트로 전달하는 것이다. 주로 그림, CSS, 자바스크립트를 포함한 HTML 문서가 클라이언트로 전달된다. 웹 서버에 정보를..