본문 바로가기
반응형

CODE/JAVASCRIPT4

자바스크립트 메서드와 this 객체는 사용자(user), 주문(order)등과 같이 실제 존재하는 개체(entity)를 표현하고자 할 때 생성됩니다. let user = { name: "John", age: 30 }; 그리고 현실 세계에서 사용자는 장바구니에서 무엇인가 선택, 로그인, 로그아웃 등의 행동을 할 수 있습니다. 동작은 속성의 함수로 JavaScript에서 표현됩니다. 방법 예: user 먼저 인사하는 법을 가르쳐 봅시다. let user = { name: "John", age: 30 }; user.sayHi = function() { alert("Hello"); }; user.sayHi();// Hello! 여기에서 함수 표현식을 사용하여 함수를 만들고 user.sayHi 객체의 속성에 할당했습니다. 그러면 우리는 그것을.. 2022. 9. 30.
JavaScript/JQuery 선택자 (Selector) 모음 JavaScript와 JQuery에서 사용되는 선택자들에 대해서 살펴보겠습니다. JQuery와 CSS의 선택자로 더 잘 알려져 있지만 JavaScript에 querySelector() 및 querySelectorAll()을 통해 접근 시 같은 선택자를 사용합니다. * 물론 JavaScript에서 getElementById() 와같은 함수가 더 빠르고 지원이 잘 되지만 속도를 체감하기도 힘들뿐더러 코드가 더 깔끔하고 가독성이 좋다고 생각해 저는 querySelector()를 사용합니다. 기본 선택자 1. * : 모든 요소 선택 // 모든요소 선택 $("*") document.querySelectorAll("*") 2. # : ID 선택자 (ID명으로 선택) // ID명이 'btnPrev'인 요소 선택 $(.. 2022. 9. 14.
제이쿼리(jQuery) 메서드 정리 jQuery는 자바스크립트 DOM을 좀더 쉽게 작업하기 위한 라이브러리 덩어리이다. 똑같은 작업을 자바스크립트로 코딩하면 10줄, JQuery로 코딩하면 1줄로 처리할 수 있을 만큼 효율적인 코드로 작업할 수 있다. jQuery 를 사용해야 한다 사용하지 말아야한다로 말들이 많지만 일단은 배워서 익혀놓고 선택은 자신의 판단에 맡기는게 맞지 않나 합니다. 노드 메서드 노드를 선택하거나, 찾아가는 방법(체인기능)의 메서드 입니다. 분류 핵심 내용 핵심 프로퍼티 및 메서드 일반 노드 찾기 아이디 이름으로 노드 찾기 $("아이디 이름") 태그 이름으로 노드 찾기 $("태그 이름") 클래스 이름으로 노드 찾기 $("클래스 이름") 속성으로 노드 찾기 $("[속성이름=값]") 찾은 노드 다루기 찾은 개수 구하기 $.. 2022. 6. 14.
JavaScript 시대의 ES6 최근의 Web 프론트엔드의 변화는 매우 격렬해서, 조금 눈을 땐 사이에 점점 새로운 것이 나오고 있더라구요. 그런 격렬한 변화중 하나가 ES6이라는 차세대 JavaScript의 사양입니다. 이 ES6는 현재 재정중으로 집필시점에서는 Draft Rev31이 공개되어있습니다. JavaScript는 ECMAScript(ECMA262)라는 사양을 기반으로 구현되어있습니다. 현재 모던한 Web 브라우저는 ECMAScript 5.1th Edition을 기반으로 한 JavaScript실행 엔진을 탑재하고 있습니다. 그리고 다음 버전인 ECMAScript 6th Edition이 현재 재정중으로, 약칭으로 ES6이라는 명칭이 사용되고 있습니다. 이 글에선 다른 언어에 있고 JavaScript에도 있으면 하는 기능과, J.. 2022. 4. 2.
반응형