Javascript

Flux으로의 카툰 안내서

October 6, 2015 Blog

원문: https://medium.com/code-cartoons/a-cartoon-guide-to-flux-6157355ab207 Flux는 현재 웹 개발에서 가장 인기 있는 토픽 중 하나이면서도 가장 이해되고 있지 않은 토픽 중 하나이다. 이 안내서는 모두가 이해할 수 있도록 설명하기 위해서 작성되었다....

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...

JavaScript에서 커링 currying 함수 작성하기

July 21, 2015 Blog

요즘 함수형 프로그래밍에 대한 관심이 많아져 여러가지 글을 찾아 읽고 있다. JavaScript에서도 충분히 활용 가능한데다 JS의 내부를 더 깊게 생각해볼 수 있고 다른 각도로 문제를 사고해보는데 도움이 되는...

new와 prototype

July 21, 2015 Blog

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

JavaScript 모나드

July 20, 2015 Blog

얼마 전 제이펍 출판사 베타리더스 3기에 선정되었다. 선정 되자마자 <함수 프로그래밍 실천 기술>이란 제목의 책을 베타리딩하게 되었는데 함수형 프로그래밍에 대해 전반적인 내용과 세세한 개념을 Haskell로 설명하는 책이었다. 함수형...

JavaScript 부분 어플리케이션

July 13, 2015 Blog

이상한모임 슬랙 #dev-frontend 채널에서 함수가 1급 시민이라는 얘기가 나온 적이 있었다. Wikipedia를 읽다가 Partial Application에 대한 이야기가 있어 검색하던 중 John Resig이 작성한 Partial Application in JavaScript를 읽게...

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 같은 몇몇...

I18n of ‘JS: The Right Way’

July 11, 2015 Blog

※ 이 글은 원본이 갱신되었습니다. 원본을 읽어주시면 감사하겠습니다.   어느날 HN을 보다가 JS: The Right Way란 사이트를 보게 되었다. 나는 이미 비슷한 제목의 사이트인 PHP: The Right Way를...

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은 가장 기본적이고 단순한...

JavaScript로 Arduino 제어하기 Johnny-Five

June 26, 2015 Blog

요즘 출퇴근 하는 시간에 눈도 쉴 겸 팟캐스트를 자주 듣고 있다. 그 중 Hanselminutes은 Scott Hanselman이 다양한 분야의 사람들을 두루두루 인터뷰하는 팟캐스트인데 재미있어서 자주 듣게 되는데 이 팟캐스트에서...

훌륭한 자바스크립트 개발자 되는 법

June 18, 2015 Blog

원문 : How to Become a Great JavaScript Developer 몇가지 참고할 것이 있어서 메모하다보니 조금 길어져서 포스팅합니다. 전체 내용은 아니니 흥미가 가시는 분은 원문을 보시길 바랍니다. Read Books...

ECMAScript 6를 위한 Babel 기본 사용법

June 7, 2015 Blog

ECMAScript 6 에서 추가되는 많은 새로운 기능들이 기대가 되면서도 아직까지 직접 사용해보지 못했었다. 최근에 JavaScript 관련 컨퍼런스 영상 뿐만 아니라 대부분의 포스트도 최신 문법으로 작성되는 경우가 많아 살펴보게...

MelbJS 5월 모임 참석 후기

June 5, 2015 Blog

5월은 여러가지 일이 있어 참 바빴던 달이라 이제서야 후기를 적는다. MelbJS은 매달 정기적으로 열리는 멜번 JavaScript 밋업이다. 멜번에서도 다양한 밋업이 정기적으로 열리고 있는데다 한결 같이 흥미로운 주제라 자주...

javascript get form data

April 29, 2015 Blog

조회창 같은것을 만들때 조회조건 항목이 많으면 일일히 id 주기 바쁜데, id 줄거 없이 그냥 class 이름 주고 radio 같이 선택해야 하는 것들은 따로 type 체크하고 checked 로 지정하면...

timesheet.js??

April 1, 2015 Blog

놀다 보니 이것저것 보는 것들도 많다. 그런것들이라도 간단히 적어둬야지… 노트에다가 작성을 해놓고 넣어두는 것도 한 방법이지만, 봤을때 좋은거라 생각한다면 그것으로 작업이 가능하지 않을까 하여… timesheet.js 홈페이지: sbstjn/timesheet.js 손을 좀 대서...

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

March 23, 2015 Blog

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

[Javascript] 스크롤이 내려가면 줄어드는 헤더

February 12, 2015 Blog

스크롤이 내려가면 헤더를 작게 만들어서 고정시키는 방법이 많이 쓰인다. http://edition.cnn.com/ 을 보면 어떤 것인지 쉽게 알 수 있다. 그리고 가로 창 사이즈를 줄이면 모바일에 적합한 형태로 바로 전환되는...

알아두고 공부해야할 JavaScript 프레임워크들

November 13, 2014 Blog

JavsScript 프레임 워크들이 많아서 공부 할 것들이 너무 많다. 그래서 많이 쓰이면서 공부해야할 것들을 정리를 해보았다. 다른 곳에서 정리 한것을 재정리를 한 것이다. Angular.js http://angularjs.org Underscore.js http://underscorejs.org D3.js...

Javascript Inheritance

August 10, 2014 Blog

Prototype Inheritance? 자바스크립트는 프로토타입 방식의 상속을 사용한다고들 말합니다. 프로토타입이란 무엇이고, 클래스 기반 상속과는 어떻게 다른지, 그리고 주의해야 할 점은 무엇인지 알아보겠습니다. 이 글에서 다루는 키워드는 아래와 같습니다. .constructor...

JavaScript의 privileged 메서드가 끔찍한 이유

June 27, 2014 Blog

예제 코드가 약간의 오해의 소지를 가지고 있어 조금 수정했습니다. – 2014년 6월 29일 - 요즘 가장 뜨거운 관심을 받고있는 프로그래밍 언어인 JavaScript는 정보 보호(또는 은닉, information hiding)를 언어...

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 먼저 메소드와 함수의 차이에 대해서 간단히...

C# 코딩 가이드라인 깃헙 페이지 제작 후기

June 5, 2014 Blog

예전에 깃헙에 C# 코딩 가이드라인 리포지토리를 하나 열어둔 것이 있다. https://github.com/aliencube/CSharp-Coding-Guidelines 이 리포지토리는 원래 원저작자인 Dennis Doomen1에게 한국어 번역 허락을 맡고 난 후 번역 작업을 하다가 만든 것이다....

참조 타입

May 5, 2014 Blog

목차 이 포스팅은 "프론트엔드 개발자를 위한 자바스크립트(2013 인사이트, 한선용 옮김)"에서 발췌 요약한 것이며, 인사이트와 저작권에 대한 부분을 의논하여 사전 허락을 받은 것입니다. 자세한 내용은 페이스북 자바스크립트 제대로 하기...