👨‍💻 Web Development/HTML | CSS | JS | jQuery 검색 결과

23 개의 검색 결과가 있습니다.

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day3] jQuery 3 - DOM, 요소추가, 탐색, 이벤트, wrap

[Day3] jQuery 3 [12/1] jq DOM 조작 요소 쉽게 엑세스, 조작(생성, 수정, 삭제, 이동 등등) - DOM 관련 메서드 DOM - html, xml 문서에 엑세스 하기 위한 표준 정의 1) jq DOM method : val() input value 설정, 반환 value text() 텍스트 html X 설정, 반환 innerText html() 텍스트 html O 설정, 반환 innerHTML 2) 속성 반환, 설정 attr() prop() is() 확인 sist [ jq 요소 추가 ] ex03_02.html append() / appendTo() 부모.append(자식) , 자식.appendTo(부모) prepend() / prependTo() before() after() [ ..

2022. 12. 5. 09:27

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day2] jQuery 2 - 효과, 콜백함수, selector(선택자)

[Day2] jQuery 2 [11/30] --복습-- 같은 코딩 $(document).ready(function (){ }); $(function (){ }); $( jq selector).action(); [jquery 효과 ] - 숨기기, 표기, 토글 , 슬라이드, 페이드 , 애니메이션... 등등 - hide(), show() 모든 p태그 숨기기 show toggle 1. Lorem ipsum dolor sit amet. 2. Sunt hic repudiandae sed reiciendis! 3. Nulla ab nobis ea reprehenderit? 4. Deserunt nam enim ut accusamus. 5. Minima sunt amet perferendis excepturi. * 버..

2022. 12. 4. 04:00

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day1] jQuery 1 - 개요, 클릭이벤트 등록

[Day1] jQuery 1 [11/29] 1. jQuery 이란 ? - jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. - 다양한 브라우저에서 작동. ( html, css, js 브라우저 종류/버젼에 따라 적용 X ) - HTML 문서 순회 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 더 간단하게 할 수 있는 API. - 다양성과 확장성의 조합으로 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변경 2. jQuery 사용하는 방법. 1) jQuery 다운로드 - 압축 - 대역폭을 절약하고 프로덕션 성능을 향상 , jquery-3.6.1.min.js - 비압축 - 개발 또는 디버깅 중에 사용. jquery-3.6.1.js 2..

2022. 11. 30. 22:29

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day8] JS 8 - 모달, DOM, cookie

[Day8] JS 8 [11/29] 모달/모달리스창 .modal{ display:none; position: fixed; z-index: 1; padding-top: 100px; left:0; top:0; width:100%; height:100%; overflow: auto; background-color: rgb(0,0,0); background-color:rgba(0,0,0,0.4); } .modal-content{ position: relative; background-color: #fefefe; margin: auto; padding:0; border:1px solid #888; width: 80%; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2), 0 6px 20px 0..

2022. 11. 30. 10:52

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day7] JS 7 - 클로저, dragdrop, 컬렉션, BOM, 팝업창, 모달창

[Day7] JS 7 [11/28] js 함수 클로저( closures ) *** : https://www.youtube.com/watch?v=tpl2oXQkGZs js 변수 1) 지역변수 - funtion scope, block scope 호출 생성-> 종료 삭제 2) 전역변수 - global scope 다른 페이지로 이동, 창 닫힐 때 , 즉 페이지 유지 될 때까지.. js 클로저 ( 폐쇄 ) - 전역변수를 로컬(지역)에 선언해서 비공개적으로 만들 수 있다. - 은닉화 가능 js 중첩 함수 이해. function add(){ let counter = 0; // 지역변수 -> js 클로저 // counter += 1 ; // 1 증가 function plus(){ // js 중첩 함수를 지원한다. //..

2022. 11. 29. 23:57

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day6] JS 6 - set, map, 자료형, 예외처리, this, 클래스, 모듈, 객체, 함수, 스크롤, 이벤트버블링

[Day6] JS 6 [11/25] 컬렉션 클래스 (set, map) set 1. set 객체를 생성 : new Set() 2. 특징 : 중복허용 X, 순서 유지 X 3. 요소 추가 : add(); 3. 크기 : size 4. 모든 요소 처리 : values() ir(반복자 돌려줌) 5. delete() - 요소 제거 6. has() - set 안에 요소 를 가지고 있는지 t/f 7. forEach() 8. clear() var s = new Set(); s.add("a"); s.add("b"); s.add("c"); var s = new Set(["aa", "bb", "cc"]); s.forEach( function (el){ console.log( el ); } ); s.add("b"); // 중복 ..

2022. 11. 25. 23:19