jQuery

코딩 개발/Javascript

[개발] 국경일 확인표 만들기 with HTML, CSS, Javascript, JQuery

23년 추석 연휴가 개천절까지 껴서 매우 길게 느껴졌습니다. 그러면서 궁금증이 생겼습니다. 과연 다음번에 있는 가장 긴 연휴는 언제일지 궁금해지기 시작했습니다. 그래서 저만의 국경일 달력? 표?를 만들어 보는 것도 재밌을 것 같더라고요. 국경일 API 승인받기 일단 제작에 앞서 국경일 API를 승인받아야 합니다. https://yogyui.tistory.com/entry/%EA%B3%B5%EA%B3%B5%EB%8D%B0%EC%9D%B4%ED%84%B0%ED%8F%AC%ED%84%B8%EA%B3%B5%ED%9C%B4%EC%9D%BC-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%A1%B0%ED%9A%8C-REST-API 공공데이터포털::공휴일 데이터 조회 (REST API) 회사에서 사원별 공수..

코딩 개발/Javascript

jQuery 4탄 (ajax 통신 text방식, json방식)

1탄 : https://pabeba.tistory.com/175 2탄 : https://pabeba.tistory.com/176 3탄 : https://pabeba.tistory.com/178 어쩌다 보니 4탄까지 작성하게 되었네요. 어떤 영화를 보면 계속 후속작이 나오는데 솔직히 뒤로 갈수록 흥미가 떨어지더라고요. 아 근데 스파이더맨이랑 범죄도시는 재밌었습니다. 그래서 여러분들이 지루해하실까봐 이번 편을 마무리로 jQuery를 잠깐 보내주려고 합니다. 물론 다른 코드에서 나올 수도 있어요 ㅎㅎ 그래서 오늘은 중요한 Ajax 통신에 대하여 알아보도록 합시다. Ajax 통신 두가지를 알아보도록 하겠습니다. 텍스트만 받아오는 방식과 json을 받아오는 방식을 해보겠습니다. 텍스트 방식 1. script 를 ..

코딩 개발/Javascript

jQuery 3탄(요소선택 응용, mouseenter, mouseleave, hover, prop)

어쩌다 보니 3탄까지 가게 되었습니다. 1탄 : https://pabeba.tistory.com/175 2탄 : https://pabeba.tistory.com/176 slideToggle html에 작성된 내용이 스르륵 내려오는 형태를 보여줍니다. 정보 더보기 호소세 출생 2000년 13월 36일, 서울특별시 국적 대한민국파일:대한민국 본관 호소 호씨[3] 신체 185.7cm 80kg 가족 부모님, 남동생, 형, 누나, 언니, 오빠 이번에 새로 추가된 내용입니다. document ready를 작성하지 않아도 저렇게만 작성하여도 dom이 생성되고 함수를 사용할 수 있게 되었습니다. 코드가 줄었네요 ㅎㅎ 그래서 아이디가 toggleSpan 인 태그를 누르면 숨겨진 내용이 나오게 됩니다. 직접 코드를 옮겨서..

카테고리 없음

jQuery 2탄 (다중선택, show, hide)

https://pabeba.tistory.com/175 jQuery 1탄 (ready, click, text, $(요소 선택) ) jQuery란? jQuery는 JavaScript 기반의 오픈 소스 프론트엔드 라이브러리입니다. 웹 개발을 위한 도구로 사용되며, HTML 문서의 요소를 선택하고 조작하는 데 특히 유용합니다. jQuery는 단순하고 직관적 pabeba.tistory.com 2탄을 들어가기 전 1탄을 보시고 들어가면 좋을 것 같습니다! 2탄은 조금 응용 편입니다. 요소 다중 선택 치킨 피자 콜라 소주 맥주 와인 하와이 제주도 훗카이도 아이유 강하늘 css 랑 script가 있어서 더 길어 보이는데 직접 파일을 옮겨서 실행해 보면 그렇게 어려운 코드는 아닙니다. 오히려 쉬운 코드입니다. 1. s..

코딩 개발/Javascript

jQuery 1탄 (ready, click, text, $(요소 선택) )

jQuery란? jQuery는 JavaScript 기반의 오픈 소스 프론트엔드 라이브러리입니다. 웹 개발을 위한 도구로 사용되며, HTML 문서의 요소를 선택하고 조작하는 데 특히 유용합니다. jQuery는 단순하고 직관적인 API를 제공하여, 복잡한 JavaScript 코드를 간결하게 작성할 수 있도록 도와줍니다. 웹 페이지의 동적인 요소를 조작하고 애니메이션 효과를 적용하며, 서버와의 데이터 통신을 쉽게 처리하는 등 다양한 기능을 제공합니다. jQuery는 여러 가지 기능을 갖춘 다양한 모듈로 구성되어 있으며, 기본적인 선택자, 이벤트 처리, 애니메이션, AJAX와 같은 웹 개발에 필요한 다양한 기능을 포함하고 있습니다. 하지만 최근 웹 개발의 발전과 JavaScript의 표준화로 인해 jQuery의..

호소세
'jQuery' 태그의 글 목록