As i wish

안녕하세요. 엄티입니다. 오늘의 알고리즘은 제목과 같은데요 '어떠한 배열이 주어지면 (각 배열의 요소들은 유니크함), 그 배열의 원래 배열 (정렬된 배열) 에서 push , pop 을 사용하여 주어진 배열을 만들 수 있는지' 에 대한 문제 입니다. 예를들어 배열 [2, 3, 1] 이 주어졌을 때 [1, 2, 3] 에서 push 또는 pop으로 [2, 3, 1] 을 만들 수 있냐에 따른건데요 일단 1 -> push , 2 -> push, 2 -> pop, 3 -> push, 3 -> pop, 1 -> pop 이런식으로 하면 어떠한 스택이 [] // push 1 [1] // push 2 [1, 2] // pop --> [2] [1] // push 3 [1, 3] // pop --> [2, 3] [1] // ..

웹개발을 하게 되면 localStorage를 이용하는 경우가 생깁니다. 특히, 쇼핑몰 같은 경우 장바구니에 담아놓은 상품을 localStorage에 저장해놓는 경우가 종종있죠. 물론 로그아웃시 없애는 것은 당연하고요. 그런데 그냥 어떤 객체를 저장하게 되면 'object Object' 처럼 저장이 됩니다. 그때는 JSON.stringify(object)를 사용해서 저장해주면 객체가 string 형태로 저장됩니다. var object = {1:1}; localStorage.setItem('test-1', object) localStorage.setItem('test-2', JSON.stringify(object)); 저장된 객체를 가져올 때는 string -> object로 다시 변환해줘야하기 때문에 'J..

간단하게 자바스크립트에서 많이 사용하는 splice, slice, split 에 대하여 알아보겠습니다. splice - 기존 배열을 변형하고 새로운 배열을 반환합니다. - splice(start, deleteCount, items...) - 배열의 start 부터 deleteCount 만큼 요소를 제거한 다음 그 자리에 items 를 삽입한다. const array = [1, 2, 3, 4, 5, 6]; array.splice(0, 4); // [1, 2, 3, 4] array //[5, 6] const array = [1, 2, 3, 4, 5, 6]; array.splice(4, 1) // [5] array // [1, 2, 3, 4, 6] const array = [1, 2, 3, 4, 5, 6]; ..

클로저란? 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 무슨말인지 모르겠다.... MDN web docs를 보면 조금 이해가 편하다. 클로저 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하기 위해서는 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. developer.mozilla.org function init() { var name = "Mozilla"; // name은 init 에 의해 생성된 지역변수다 function displayName() { // displayName() 은 내부 함수이며,클로저다 alert(name); // 부모 함수에서 선언된 변수를 사용한다 } displayName(); } init(..

안녕하세요. 엄티 입니다. 오늘은 You don't know JS에 크게 2장으로 이루어진 챕터 중 2 장에 1번 '비동기성: 지금과 나중'에 대하여 포스팅해보겠습니다. 저의 포스팅은 한빛미디어에서 나온 'You don't know JS'를 기준으로 포스팅합니다. 일단 프로그래밍 비동기적 요소가 많이 포함되어있습니다. 실제 실무를 접하더라도 자바스크립트뿐만 아니라 파이썬, 자바 도 마찬가지로 비동기적 요소가 들어가 있죠. 예를 들어 서버에 REST ful API, Database 접근, 사용자 입력, AJAX 등 대부분이 다 비동기적 요소로 구성되어 있기 때문에 비동기적 요소를 알아야 합니다. 1. 프로그램 덩이 자바스크립트 프로그램은. js 파일 하나로도 작성할 수 있지만 보통은 여러 개의 덩이, 곧 ..

You don't know JS에 3 장 객체에 대하여 포스팅해보겠습니다. 앞서 this에 관해 포스팅했었는데 참고해주세요. 3.1 객체 정의 일반적으로 JS에서 객체는 선언적(리터럴) 형식과 생성자 형식, 두 가지로 정의할 수 있습니다.. // 선언적(리터럴) 형식 var myObj = { key: value // ... } // 생성자 형식 var myObj = new Object(); myObj.key = value; 두 형식 모두 생성되는 객체는 같습니다. 그러나 리터럴 형식은 한 번의 선언으로 다수의 키/값을 추가할 수 있고, 생성자는 한 번에 한 프로퍼티만 추가 할 수 없어요. 3.2 타입 자바스크립트는 대략 7가지 정도 타입이 있는데, null undefined boolean number s..

기본은 모르고 자꾸 개발만 하다 보니 이상하게 제 지식이 역삼각형 형태가 되는 것 같아서. 기본적인 책을 사서 읽어보고 정리를 하려고 합니다. 책은 한빛미디어에서 나온 "You don't know JS - 카일 심슨"의 책을 바탕으로 정리해보겠습니다! 우선 this는 모든 함수 스코프 내에 자동으로 설정되는 특수한 식별자입니다. 일단 스코프란 링크를 참조해 주세요. 일단 this 가 사용된 코드를 보겠습니다. function identify() { return this.name.toUpperCase(); } function speak() { var greeting = 'Hello, Im ' + identify.call(this); } var me = { name: 'Kyle' }; var you = { ..