이상학의 개발블로그

2016/04/13 - [JavaScript] - [JavaScript] 원시 타입과 참조 타입 질문에 대한 답변입니다. 질문 "자바스크립트 변수는 원시타입 값이 그대로 저장된다.(메모리 참조가 아닌 값의 복사)" 라는 부분에서 궁금한 점이 있습니다. color1 = "red" color2 = color1 이 상태에서는 color1 변수가 "red"라는 값을 가진 메모리 주소를 바라보고, color2 = color1 를 하는 순간 color2는 color1이 바라보는 메모리 주소 값을 바라봅니다. 이후 color1 = "blue" 를 하면, color1가 바라보던 메모리에 값이 새로 할당되어 할당 된 주소를 바라보는 것으로 알고 있습니다. 좀 지난 글이긴 해도 학습 중에 궁금한 점이라 여쭤봅니다! 답변 ..

select tag의 모든 값 가져오기 Get all options values of select tag Code $('#select').find('option').map(function() {return $(this).val();}).get() // return [] $('#select option')과 같은 표현식도 가능하지만, 각 DOM 객체를 확실히 표현하기 위해 나눠서 사용했다. .get() .get() 마지막에 .get()을 하지 않으면 select tag의 모든 jQuery가 순회할 수 있는 properties를 가져온다. 따라서, 값만 가져오는 .get()을 꼭 넣어준다. Codepen See the Pen get select-box value by Sanghak,Lee (@SangHakL..

Introduction [JavaScript] Null check, 빈 값 체크 필자의 블로그 중 가장 조회수가 많은 글이다. 세 번째 게시글인 만큼 블로그 초장기에 작성한 내용이다. 시간이 지나 다시 내용을 보니 부족한 점과 잘못된 점이 있었다. 이 부분을 바로잡기 위해 다시 쓰는 글이다. isEmpty gist에 공유한 isEmpty는 문제점이 있다. 그 당시엔 왜 그렇게 생각했는지 기억이 나지 않지만, 입력 값 false에 대해서 비어있지 않다는 false를 리턴하도록 했다. 하지만, isEmpty는 파라미터의 비교 연산 시 true|false 를 반환하느냐에 대한 내용이 아니다. 넘어온 파라미터가 비어 있냐는 것이다. 그래서 의도한 기능대로 동작하는 isEmpty를 다시 작성했다. is-로 시작하..

Introduction회사의 VCS가 SVN에서 Git으로 변경됐다. Github 기업 버전을 사용하지 않고 사내 서버에 Gitlab을 설치해서 사용한다. 최근 업무의 대부분은 Node.js로 작업한다. 어느 정도 JavaScirpt와 Node.js로 프로젝트를 진행하다 보면 Node.js 프로젝트들을 모듈화 하고 싶은 욕망이 생긴다.기존의 만들어진 프로젝트를 모듈화 하면서 생긴 문제가 있었다. 만들어진 모듈들은 어디다 배포할까? NPM 저장소(https://www.npmjs.com)에 올리면 모든 코드가 공개된다. 물론 NPM의 유료 버전을 이용하면 비공개 저장소를 만들 수 있다. 하지만, 이 또한 내 코드가 NPM 저장소에 올라간다.Gitlab과 유사하게 설치형 사설 NPM 저장소를 만들어서 이용하고..

Introduction ECMAScript5는 2009.12에 나왔다. 지금은 2017년이고 ECMAScript8이 가장 최신 버전이다. 그럼에도, 아직 많은 JavaScript 문법은 ES5로 코딩되고 있다. ES6 이상으로 넘어가기 위한 몇 가지 걸림돌이 있다. cross browsing transpiler 그럼에도 불구하고, ES6를 써야 하는 이유? 많은 이유가 있겠지만, 개인적으론… “아름답지 않으면 살 의미가 없어” - 하울의 움직이는 성 아름다운 코드에 대한 열망 Node.js를 통해 JavaScript를 처음 제대로 배우고 사용했다. JavaScript의 복잡한 callback 구조는 코드를 보기 힘들게 했다. 다른 스크립트 언어에서 제공하는 깔끔한 문법이 있으면 좋다고 생각했는데, ES6..

NOTE : 이 글은 Node + Mocha + Travis + Istanbul + Coveralls: Unit tests & coverage for your open source project를 한국어로 번역한 글입니다. 블로그 배포 전에 원작자에게 동의를 구하고 번역 & 블로깅 했습니다. 원본의 내용과 조금 다를 수 있고 필자의 정보가 추가됐습니다. 또한, 단계별 과정에 캡쳐를 추가하고 코드를 Github 저장소에 올려 두었습니다.This article is a translation of Node + Mocha + Travis + Istanbul + Coveralls: Unit tests & coverage for your open source project. Before publishing the ..

IntroductionNode.js Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. V8 JavaScript engine Open source high-performance JavaScript engine.V8 compiles and executes JavaScript source code.C++https://github.com/v8/v8/wikievent-driven Main loop that listens for events, and then trigge..

Introduction객체를 new 연산자, 리터럴로 생성하는 방법과 JS에서 제공하는 기본적인 내장타입에 대해서 서 익혔다.이번엔 만들어진 객체와 배열 프로퍼티에 접근하는 방법과 접근한 프로퍼티의 참조 타입을 확인하는 방법에 대해서 알아본다. 프로퍼티 접근 - Access Property프로퍼티란 객체내의 속성으로 key : value로 구성된다.대부분의 객체지향 언어에서 프로퍼티에 접근할 때 점( . )을 사용하는데 JS도 같다.추가적으로 점( . ) 대신 문자열을 이용해서 접근할 수도 있다. 이로써 프로퍼티 key에 특수문자나 공백이 들어간 경우도 프로퍼티에 접근할 수 있다. 이런식으로 객체 내 프로퍼티에 접근한다. 12345var hak = { name : "학학이", age : 26}consol..

Introduction자바스크립트는 new Object() 를 이용해 일반 객체를 생성하고 객체를 다룬다.자바스크립트에는 Object 타입 외에 언어에서 제공하는 내장 참조 타입이 있다. 내장 타입Array : 인덱스로 접근할 수 있는 목록, 배열Date : 날짜와 시간Error : 에러 객체 ( 에러 종류에 따라 하위 타입이 존재한다. )Function : 함수Object : 일반 객체RegExp : 정규식내장 참조 타입은 일반 객체와 같이 new 를 이용해 인스턴스화 한다. 123456var item = new Array();var now = new Date();var error = new Error("에러발생");var func = new Function( "console.log('hi'); ");..

하계 인턴 모집 공고 자기소개서 문항중에 코딩 문제가 있었다.주어진 조건으로 문제를 풀고 제출하라는데 GitHub에 올려도 되고 개발 언어는 자유라고 명시되었었다.Node.js로 하기로 마음을 먹고 개발을 했다. 근데 대부분이 Java로 할거고 Node.js로 만든 소스코드를 실행하기 힘들수도 있다고 생각하여Npm에 올리고 쉽게 다운 받을 수 있게 만들어 봤다. https://www.npmjs.com/package/nts-recordmaker 예전에 publish 한 과정을 다시 포스팅하면서 복습한다. 전체 과정github 계정 만들기npm 계정 만들기만들고자 하는 모듈 디렉터리 만들기 ( $ mkdir npmtest )$ npm init모듈 코딩$ npm adduser$ npm publish GitHu..