Javascript

광광 울며 정리하는 Javascript의 this

January 12, 2018 Code

전역에서 함수를 할당하면 window로 들어가는구나. 그래서 그 속에서 this를 찍어보면 Window객체가 나온다. new Foo()로 초기화하면 예상했던 대로 Foo { }가 나오고. 면접에서 털리고 광광 울며 정리중 js에서 모든...

TypeScript: 타입 추론과 타입 단언

December 12, 2017 Dev

TypeScript 를 도입하기가 망설여지는 이유 중 하나는 매번 일일이 변수를 선언할 때마다 타입을 선언해야하고 필요한 타입을 정의해야하는 비용에 대한 걱정일 것이다. 필요한 타입이 있을 때 타입을 정의하는 일은...

[일일코딩 #32] Two Sum

November 6, 2017 Code

[일일코딩 #32] Two Sum Question 링크 Given an array of integers, return indices of the two numbers such that they add up to a specific target. You may...

MobX with React

October 18, 2017 Dev

이전 글에서는 React를 배제한 채로 MobX만 사용했었고, Angular 혹은 jQuery와 연계해서 사용할 수도 있지만 MobX는 React랑 함께 사용되는 게 가장 일반적이다. 이번 글에서는 MobX와 React를 연계해서 사용하는 내용에...

Hello, MobX

October 7, 2017 Dev

Simple, scalable state management MobX는 프론트엔드를 위한 어플리케이션 상태 관리 라이브러리다. 주로 React에 바인딩되어 사용되고, 상태 관리 라이브러리라는 특성 때문에 종종 Redux와 비교된다. Redux가 함수형 아이디어를 적용했다면 MobX는...

Nuxt.js를 활용하여 개편 소개 페이지 만들기

August 10, 2017 Dev

도입배경 올해 초 부터 Vue.js에 관심이 생겨 개인적으로 학습하고 있었다. 2017 1사분기를 회고하는 글에 이런 내용을 적었었다. “회사 개발자 세미나에서도 해당 주제로 발표할 예정이며, 가능하다면 외부 밋업에서도 발표하고...

TypeScript: Enum

July 18, 2017 Dev

이전 글 - TypeScript: 제네릭(Generic) JavaScript를 쓰면서 느끼게 되는 아쉬운 점 하나는, Enum(Enumeration, 열거형)의 부재다. 사실 JavaScript 같은 동적 타입 언어에서 Enum이 없는 게 당연하지만, 유한하면서도 여러가지의 상태를...

Vue.js Study Plan

May 1, 2017 Dev

작년에 React Study Plan이라는 글을 쓴 적이 있다. 그렇게 공부하면 당연히 React로 뭔가 개발을 할 수 있다고 생각했다. 내가 너무 기초가 안 되어 있는 상태에서 배우기에는 버거운 상대였다....

[Javascript]원하는 HTML 영역 프린트하기

March 28, 2017 Code

상황: 페이지의 일부만 프린트하고 싶다! 구글링 하면 2가지 방법이 나온다. 근데 둘다 내 상황에는 문제점이 있었다. 팝업으로 DOM을 복사해 프린트: 편하긴 한데 css, js가 떨어짐 전체 돔, 프린트...

TypeScript: 제네릭(Generic)

January 14, 2017 Dev

이전 글 - TypeScript: 함수(Function) 제네릭은 Java 등의 정적 타입 언어를 사용하던 사람에게는 익숙한 단어일지도 모르겠다. 그러나 JavaScript를 사용해왔던 개발자에게는 그렇지 않다. 제네릭은 어떠한 클래스 혹은 함수에서 사용할...

const에 대한 오해

November 21, 2016 Code

const is not immutable? 얼마 전에 어떤 페이스북 그룹에서 공유된 글 중에 이런 글이 있었다. 본문에는 이런 문장이 있다. ES6 const does not indicate that a value is...

TypeScript: 함수(Function)

November 18, 2016 Dev

이전 글 - TypeScript: 인터페이스(Interface) 함수 타입 선언 전에 한 번 다룬대로, TypeScript는 함수에도 타입을 선언할 수 있다. 타입 지정 대상은 함수로 전달되는 매개변수와 최종 리턴 값이 될...

TypeScript: 인터페이스(Interface)

October 17, 2016 Dev

이전 글 - TypeScript: 클래스(Class) 클래스와 인터페이스 지금껏 JavaScript만을 다뤄본 개발자라면 인터페이스라는 개념은 익숙치 않을 것이다. 하지만 Java나 C# 등의 정적 타입 언어에서는 이미 많이 쓰이는 개념이다. 인터페이스는...

TypeScript: 클래스(Class)

October 17, 2016 Dev

이전 글 - TypeScript: Basic Type 클래스는 JavaScript 생태계 속에서도 TypeScript에만 있는 개념이 아니다. CoffeeScript나 ES2015를 사용해봤다면 이미 클래스를 몇 번 쯤은 사용해보았을 것이다. 이 글에서는 ES2015의 클래스를...

[번역] 반응형 프로그래밍과 RxJS 이해하기

October 9, 2016 Code

요약: RxJS는 이벤트 스트림과 데이터를 쉽게 만들고 다룰 수 있도록 도우는 라이브러리다. 복잡하지만 가독성이 좋은 비동기적 코드를 더 쉽게 작성할 수 있도록 도운다. 큰 규모의 비동기 어플리케이션을 작성하는...

TypeScript: Basic Type

October 2, 2016 Dev

이번 글에서는 TypeScript에서 제공하는 Basic Type들을 알아볼 것이다. 개인적으로 공부하고 정리한 글이니 퀄리티가 많이 낮을 수도 있다. Type annotation 먼저 TypeScript의 타입들을 알아보기 전에 Type annotation을 알아본다. 일반...

TypeScript: 소개

September 25, 2016 Dev

Introduction JavaScript that scales. TypeScript 캐치프레이즈 TypeScript는 Microsoft에서 개발하여 2012년에 발표한 JavaScript로 컴파일 되는 언어이다. JavaScript에 정적 타이핑과 ES2015를 기반으로 하는 객체지향적 문법이 추가된 것을 주요 특징으로 한다....

람다, 익명 함수, 클로저

September 17, 2016 Dev

람다에 대한 부끄러운 에피소드가 하나 있다. 어떤 분이 페이스북 그룹에 JavaScript 콜백과, 람다함수, 클로저에 대해 물어보는 글을 올렸다. 난 당시 콜백과 클로저에 대해서는 어느정도 알고 있었지만 람다에 대해서는...

JavaScript 클로저(Closure)

August 30, 2016 Dev

클로저란? MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 흔히 함수 내에서 함수를 정의하고 사용하면 클로저라고...

JavaScript 프록시(Proxy)

August 17, 2016 Code

Proxy As a Design Pattern 프록시는 일반적으로 다른 어떤 클래스의 인터페이스로 동작하는 클래스이다. (중략) 요컨대, 프록시는 내부적으로 실제의 객체(real subject)에 접근할 때 호출되는 래퍼(wrapper) 혹은 대리 객체다. –...

React Study Plan

August 3, 2016 Dev

하반기에 나 자신의 개발역량 강화를 위해 React를 공부하기로 결심하였다. 회사에서 다른 개발자들은 ng를 주로 사용하지만, 최근에 ng2가 나오면서 뭔가 1,2가 서로 다른 부분도 있기도 하고, typescript를 배워야 한다고...

AWS Lambda 는 개뿔.. 하나도 모르겠다고!

June 3, 2016 Code

이 글은 AWS, Node.js, js 등을 모르는 상태에서 @justinchronicle 님의 AWS Lambda를 이용해서 GitHub과 Slack 연동하기 를 기반으로 시작된 삽질을 정리한 글이다. 1. Lambda > New function 1.1....

Azure DevOps 시리즈 #6 – Chutzpah

April 29, 2016 Dev

이 포스트는 Microsoft Azure를 활용한 DevOps 시리즈입니다. 배포 자동화를 위한 서비스 계정 생성 – Service Principal 애플리케이션 리소스 생성 자동화 – ARM Templates 애플리케이션 빌드 자동화 1 –...

[javascript] 함수 할당시 실행 없이 인자 넘기기

March 24, 2016 Code

Problem var apiCRUD = { downloadExcel: function($http) { //랄랄랄 } } rc.downloadExcel = apiCRUD.downloadExcel($http); apiCRUD.downloadExcel함수를 저렇게 rc.downloadExcel에 할당하면 바로 실행이 되는데, 나는 rc.downloadExcel이 호출되었을 때 apiCRUD의 함수가 실행되길...