개발중/jQuery15

• 제이쿼리 클릭이벤트 $('.content').click(function(){ console.log('content click') }); 개발중/jQuery 2022. 8. 3.

• [제이쿼리] c_datepicker data-date 값 다루기 이거는 그냥 기록용입니다 ㅠㅠ 매번 헷갈려서 ㅠㅠ $("#testCal_1").data("c_datepicker").setDate(defalutValue.i_sdate); $("#testCal_1").attr("data-date") 🧡글이 도움이 되었다면 코로나 때문에 재택하는 디벨빈수 구경가주세요💛 개발중/jQuery 2022. 2. 25.

• 

  🔊🔍 jquery checkbox 선택 / 해제 방법 🔊🔍 jQuery를 이용한 체크박스 선택 및 해제 방법 웹 개발을 하다 보면, JavaScript 라이브러리 중 하나인 jQuery를 사용하여 체크박스를 프로그래매틱하게 제어해야 하는 상황이 종종 발생합니다.  이 포스트에서는 jQuery를 이용해 체크박스를 선택하거나 해제하는 방법을 소개하겠습니다. 체크박스 선택하기 아래의 jQuery 코드는 특정 ID를 가진 체크박스를 선택하는 방법을 보여줍니다: $("input:checkbox[id='체크박스아이디']").prop("checked", true); 이 코드는 '체크박스아이디'라는 ID를 가진 체크박스를 찾아서 선택합니다. .prop("checked", true) 부분이 체크박스를 선택하도록 설정합니다. 체크박스 해제하기 체크박스를 해제하려면, true 대신.. 개발중/jQuery 2022. 2. 24.

• Promise Promise 란 "A promise is an object that may produce a single value some time in the future" 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미한다. Promise 의 필요성 ? 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 떄 사용. 일반적으로 웹 애플리케이션을 구현 할 떼 서버에서 데이터를 요청하고 받아오기 위해 아래와 같은 API를 사용. $.get('url', function(response){ // ... }) 위 API 가 실행되면 서버에다가 데이터 하나 보내주세요 라는 요청.. 개발중/jQuery 2021. 1. 28.

• 

  Vue.js 사용법 axios를 사용하고 싶어서 import axios from 'axios' 를 해도 계속 오류 여서 이 블로그 참고하고 했더니 에러는 잡혔다. chajinjoo.netlify.app/Vue.js/200510_axios/ ✅ [Vue.js] axios를 알아보자 Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 강의를 토대로 학습한 내용을 정리하였습니다. axios 설치 및 적용 axios 는 Promise 기반으로 API 를 제공한다. package.json 에 추가되었는지 chajinjoo.netlify.app 이 블로그도 따라해 보는 중 velog.io/@armton/errorlog-vue-axios-url-controller-%EC%A0%91%EA%B7%BC [error/log] v.. 개발중/jQuery 2021. 1. 22.

• 제이쿼리 DOM 횡단 DOM의 구조 html --head ----title --body ----div#container ------header ------div.main --------nav --------div#zero ----------p ------------b ------------em ----------span ----------input --------div#nero --------div#hero ------footer div#zero 선택 $('div#zero') parent $('div#zero').parent(); document.getElementById('zero').parentElement; parentsUntil 부모부터 시작해서 선택한 조상 태그 이전까지를 모두 선택 $('div#zero').pare.. 개발중/jQuery 2021. 1. 10.

• 제이쿼리 jQuery jQuery 제이쿼리는 전체 웹 사이트의 70% 이상이 사용하고 있는 라이브러리 입니다. 제이쿼리는 자바스크립트와 별개의 언어가 아닌 라이브러리 이다. 제이쿼리의 단점은 일단 무겁다. 제이쿼리 없이 순수 자바스크립트만 사용한 코드보다 속도가 10에서 100배 정도 느리다. 제이쿼리의 장점은 일단 보기가 편하다. 이게 제일 큰 장점이다. 그리고 플러그인을 추가해서 애니매이션과 AJAX을 간단하게 사용 할 수 있다. 일단 제이쿼리를다운 받기 위해서는 첫번째, 제이쿼리 홈페이지 가서 파일로 다운로드 받아서 홈페이지 안에 넣는 방법 두번째, cdn 을 사용하는 방법 세번재, bower이나 npm같은 패키지 매니저를 사용하는 방법이 있습니다. cdn 을 사용하는 방법은 아래 코드를 다른 자바스크립트보다 위에 삽입.. 개발중/jQuery 2021. 1. 10.

• 제이쿼리 선택자 제이쿼리를 선택하는 큰 이유가 제이쿼리 선택자 입니다. css 선택자를 그대로 사용할 수 있어서 코드 선택이 매우 간단하다. 아래 두개의 코드가 나와서 가치가 좀 떨어졌지만 구형 브라우저에서는 탁월한 선택이다. document.querySelector document.querySelectorAll 제이쿼리 선택자는 $() 모양인데 $라는 변수(함수) 의 괄호 안에 인자를 제공하는 것이다. 이 함수가 실행된 후에 내부적인 과정을 거쳐 결과를 반환한다. 아이디 (#) 기존 document.getElementById('zero'); 제이쿼리 $('#zero'); ES5의 대안 document.querySelector('#zero') 클래스(.) 기존 document.getElementsByClassName('.. 개발중/jQuery 2021. 1. 7.

• 

  선택자 탐색 선택자 내용1 내용2 내용3 내용4 * 이 부분을 쓸 때 "background-color " 마지막에 띄어쓰기 하나 있음으로 인해서 작동을 하지 않았다 $("#menu li").eq(2).css({"background-color": "#ff0"}); 탐색 선택자 내용1 내용2 내용3 내용4 내용5 탐색 선택자 내용 1 - 1 내용 1 - 2 내용 1 - 3 내용 2 - 1 내용 2 - 2 내용 2 - 3 콘솔 F12 each()/$.each() 메소드 199p 선택한 요소는 배열에 순서대로 저장된다. 이때 each()/$.each() 메소드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져온다. 내용1-1 내용1-2 내용1-3 내용2-1 내용2-2 내용2-3 this 는 이런 상.. 개발중/jQuery 2020. 8. 20.

• 

  선택자 탐색 선택자 내용1 내용2 내용3 내용4 * 이 부분을 쓸 때 "background-color " 마지막에 띄어쓰기 하나 있음으로 인해서 작동을 하지 않았다 $("#menu li").eq(2).css({"background-color": "#ff0"}); 탐색 선택자 내용1 내용2 내용3 내용4 내용5 탐색 선택자 내용 1 - 1 내용 1 - 2 내용 1 - 3 내용 2 - 1 내용 2 - 2 내용 2 - 3 콘솔 F12 each()/$.each() 메소드 199p 선택한 요소는 배열에 순서대로 저장된다. 이때 each()/$.each() 메소드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져온다. 내용1-1 내용1-2 내용1-3 내용2-1 내용2-2 내용2-3 this 는 이런 상.. 개발중/jQuery 2020. 8. 20.

• next/prev (정) 인접관계 선택자 183p 내용1 내용2 내용3 내용4 개발중/jQuery 2020. 8. 19.

• 

  jQuery tap메뉴 버튼 만들기 메뉴 선택 버튼 만들기 🔧🔨 위에 처럼 만들기 🔧🔨 공지사항을 누르면 갤러리 색이 회색이 되어야 하고😳 갤러리를 누르면 공지사항 색이 회색이 되어야 하고 😲 CSS HTML 안에 두 개의 하나는 공지사항, 또 다른 하나는 갤러리 JQUERY 이해가 안가지만 차근차근 헤쳐보기 👿 둘 중에 어느 버튼이 눌리던 눌리는 버튼이 this 클릭된 버튼은 active class 적용 자, 너의 형제를 데리고와 👫 즉, 클릭한 버튼 옆에 있는 친구 데리고와서 removeClass() 지고 있던 클래스를 지워버려 span() 이 두개 밖에 존재하지 않기 때문에 딱히 고민할 필요 없잖아?! 😏 초기값으로 공지사항은 처음에는 클릭한 상태, 내가 갤러리를 클릭하면 공지사항은 removeClass() 내가 공지사항을 클릭하면 .. 개발중/jQuery 2020. 7. 26.