리스트에서 데이터를 찾는 가장 쉬운 방법은 처음부터 끝까지 탐색을 통하여 원하는 값을 찾아내는 방법이 있다. 이것을 순차검색 또는 선형검색이라고 정의한다. 배열이 있을경우 간단히 예를 들면 코드는 다음 아래와 같다. 배열에서 data와 같은 값이 있을경우 true를, 없을경우 false를 반환한다. function seqSearch (arr, data) { for (var i = 0; i < arr.length; ++i) { if (arr[i] == data) { return true; } } return false;} 위 순차검색 알고리즘을 테스트해보기로했다. 간단히 크롬의 콘솔창을 이용해서 배열에는 1부터 5까지의 정수를, 찾으려고하는 data값에는 6을 넣자. 그런다음 seqSearch함수를 실행하면 false값이 나오는.......

CSS속성 중에서 마스크와 클립은 엘리먼트의 부분만을 노출시킨다는 역할을 매우 비슷해보입니다. 하지만, 여러면에서 다른 속성인것은 분명합니다. 우선, 기본적으로 마스크는 이미지이며, 클립은 패스라고 정의할 수 있다. 예를들어, 외쪽을 시작으로 오른쪽으로 그라디언트가 들어가있다면 그것은 마스크이다. 클립은 항상 벡터 패스이다. 패스의 바깥쪽은 투명이며, 안쪽은 불투명이다. 1. 옛날방법의 clip첫번째 클립핑은 바로 clip이다. rect에 들어간 속성은 마진/패딩과 같다고 생각하면 된다. 이 속성은 이제 구식의 방법이다. 즉, 더 이상 상용을 권하지 않는 방법중 하나이다. 왜냐하면, 현재 새로운 버전이 나왔기 때문이다. 장점이.......

자바스크립트에서 상속이란, 클래스 하나를 특별하게 생성하는 것을 말한다. 이 클래스는 자식 클래스가 될 것이고, 이 클래스의 조상을 부모 클래스라고 한다. 자바스크립트에서는 부모 클래스로 만든 인스턴스를 자식 클래스에게 전달함으로써 상속이 이루어진다. 최신 브라우저에서는 좀 더 간단하게, Object.create를 사용해서 상속을 할 수 있다. 아래 예제를 통해 상속에대한 개념을 간단하게 알아보자. 우선 Person이라는 빈 생성자 함수를 하나 만들자. 여기에 프로토타입을 이용해 walk와 sayHello 메소드를 정의한다. 이제 상속을 시킬 자식 클래스를 만들자. 이름은 Student()이며, Person.call(this)를 사용해서 부모의 constructor(.......

깃허브는 2008년에 설립된 깃 전문 호스팅으로 시작한 IT회사 입니다. 현재까지 1,200만명이 넘는 개발자가 3천 만개의 저장소를 운영하며 오픈소스를 통한 프로젝트가 활발하게 이루어지고 있습니다. 오픈소스란 누구나 사용할 수 있으며 개선할점들을 함께 수정해나가는 방법을 말합니다. 이러한 오픈소스들을 개발자들끼리 공유하며 버그들을 수정해 나가며 좀더 좋은 품질의 소프트웨어를 만들어 나가는 과정입니다. 그러면 이러한 오픈소스를 무엇으로 관리 할 수 있을까요? 이전에는 CVS와 함께 SVN을 버전 관리 시스템으로 많이 이용하였습니다. 깃허브는 깃을 사용하는 웹 기반의 서비스입니다. 웹을 기반으로 하여 프로젝트 소스를 관리.......

자바스크립트 강좌_객체를 배열로 만들기 안녕하세요!이번 자바크스립트 강좌에서는 객체의 값을 이용하여 배열로 만드는 방법을 알아보도록 하겠습니다.객체와 배열 두 가지 모두 데이터를 저장하여 가지고 있을수 있기때문에코드작성시 매우 유용한 녀석들입니다.현재, 많은 데이터값들이 배열에 저장되기 때문에,이 부분을 잘 이해해야 합니다. 우선, 가장 기본적인 방법을 살펴보도록 하겠습니다.바로, 제이쿼리의 map()을 사용하는 방법입니다.map()은 배열 또는 객체의 값을 가져와 새로운 배열을 만들어 내는 함수입니다.아래 코드를 예시로 들어보겠습니다. var myObj = { 1: [1, 2, 3], 2: [4, 5, 6]}; var array = $.map(myObj, functi.......

존파브로 감독_정글북과 아이언맨 시리즈 이 감독을 보면서 다시한번 생각했다.영화를 보기전 더 유심히 살펴봐야 할 것은바로 감독의 필모그래피인 것을 따뜻한, 가족 이야기를 다룬 영화 셰프의 남자 주인공은누가봐도 털털한 배우의 모습이였다.나 또한, 그가 마블 유니버스의 포문을 연아이언맨의 감독인 것을 최근에 알았다. 아이언맨 2에 등장하여 익살스러운 경호원 역할을 맡은건 기억하지만,연출과 기획 뿐만 아니라배우의 영역까지 넘나드는 그의 모습은 정말 대단해보인다.그 뿐인가? 전 세계인이 열광하는 마블 어벤져스의 자문까지 도맡아 하고 있다고 한다. 사실 그의 연기 내공은 대단하다.더 울프 오브 월스트리트(2013) 뿐만 아.......

인포그래픽_데이터 사이언티스트 데이터 사이언티스트는 빅데이터를 가공하여 그래프와 같은 인포그래픽을 통해 정보를 제공합니다. 데이터를 모으고 가공하는일은 매우 어려운 일이지만, 결과물을 효율적으로 디스플레이하는 방법또한 매우 중요합니다. 오늘은 자바스크립트 라이브러리 D3.js를 통해 웹에서 data visualization을 실행하도록 하겠습니다. SVG, HTML3, CSS와 호환되기 때문에 널리 사용이 되는 라이브러리 중 하나입니다. 다른 자바스크립트 라이브러리와 다르게 결과물에 많은 부분을 조절할수 있습니다. 이미 자바스크립트 함수를 이용하여 만들어진 기능들을 필요할 때 가져다가 사용하면 되기 때문에, 초보자도 쉽게 학습이.......

1. intractable-아주 다루기힘듬(difficult to control)-The economy still faces intractable problems 2. dissent-반대-The armed forces welcomes your dissent 3. circumspect-신중한-The United Kingdom has been somewhat more circumspect 4. abhor-혐오하다-We all abhor and condemn terrorism 5. tangible-분명히 실재하는-I'm gonna work on something a little bit more tangible 6. unfeigned-꾸밈없는, 진정한-I've heard of your loss with unfeigned sympathy 7. jocular-익살스러운-Our next-door neighbor is a very cheerful, jocular man 8. agitate-주장하다, 불안, 동요-I didn't want to agitate him or anything 9. cand.......