Hello World

자바스크립트 개발 시 필요한 내용들을 가이드한다. 본 문서는 코딩컨벤션, 디버깅, 테스트 등과 같이 기본적인 내용부터 의존성 관리 및 압축까지의 개발 전반에 대한 내용을 다룬다.시작하기자바스크립트 개발을 시작하기 위해 필요한 기본적인 내용을 간단히 설명한다. https://github.com/nhnent/fe.javascript/wiki/시작하기 코딩 컨벤션프로그램의 성능을 해치지 않은 범위 내에서 읽기 쉽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약을 가이드한다. https://github.com/nhnent/fe.javascript/wiki/코딩-컨벤션 디버깅각 플랫폼에서 제공하는 다양한 디버깅 도구와 그 사용법에 대해 설명한다. https://github.com/nhnent/fe..

FE(Front-End) 개발자에게 모바일웹 서비스 개발은 매우 까다로운 작업입니다. PC웹 환경은 디바이스 하드웨어 성능도 뛰어나며, 네트워크 속도도 기가(GIGA?) 막히게 빠릅니다. (물론 아직도 저사양 PC에IE7,8,9을 사용하는 분들이 소수 존재하기에, 구버전 웹브라우저에서 사용가능한 서비스들도 있습니다. 다만 화면깨짐은 있더라도 말이죠.) 반면, 모바일은 저성능의 디바이스, 일정하지 않은 네트워크 속도, 작은 디스플레이 사이즈라는 제약 안에서 개발이 진행됩니다. 거기다 OS 종류, 버전, 제조사에 따라 웹브라우저가 조금씩 다른 입출력 결과를 내놓고 있어, 모든 모바일 단말기에서 안정성을 보장하기란 쉽지 않습니다. 이런 열악한 환경을 개선하기 위한 방법으로 리소스(이미지,JS,CSS) 사이즈를..

GuidesBento: a collection of guides for web development.Hack Design: An easy to follow design course for people who do amazing things.Web Style Guide - 3rd Edition covers all the elements from CSS and typography to HTML and the structure of prose.Talks To Help You Become A Better Front-End Engineer In 2013Web Development Teaching Materials: This site hosts a variety of CC-licensed web developmen..

이 글은 Todd 의 블로그 포스트 [What (function (window, document, undefined) {})(window, document); really means]을 번역한 것입니다.What (function (window, document, undefined) {})(window, document); really means Interestingly enough I get asked about the IIFE (immediately-invoked function expression) a lot, which takes the…toddmotto.com요즘 저는 아래와 같은 IIFE(immediately-invoked function expression, 즉시실행함수 표현식) 형식에 대해 ..

문제: HTML5의 WebStorage API 중 하나인 Local Storage에 대해 좀 자세히 살펴봤다. 해결책: 개요 HTML5에서는 클라이언트에 데이터를 저장하는 2개의 객체를 제공한다.하나의 세션 단위로 데이터를 저장하는 SessionStorage 와,만료 기간이 없는 LocalStorage 가 있다. 두 가지 모두 key/value 쌍으로 저장하며, 사용 방법은 거의 비슷하다.여기서는 Local Strorage 에 대해 자세히 살펴보려고 한다. 간단 사용법 사용법은 정말 간단하다.전역으로 할당되어 있는 localStorage의 메서드를 사용하며, 데이터는 key/value 쌍으로 구성된다. 아래와 같이 setItem() 과 getItem()으로 값을 저장하거나 가져올 수 있다. localSt..

http://www.nczonline.net/blog/2013/06/25/eval-isnt-evil-just-misunderstood/에대한 내용을 참고 하여 정리 해보았다. 자바스크립트에서 대부분 eval 함수는 계륵 같은 존재 인것 같다. 이 함수에 대해서 "evil"이라고 비방 하고 있는데 .. 과연 이 놈이 evil 일까??(: 즉 eval함수는 쓰지 않는것이 보안 문제 에 좋다고 알고있으며 본인도 대부분 지양 해서 프로그래밍 중이다. ) 이 간단한 함수는 string 으로 자바스크립트 코드를 실행 할수 있게 설계 되었다. ( 사실 무척이나 유용하다고 할 수 있다. !!) 하지만 "더글라스 크락포드" 에 의해 "eval() is evil " 이란 구절이 생기면서 대부분의 자바스크립트 개발자는 기피..

Date objectsDate objects are based on the number of milliseconds since January 1,1970 UTC. They have no syntax, but are stated using constructors, like below:1new Date();2new Date(value);3new Date(dateString);4new Date(year, month[, day[, hour[, minute[, second[, millisecond]]]]]);You can use them like this:1var today = new Date();2var birthday = new Date('November 16, 1994 01:00:00');3var birth..

The split() methodYou can split a string using the split() method. It takes a delimiter as a variable, which can be either a comma, a semicolon, a quotation mark, or whatever special character that is used to separate the string. You can use it like this:1var namelist = "Anne,Ben,Cindy,Diane,Era ";2 3var nameArray = namelist.split(',');First, we have declared a string variable which contains som..

http://programmingsummaries.tistory.com/356

Every developer strives to write maintainable, readable, and reusable code. Code structuring becomes more important as applications become larger. Design patterns prove crucial to solving this challenge – providing an organization structure for common issues in a particular circumstance.JavaScript web developers frequently interact with design patterns, even unknowingly, when creating applicatio..