반응형

Library/jQeury 11

jquery/Javascript DatePicker를 보고 만든 WeekPicker(3) - 마무리

첫번째 게시글 jquery/Javascript DatePicker를 보고 만든 WeekPicker(1) 어느덧 흘러 흘러 jquery & HTML & css & javascript 까지 오게 되었다. 자 달력은 www.youtube.com/watch?v=FBO_7H39tqs 이거 개발자의 품격님의 유튜브와 Datepicker란 jquery의 내장 기능과 각종 인터넷을 참고.. guseowhtjs.tistory.com 2번째 게시글 jquery/Javascript DatePicker를 보고 만든 WeekPicker(2) 몇 일이 더 흘렀을까... 결국 흘러 흘러 여기까지 오게 되었다. UI적인 변화 음 만족스럽다. 여기저기 달력을 많이 참고하였다. 1. input창에 뜨는 출력값을 설정가능하다. 2. 오늘..

Library/jQeury 2021.06.11

jquery/Javascript DatePicker를 보고 만든 WeekPicker(2)

최종 완성 본 링크 몇 일이 더 흘렀을까... 결국 흘러 흘러 여기까지 오게 되었다. UI적인 변화 음 만족스럽다. 여기저기 달력을 많이 참고하였다. 1. input창에 뜨는 출력값을 설정가능하다. 2. 오늘의 날짜가 노란색으로 표시가 된다. 3. Week 표시를 선택할 수 있다. 4. 주의 시작이 월요일인지 일요일인지 firstDay설정 가능. 5. Set 버튼을 누르면 해당 달력에 지정 된 기본 값으로 날짜가 설정됨. 6. Get 버튼을 누르면 해당 달력에 지정 된 기본 값을 alert창에 띄어줌. 사실 Get Set 에 대한 것은 아직 의문?이지만(요구한 게 기능적으로 내가 생각한 get set과 달라서) 완성!하였다. 당연 많은 수정이 필요하고 갈무리가 필요하지만 일단 끝냈다는 것. // week..

Library/jQeury 2021.04.15

jquery/Javascript DatePicker를 보고 만든 WeekPicker(1)

최종 완성본 링크 어느덧 흘러 흘러 jquery & HTML & css & javascript 까지 오게 되었다. 자 달력은 www.youtube.com/watch?v=FBO_7H39tqs 이거 개발자의 품격님의 유튜브와 Datepicker란 jquery의 내장 기능과 각종 인터넷을 참고하였다 밑밥 : 만들기에 급급했습니다. 실행 화면: 우선 실행하기 . 옵션은 대충 저런식으로 하고 넣지 않아도 됨. datepicker를 참고하여 만듬 $(document).ready(function(){ option = { firstDay: 0, //0 : sunday시작 , 1: monday 시작 showWeek: true, // 몇 번째 주인지 나옴 weekHeader: '#', monthNames: ["1월", "..

Library/jQeury 2021.03.13

jQuery - 스크롤 이벤트 Scroll event

한국의 전통 발효식품이자 일종의 조리양식. 소금물에 절이고 발효시켜 보관성을 높인 채소를 갖은 양념으로 맛을 내어 먹는 음식. 맵고 짠 김치 외에도 다양한 종류의 김치가 존재하며, 통상 배추를 절인 것으로 오해되나, 무를 절여서 만든 총각김치나 깍두기, 오이로 만든 오이소박이 등의 김치도 존재한다. 심지어 브로콜리 등으로도 김치를 만든다. 한 번 절인 채소를 다시 양념한다는 점이 특징이다. 사용되는 재료에 있어서도 일부 몇 몇 채소를 제외하고는 대부분이 가능하다. 아울러 저온 상태에서 밀봉 보관이 가능하다면[2] 몇 년간 두고 먹을 수 있는 장기 보관 음식이기도 하다. 또한, 김치의 종류는 매우 다양하여 가장 많이 알려진 배추김치[4][5]부터 시작해서 다양한 변형이 존재한다. 지역마다 다른 지역에서는 ..

Library/jQeury 2021.02.24

jQuery - 메소드들 methods

.wrap 셀렉터로 지정한거에 부모로 넣어주는 것 .append 셀렉터로 지정한 곳에 내용 추가(안에 내용물이 있다면 끝에 내용 추가) .prepend 셀렉터로 지정한 곳에 내용 추가(내용물 맨앞에 추가함) .appendTo .prependTo 반대로 하면 됨 .before , .after before : 지정한 셀렉터(모든 div) 앞에 추가함. after : 지정한 셀렉터 뒤에 추가함 .insertBefore , .insertAfter 지정한 문구를 셀렉터 앞/뒤에 넣음 add or remove class hasClass 만약 클래스를 가지고 있으면 true를 리턴한다. addClass 하나의 클래스를 추가하거나 그 이상의 지정한 클래스를 추가한다. 스페이스로 구분하여 여러 클래스를 추가할 수 있다...

Library/jQeury 2021.02.18

jQuery - jQuery 제이 쿼리란 ?

제이쿼리는 자바스크립트로 간단하게 프로그래밍을 할 수 있게 해주는 가벼운 자바스크립트 라이브러리이다. jQuery.com에 따르면 jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리이다. 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 통해 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 간단하게 만든다. 융통성과 확장성이 결합 된 jQUery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변화 시킴. jQuery의 장점 - jQuery는 크로스 브라우징 기능이 있다. - jQuery는 그냥 자바스크립트보다 엄청 쉽게 사용이 가능하다. - 확장성이 좋다. - 간단하며 풍부한 AJAX 지원. - 많은 플러그인이 존재하며 대규모의 ..

Library/jQeury 2021.02.11

jQuery - ajax 란?

Asynchronous JavaScript and XML 의 약자 Javascript 와 XML를 이용한 비동기적으로 서버와 통신하는 방식 XML 이라고 표현되어 있지만 최근에는 json형식으로 더 많이 쓰고 있다. jQuery를 이용한 ajax 예제 (출처 - 나무위키) 주요 속성 data : 서버에 전송할 데이터, key/value형식의 개체 dataType : 서버가 리턴하는 데이터 타입 (xml, json, script, html) type : 서버로 전송하는 데이터의 타입(POST, GET) 기본값 은 겟 url : 데이터를 전송할 URL success : ajax 통신에 성공했을 때 호출될 이벤트 핸들러 출처 생활코딩

Library/jQeury 2021.01.28
반응형