Javascript

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의 함수가 실행되길...

[javascript] GET으로 파일 다운로드 하기

March 24, 2016 Code

window.location.assign('your_url'); 이렇게 하면 새창이 뜸과 동시에 다운로드 된다. 굳이 ajax get안하고 가능. refer http://stackoverflow.com/questions/16514509/how-do-you-serve-a-file-for-download-with-angularjs-or-javascript

JavaScript Promise

March 14, 2016 Code

솔직히, 나는 여지껏 Promise를 잘못 사용하고 있었다. 이를테면 다음과 같이 사용했다. User .findById(id) .then(function(user) { Project .findAll({ user: user.id }) .then(function(projects) { user .asyncSomething() .then(function(blah) { console.log('Done!'); });...

JavaScript this 정리

March 10, 2016 Code

JavaScript에서 this 키워드는 흔히 객체지향적으로 자바스크립트를 작성할 때 종종 사용되곤 한다. 하지만 학부생 수준에서 배우게 되는 다른 객체지향언어(C++ / Java)와는 여러가지 상이한 점이 존재한다. 다음은 평범한 this의 용례다....

JavaScript의 Generator와 Koa.js 소개

February 22, 2016 Code

사이드 프로젝트에서 Express를 오랜 기간 사용했었는데 hapi 가 좋다는 얘기를 듣고는 hapi를 많이 사용해왔다. Hapi도 단순하긴 하지만 “설정만 넣으면 되는” 단순함이라서 설정에 들어가는 수고가 꽤 컸다. 최근에는 토이...

JavaScript에서 객체 복사하기

February 8, 2016 Code

부끄럽게도 얼마 전에야 자바스크립트에서 =을 사용한 객체 복사는 Assign. 즉, 참조만 하는 것임을 알았다. 어찌보면 예상가능한 것임에도 불구하고 얕은/깊은 복사가 필요한 경우가 생각보다 많지 않았기 때문에 알지 못했던...

momentJS를 angularJS 필터에서 사용하기

January 25, 2016 Code

Problem angularJS로 ERP를 만드는 중이다. ng-repeat로 반복되는 칼럼에 타임스탬프가 안 예쁘게 찍혀서 moment.js로 가독성을 높이려 한다. javascript에서 가로채서 솰라솰라 하는거 말고 angular로 예쁘게 하는 방법은 없을까?   Solution...

Angular.js Directive Scope Binding 전략

January 22, 2016 Code

Angular.js의 가장 기본적인 구성요소인 directive의 scope binding은 다루기가 의외로 까다롭다. 게다가 binding 종류와 그 사용법에 대해 종종 잊어먹어서 =만 사용하게 되기도 하고, 그래서 정리를 할 필요를 느꼈다. 먼저...

django, bower, grunt로 사이트 구조잡기

January 20, 2016 Code

상황 재고/창고관리 웹페이지를 만들려고 한다. 전체적으로 django와 docker로 돌아가고, 화면은 6개 정도 되는 크지 않은 admin페이지다. 나는 프론트엔드 담당이다. 생각하기 앞단을 짜는 것엔 두 가지 방법이 있다. 1....

Angular.js에서 CJK break-word 구현하기

January 17, 2016 Code

얼마 전에 단어 단위로 줄바꿈이 되도록 구현해달라는 요청이 들어와서 해결한 기록을 남긴다. CSS의 break-word 속성은 안타깝게도 아시아권 문자(CJK)에 적용되지 않는다. 참고: word-break - CSS | MDN 따라서 해결하려면...

JavaScript 개발자를 위한 Elm

November 28, 2015 Blog

이 글은 JavaScript Playground의 Elm for JavaScript Developers를 번역한 것이다. 저자인 Jack Franklin의 허락을 받고 번역하였다. GitHub에나 Twitter에서 나를 follow하고 있는 사람들은 내가 최근에 Elm으로 이런저런 일을 했다는...

핫 리로딩(hot reloading)과 시간 여행 디버깅(time travel debugging)이 도대체 무엇일까?

October 27, 2015 Blog

원문: https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35 사람들이 열광하는 Redux의 두 가지 기능은 핫 리로딩(hot reloading)과 시간 여행 디버깅(time travel debugging)이다. 이 둘은 과연 무엇일까? 핫 리로딩(hot reloading)애플리케이션을 개발할 때는 일반적으로 코드를 조금씩...

Redux로의 카툰 안내서

October 26, 2015 Blog

원문: https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6 Flux를 더 혼란스럽게 만드는 것은 Flux 그 자체보다는 Flux와 Flux에서 영감을 받아 만들어진 Redux간의 차이점이다. 이 글에서는 이 둘의 차이점에 관해 설명할 것이다. Flux에 대한 이전...

요즘 Front-end 개발 이야기

October 24, 2015 Blog

지난 밤 이상한모임에선 이모콘이란 이름 하에 온라인 컨퍼런스를 개최하였습니다. 그 중에 @nipol님께서 JSPM으로 시작하는 Systemjs라는 발표를 하셨고, 채팅창은 혼란에 빠졌습니다. 발표 내용이 무슨 소린지 이해할 수 없다는 평이었는데,...

자바스크립트의 느슨한 타입(Loose Typing) 이해하기

October 22, 2015 Blog

원문: http://blog.jeremymartin.name/2008/03/understanding-loose-typing-in.html JavaScript: The Right Way에는 부분적으로 번역되어있기 때문에 전문을 번역해보았다. 대략 8년 전의 글로 아주 오래된 글이지만 지금 보기에도 여전히 좋은 내용이다. 다만 현 ECMAScript와 다른 부분이...

JavaScript의 함수는 1급 객체(first class object)이다

October 19, 2015 Blog

JavaScript의 함수는 1급 객체(first class object)이다. 이 글에서는 1급 객체가 무엇이고 왜 이것이 JavaScript에서 중요한지 이야기해 보고자 한다. 먼저 1급 시민(first class citizen)의 정의에 대해 알아보자. 1급 시민(first...

훌륭한 JavaScript 개발자가 되는 법

October 12, 2015 Blog

※ 이 글은 How to Become a Great JavaScript Developer의 번역판입니다. 저는 커가면서 점차 관심 분야가 다양해지고, 겉으로 보기에는 무관한 영역까지 넓어져 갔습니다. 저는 수학을 역사 만큼 좋아했었죠....