에몽이

Express-URL을 이용한 정보의 전달생활코딩 Node.js 강의 URL을 통해서 에플리케이션에 정보를 전달하는 방법에 대해서 알아본다.쿼리 스트링 소개path : http://a.com/login 에서 /login 부분하나의 path(라우터) 에서 경우에 따라 다른 결과를 보여주기 위해서는 쿼리스트링이 사용된다.쿼리스트링은 어떤 애플리케이션에게 정보를 전달할 때 사용되는 URL에 약속되어 있는 국제적인 표준URL의 구성요소Express의 query 객체의 사용동적인 파일을 통해서 (app.js 에 직접 작성) 쿼리스트링 사용에 대해 살펴본다.url 내의 쿼리스트링을 가져오려면 req.query 를 사용해야한다.express api reference req.query 참고복수의 쿼리스트링을 가져오는 ..

안녕하세요. 이번 시간에는 Fetch API에 대해 알아보겠습니다.지난 시간에 배운 XHR 객체에 대해서는 어떻게 생각하시나요? 쓸 만한 것 같나요? 상당히 복잡하고 가독성이 떨어집니다. 그래서 나온 API가 Fetch API입니다. 단, 최신 API이기 때문에 아쉽게도 IE에서는 사용할 수 없습니다.Fetch API를 알기 전에 Promise에 대한 이해가 먼저 필요합니다. 이 강좌에서 개념을 익히고 오셔야 합니다. 왜냐하면 fetch 요청 후에 return 값이 Promise 객체이기 때문이죠. 참고로 Promise 객체는 ES2015 스펙이기 때문에 ES2015 문법을 사용하겠습니다. fetch 함수도 window 아래에 위치합니다.fetch('주소', 설정객체).then(콜백).catch(콜백);..

리눅스(우분투) GitHub 사용법 git 설치$ sudo apt-get install git-core [!] 참고 : https://help.github.com/articles/set-up-git Github 개인 정보 등록$ sudo git config --global user.name "본인 계정 입력"$ sudo git config --global user.email "본인 메일 주소 입력"$ sudo git config --global color.ui "auto" [!] 참고 : https://help.github.com/articles/create-a-repo 작업 폴더 생성$ sudo mkdir /works$cd /works github 저장소 복제$ sudo git clone https:/..

환경Ubuntu 14.04Ubuntu 16.04 package를 통한 nginx 설치nginx를 설치하는 방법에는 apt-get을 통한 방식과 직접 소스코드를 내려받아서 컴파일하는 2가지 방식이 있습니다. 더 편하고 빠른 방식은 package를 통한 방식이라 apt-get을 이용해서 설치하겠습니다.$ sudo apt-get install nginx 다음 명령어를 통해서 버전도 확인하고 설치가 되었는지 확인해봅시다.$ nginx -v nginx version: nginx/1.4.6 (Ubuntu) 코드를 직접 받아서 make를 통한 직접 컴파일을 해서 설치하는 부분은 현재 진행하는 프로젝트가 끝나고 해보도록 하겠습니다.:) Nginx에 대해서 간략하게Nginx?Apache처럼 웹서버 환경을 만들어주는 소프..

뜬금없지만 함수는 1급 객체입니다. 자기 자신을 호출하거나 다른 함수의 매개변수가 되기도 하고 다른 함수를 반환할 수도 있습니다. 느낌표로 시작하는 함수문은 자기 호출함수의 형태중 하나입니다. 이 외에 두가지 형태의 자기 실행 함수가 있죠. ! 자기호출 익명함수(Self-invoking anonymous function)이란... 익명함수는 말그대로 함수의 이름이 없는 함수를 말합니다. 자바스크립트는 이름이 없는 함수인 익명형수 형태로 사용이 가능하며 대부분 다른 함수의 매개변수로 사용됩니다. (참고로, 모든 함수는 일단 호출이 되면 어떤 것이든 반환합니다. 그게 undefined라도 말이죠...) 다음에서 익명함수를 살펴보면... function () { ... } 이런식으로 생겨 있습니다. 자기호출 ..

jQuery.extend()원문 링크 http://api.jquery.com/jQuery.extend/jQuery.extend( target [, object1] [, objectN] )Returns : Object개요 : 두개 이상의 객체를 합칩(Merge)니다.jQuery.extend( target [, object1] [, objectN] )target 합쳐지는 추가 객체의 속성을 받을 객체 또는 유일한 인자일 경우 jQuery 네임스페이스로 확장될 객체object1 합쳐질 때 기준이 될 객체objectN 기준 객체에 합쳐질 추가 객체jQuery.extend( [deep], target, object1 [, objectN] )deep true 라면, 깊은 수준 복사가 됩니다.target 합쳐지는 추..

대부분의 프로그래밍 언어에서 trim() 함수는 문자열 앞과 뒤 공백을 제거하는 함수이다. 하지만 javascript 에서는 기본적으로 이 함수를 제공하지 않는데, 이 때문에 jquery의 trim()이 많이 사용된다 var str = ...; var trimmed_str = jQuery.trim(str); 만약 jquery를 쓰기 싫다면 정규식을 사용한 아래 함수를 이용하면 된다 function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } var trimmed_str = trim(str); 출처 ; http://jinolog.com/programming/javascript/2011/03/21/javascript-jquery-..

이번 글에서는 Javascript array method 에피소드의 마지막, reduce 에 대해 적어보려고 합니다. 앞선 글들에서 이미 forEach, map, 그리고 filter, reject, every, some 를 다루었지만, reduce 는 자바스크립트 배열 메서드 중 활용도가 으뜸입니다.먼저 예시코드부터 볼까요?var votes = ["kim", "hong", "lee", "hong", "lee", "lee", "hong"];var reducer = function(accumulator, value, index, array) { if (accumulator.hasOwnProperty(value)) { accumulator[val] = accumulator[val] + 1; } else { a..

안녕하세요. 이번 시간에는 map과 reduce 메서드에 대해 알아보겠습니다. 배열에 있는 바로 그 map과 reduce 맞습니다.많은 분들이 forEach는 사용하시는데 map과 reduce는 잘 안 쓰시더라고요. 그리고 reduce가 뭐냐고 물어보면 덧셈하는 함수 아니냐고 하시는 분도 많이 봤습니다. ㅠㅠ 그래서 오늘은 제가 제일 좋아하는 메서드인 map과 reduce에 대해 알아보겠습니다. 제가 생각하기로는 자바스크립트 내장 메서드 중에서 제일 강력하고, 알아두면 다양한 곳에 활용할 수 있는 것이 바로 map과 reduce입니다. 얼마나 강력하냐면, 맵리듀스라고 이름지어진 프레임워크도 있습니다. (물론 오늘 다루는 내용은 아닙니다.)mapmap 메서드는 다음과 같이 사용합니다. 배열.map((요소,..

출처 : http://winterbe.com/posts/2015/04/07/java8-concurrency-tutorial-thread-executor-examples/ Java 8 병행 지침서의 첫 시작에 눈독을 들인 것을 환영한다. 이 지침서는 병행 프로그래밍을 자바 8에서 어떻게 수행하는지를 이해하기 쉬운 예제 코드를 이용하여 알려준다. Java Concurrency API를 커버하는 지침서의 여러 시리즈 중 첫번째가 이 글이다. 다음 약 15분동안 어떻게 병렬로 스레드와 작업 및 실행자 서비스를 통해 코드를 실행시키는지 알아보게 된다. Part 1. 스레드와 실행자(Threads and Executors) Part 2. 동기화와 락(Synchronization and Locks) Part 3. 원..