자바스크립트

JavaScript 개발자를 위한 Elm

November 28, 2015 Blog

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

자바스크립트의 느슨한 타입(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의 번역판입니다. 저는 커가면서 점차 관심 분야가 다양해지고, 겉으로 보기에는 무관한 영역까지 넓어져 갔습니다. 저는 수학을 역사 만큼 좋아했었죠....

JavaScript 상속

August 3, 2015 Blog

C++나 Java는 언어자체에서 상속을 위한 방법을 지원하는데 반해서 JavaScript는 이상하게도 특별히 상속을 위해 따로 지원하는 문법이 없다. 더욱이 class가 아닌 prototype을 이용해서 상속을 구현해야하기 때문에 코드가 다른 언어에...

Prototype Chain and Property Shadowing

July 28, 2015 Blog

Prototype ChainJavaScript의 Prototype Chain은 [[Prototype]]으로 이루어지는 object들의 연결을 말한다. JavaScript의 Primitive Type을 제외한 모든 object는 [[Prototype]]을 가지고 있으며 그 연결된 Prototype Chain은 마치 Linked List 처럼 생겼다. Prototype...

new와 prototype

July 21, 2015 Blog

JavaScript에서도 다른 여타 언어들처럼 instance를 생성할 떄 new를 사용한다. JavaScript는 prototype으로 instance를 생성해야 하기 때문에 Java나 C++같은 언어와는 다른 방식을 가지고 있다. 내부적으로 어떤식으로 동작하는지 궁금해서 검색해보다가 Douglas...

Lexical Scope and Dynamic Scope

July 13, 2015 Blog

C/C++, Java, 그리고 JavaScript 같이 우리가 접하는 대부분의 언어들은 Lexical Scope를 사용한다. Lexical Scope는 Static Scope라고도 불린다. 반대의 방식으로는 Dynamic Scope가 있으며 Perl, Bash Shell, APL 같은 몇몇...

JavaScript Prototype

July 7, 2015 Blog

JavaScript의 prototype를 처음부터 다시 공부하면서 적어보았다. C/C++와 Java로 프로그래밍을 시작했고 오래써왔기 때문에 prototype을 이해하는데 꽤 오랜시간이 걸렸다. 둘 다 상속, 캡슐화, 추상화, 다형성 등을 전부 지원하지만 접근하는 방식은...

JavaScript Data Types

June 29, 2015 Blog

JavaScript data type은 다음과 같다. 5개의 primitive type – 얼마전에 새로 나온 ECMAScript 2015의 스펙에서는 symbol type이 추가 – 그리고 하나의 object type있다. primitive type은 가장 기본적이고 단순한...

bower 설치 및 사용하기, bower-installer

March 23, 2015 Blog

python, flask 를 이용해서 웹 서비스나 API를 구축하는것이 주 업무다 보니 사실 flask 는 너무 유연해서 뒷단(백엔드 부분은) uwsgi 나 mod_wsgi – apache의 조합으로 사용해 왔는데, 앞단(프론트 엔드)을...

Javascript this, call, apply 그리고 bind

June 18, 2014 Blog

Javscript this, call, apply, bind Javascript 에 오신것을 환영합니다. 낯선이여! 이 포스트는 글에 기반하여 작성되었습니다. 1. http://dailyjs.com/2012/06/18/js101-this/ 2. http://dailyjs.com/2012/06/25/this-binding/ 3. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind Method, Function 먼저 메소드와 함수의 차이에 대해서 간단히...

6.1 객체에 대한 이해

April 11, 2014 Blog

이 글은 자바스크립트 제대로 배우기 스터디 그룹의 활동으로 «프론트엔드 개발자를 위한 자바스크립트»(2013 인사이트, 한선용 옮김)에서 요약한 글임을 밝힙니다. 객체지향(Object-oriented: OO) 언어는 일반적으로 클래스를 통해 같은 프로퍼티와 메서드를 가지는...

4장 변수와 스코프, 메모리

April 3, 2014 Blog

이 글은 자바스크립트 제대로 배우기 스터디 그룹의 활동으로 «프론트엔드 개발자를 위한 자바스크립트»(2013 인사이트, 한선용 옮김)에서 요약한 글임을 밝힙니다. 변수와 스코프, 메모리 자바스크립트에서 변수는 느슨한 타입을 취하므로 변수는 특정...

02장 HTML 속의 자바스크립트

March 28, 2014 Blog

02장 HTML 속의 자바스크립트 < 프론트엔드 개발자를 위한 자바스크립트>(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 1. <script> 요소 속성 async...

3장 언어의 기초

March 25, 2014 Blog

이 글은 자바스크립트 제대로 배우기 스터디 그룹의 활동으로 «프론트엔드 개발자를 위한 자바스크립트»(2013 인사이트, 한선용 옮김)에서 요약한 글임을 밝힙니다. 언어의 기초 ECMA-262에서 자바스크립트의 핵심을 ECMAScript라는 가상 언어로 정의 웹...

01장 자바스크립트란 무엇인가?

March 23, 2014 Blog

< 프론트엔드 개발자를 위한 자바스크립트>(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 1. 자바스크립트의 역사 1995년 클라이언트에서의 입력된 필드의 유효성을 검사하기...

2장 HTML 속의 자바스크립트

March 22, 2014 Blog

이 글은 자바스크립트 제대로 배우기 스터디 그룹의 활동으로 «프론트엔드 개발자를 위한 자바스크립트»(2013 인사이트, 한선용 옮김)에서 요약한 글임을 밝힙니다. HTML 속의 자바스크립트 초기 자바스크립트는 HTML에 포함, 현재는 HTML 명세에서...

1장 자바스크립트란 무엇인가

March 20, 2014 Blog

이 글은 자바스크립트 제대로 배우기 스터디 그룹의 활동으로 «프론트엔드 개발자를 위한 자바스크립트»(2013 인사이트, 한선용 옮김)에서 요약한 글임을 밝힙니다. 자바스크립트란 무엇인가 1995년 입력 유효성 검사를 목적으로 등장 (서버 대신...

#이상한모임

March 19, 2014 Blog 2 Comments

이상한모임은 정말 말 그대로 이상한 모임이다. 능력자도 정말 많고 호기심 넘치는 분들도 많고, 열심히 하시는 분들이 정말 많다. 그래서 많이 배우게 된다. 또 같이 공부하게 된다. TDD iOS도...

자바스크립트 커링(Currying)과 예제

February 9, 2014 Blog

Javascript Currying 커링이란 무엇인가. 뭔가 고급 기법 같아 보이긴 하는데, 나에게 필요 없는 것 같기도 하고. 근데 어려워 보이니까 배우고 싶고. 그래서 포스팅 하게 되었다.ㅠㅠ 1. 개념 위키피디아...