Hello World

The following is a guest post by David Corbacho, a front end engineer in London. We've broached this topic before, but this time, David is going to drive the concepts home through interactive demos that make things very clear.Debounce and throttle are two similar (but different!) techniques to control how many times we allow a function to be executed over time.Having a debounced or throttled ver..

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

검색엔진은 예제는[루씬 한글형태분석] 아니면 [아파치 솔라]라고 검색을 하셔서 한번 찾아보셔야 될듯요~ 하지만 레퍼런스가 별로 없어서저는 개인적으로 최근 나온 관련 책 하나 사셔서 기본적인 [설치/구현] 해보시는 것을 추천 드립니다. 책사면 아래 카페도 들어가 보라고 나와있을꺼에요~. - 루씬 한글형태분석기 네이버 카페 : http://cafe.naver.com/korlucene 하기 플젝이 DB검색인지는 잘 모르겠는데- https://github.com/origoni/spring-blog 고객입맛에 맞는 검색엔진 구현이 어느정도 가능하고 이해도가 깊으시다면개발자의 좋은 무기가 될거 같네요 출처: http://okky.kr/article/321609

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

http://introcs.cs.princeton.edu/java/11cheatsheet/

웹 사이트에서 예쁜 서체를 사용하고 싶은 마음은 누구나 가지고 있습니다. CSS3에서 다양한 서체를 화면에 랜더링 할 수 있는 새로운 기준과 방법을 제시함에 따라 글자를 이미지화 하는 것 보다, CSS 문서에서 어느정도의 타이포 디자인이 가능해진 것입니다. 이는, 글자나 문장의 수정에 있어 이미지를 관리할 필요가 없기 때문에 상당히 매력있는 부분이 아닐 수 없습니다.웹 폰트를 구현하는 구문과 방법에 대한 글은 인터넷 여기저기서 쉽게 찾아볼 수 있습니다. 이 글에서는 무심코 사용하던 구문들에 대해 조금 더 깊이있게 이해하고, 스스로 어떤 방법이 가장 합리적인지 판단 할 수 있도록 도움을 드리고자 합니다. 다만, 상당히 포괄적인 내용까지 다루므로 내용이 길고 난해한 부분이 있을 수 있어 정신건강에 해로울 수..

1. ArquillianIntegration, acceptance 테스트 자동화에 적합한 도구이다. 빌드, 테스트 할 때 tun-rime을 관리해주기 때문에 개발자가 run-time을 별도로 관리하지 않도도 된다. 컨테이너, 테스트케이스, 클래스와 리소스 의존관계 관리도 지원한다. Ant, Maven 테스트 플러그인을 지원하므로 JUnit4, TestNG5 그리고 IDE 와 연동해서 테스트 할 수 있다. 2. The GrinderJava 로드 테스트 프레임웍으로 분산된 다수의 load injector machine을 구성해서 로드 테스트를 수행할 수 있다. Java API라면 HTTP, SOAP/REST, 그리고 custom protocol 방식으로 로드 테스트 가능하다. 테스트 스크립트는 Jython과..

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

Jenkins is an open source automation server with an unparalleled plugin ecosystem to support practically every tool as part of your delivery pipelines. Whether your goal iscontinuous integration, continuous delivery or something else entirely, Jenkins can help automate it.Jenkins 2.0 brings Pipeline as code, a new setup experience and other UI improvements all while maintaining total backwards c..

서버에서 처리하는 로직을 JavaScript로 구현하는 부분이 많아지면서 웹 서비스 개발에서 JavaScript로 작성하는 코드의 양도 늘어났습니다. 코드의 양이 많아지면 코드의 유지와 보수가 쉽도록 코드를 모듈로 나누어 관리하는 모듈 시스템이 필요해집니다. 그러나 JavaScript는 언어 자체가 지원하는 모듈 시스템이 없습니다. 이런 한계를 극복하려 여러 가지 도구를 활용하는데 그 도구 가운데 하나가 webpack입니다.webpack은 모듈 시스템을 구성하는 기능 외에도 로더 사용, 빠른 컴파일 속도 등 장점이 많습니다. 이 글에서는 webpack의 기능과 사용법을 간략하게 설명하고 webpack의 장점을 살펴보겠습니다.JavaScript 모듈 시스템과 webpack이전부터 JavaScript에 모듈..