null & undefined & typeof & 비교연산자

http://www.yes24.com/Product/Goods/59461086 Do it! 자바스크립트 + 제이쿼리 입문 - YES24 4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차 www.yes24.com ⌜Do it! 자바스크립트 + 제이쿼리 입문⌟ 책을 공부하며 요약・정리한 내용입니다. undefined 변수에 값이 등록되기 전의 기본값 null 변수에 저장된 값이 null 인 경우 typeof 지정한 데이터 또는 변수에 저장된 자료형을 알고 싶을 때 사용 undefined와 null의 자료형은 각각 ‘undefined’와 ‘object’이다. typeof un..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 7. 20.
• textsms

[ jQuery ] Manipulation(조작)

내부 삽입 1) append(content) 모든 요소 내부에 컨텐츠를 추가한다. e.g. // p 태그에 내용 추가 $("p").append("제이쿼리"); : 중요과목: 2) appendTo(content) 요소의 내용을 다른 요소에 추가한다. e.g. // body 마지막 부분에 제이쿼리 추가 $("제이쿼리").appendTo("body"); // id가 test인 태그의 뒷 부분에 아이디가 a인 태그의 내용을 추가 $("#a").appendTo("#test"); : 제이쿼리 중요과목 : //--==>> 중요과목 : 제이쿼리 3) prepend(content) 모든 요소 내부의 선두에 컨텐츠를 삽입 4) prependTo(content) 요소의 내용을 다른 요소에 추가한다. 외부 삽입 1) afte..

• format_list_bulleted JavaScript/jQuery
• · 2022. 7. 13.
• textsms

[ jQuery ] Attributes (속성)

Attr 1) attr(attributeName) 해당 속성 이름의 값을 return 한다.(매칭되는 첫 번째 것만 가져옴) e.g. // a 라는 id를 가진 요소의 title 속성을 b 라는 id를 가진 요소에 작성된다. $(function(){ let title = $("#a").attr("title"); $("#b").text(title); }); // *주의 // jQuery의 src attribute에 대한 attr 함수를 이용하여 같은 경로의 사진을 업데이트하려고 할 때, // 크롬의 경우는 src 속성이 같으면 이미지를 새로 불러오지 않는다. // 이런 경우 다음과 같은 방법을 사용 $("#myimg").attr("src", "/myimg.jpg?timestamp=" + new Date()..

• format_list_bulleted JavaScript/jQuery
• · 2022. 7. 13.
• textsms

[ JQuery ] Selectors (선택자)

계층 선택자(selector) ancestor descendant : 조상(ancestor)엘리먼트의 자손(descendant)인 모든 descendant 엘리먼트를 선택 parent > child : parent의 바로 아래 자식인 모든 child 엘리먼트를 선택 prev + next : prev 엘리먼트 바로 다음의 형제인 next 엘리먼트를 선택 prev ~ sibling : prev 엘리먼트 다음의 형제인 모든 sibling 엘리먼트를 선택 e.g. // ancestor descendant // form 태그 안의 input 태그 스타일 변경 $("form input").css("border", "2px solid red"); // prev > child // 아이디가 main인 객체 아래의 모든..

• format_list_bulleted JavaScript/jQuery
• · 2022. 6. 26.
• textsms

Math.random() (JavaScript)

Math.random() 0이상 1 미만의 실수 형태의 난수를 반환한다. 원하는 범위 난수 생성 만약 1과 3 사이의 난수를 생성하고 싶으면 let a = parseInt(Math.random()*3) + 1 // parseInt(Math.random()*3)는 0, 1, 2 숫자를 랜덤으로 반환 그래서 +1 필요 min이상 max미만 사이의 생성하는 함수 function getRandomArbitrary(min, max){ return Math.random() * (max - min) + min; } min이상 max미만의 정수를 생성하는 함수 function getRandomInt(min, max){ min = Math.ceil(min); //Math.ceil : 소수점 올림 max = Math.fl..

• format_list_bulleted JavaScript/JavaScript
• · 2022. 4. 10.
• textsms