생활코딩8 [JQuery] 레퍼(wrapper)란? 1. 레퍼(wrapper)란? jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자') 붉은색으로 표시한 부분이 레퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 2. 레퍼의 안전한 사용 $(엘리먼트)와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용합니다. 2.1 $대신 jQuery 사용 2.2 $를 사용하겠다면, 함수를 선언 하고 괄호 안에 $가 들어가고 중괄호가 열리고 중괄호가 닫힘. 그리고 그 안에는 jQuery 코드가 들어갑니다. 이 안에서는 $를 쓰게 되면 function에 인자로 들어간 $에 jQuery 객체가 전달되어 다른 라이브러리에서 사용하여도 충돌을 방지할 수 있습니다. 또한 끝에 (jQuery)로 .. 2019. 7. 18. [JavaScript] 모듈 1. 모듈화란? 순수한 자바스크립트에서는 모듈(module)이라는 개념이 분명하게 존재하지는 않습니다. 하지만 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공되고 있습니다. 자바스크립트의 대표적인 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해서 알아보겠습니다. * 호스트 환경이란? 호스트 환경이란 자바스크립트가 구동되는 환경을 의미합니다. 자바스크립트는 브라우저를 위한 언어로 시작했지만, 더 이상 브라우저만을 위한 언어가 아닙니다. 예를들어 node.js는 서버 측에서 실행되는 자바스크립트입니다. 이 언어는 자바스크립트의 문법을 따르지만 이 언어가 구동되는 환경은 브라우저가 아니라 서버측 환경입니다. 또 구글의 제품 위에서 돌아가는 Google Apps Script.. 2019. 5. 28. [JavaScript] 객체 1. 자바스크립트에서의 객체 앞에서 살펴본 배열은 아이템에 대한 식별자로 숫자를 사용했습니다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 됩니다. 이 인덱스를 이용해서 배열안에 저장되어 있는 데이터를 가져올 수 있습니다. 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 합니다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당합니다. 2. 객체의 생성 다음은 객체를 만드는 방법입니다. var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; var grades = {}; grades.. 2019. 5. 28. [JavaScript] 자바스크립트 배열 1. 배열이란? 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있습니다. 아래의 예제를 보겠습니다. 변수 name에는 문자 egoing이 할당되었습니다. 이제부터 name을 호출하면 문자 egoing을 사용할 수 있습니다. var name = 'egoing' alert(name); 2. 배열의 생성 그렇다면 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있는 방법은 없을까요? 배열을 쓰면 됩니다. 변수 member에 회원정보를 담아봅시다. 대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배.. 2019. 5. 23. [JavaScript] 조건문 1. 불린 '비교 수업'에서 비교 연산의 결과로 참(true)이나 거짓(false)을 얻을 수 있다고 배웠습니다. 여기서 참과 거짓은 '숫자와 문자 수업'에서 배운 숫자와 문자처럼 언어에서 제공하는 데이터 형입니다. 이를 Boolean(불린)이라고 부르고 불린으로 올 수 있는 값은 true와 false 두가지 밖에 없습니다. 불린은 조건문에서 핵심적인 역할을 합니다. 2. 조건문 조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것입니다. 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean입니다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행됩니다. if문과 같이 여러가지 조건들을 체크할 때 else if.. 2019. 5. 23. [JavaScript] 비교 연산자(==, ===) 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미합니다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나입니다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻입니다. true와 false는 불린(boolean)이라고 불리는 데이터 형식인데 이것은 조건문에서 비중있게 다룰 것입니다. 아래는 주요한 비교 연산자들의 종류와 그에 따른 예제들입니다. '==' 에 대해서 배워보겠습니다. 동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. '='가 두개인 것을 주의합시다. '='가 하나인 것은 대입 연산자로 우항의 값을 좌항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 .. 2019. 5. 23. 이전 1 2 다음
