이상학의 개발블로그

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

HTML JavaScript load, http:// vs // - What’s the Difference? Difference Between // and http:// 결론 // 의미는 현재 요청의 프로토콜을 따른다는 것이다. http로 제공되는 웹 서비스: http://code.jquery.com/jquery-3.2.1.min.js https로 제공되는 웹 서비스: https://code.jquery.com/jquery-3.2.1.min.js 자세히 알아보기 웹 개발을 하면 외부 JavaScript 라이브러리를 많이 사용한다. (라이브러리/프레임워크 없이 순수 JavaScript만 사용하는 Vanilla JS도 있다.) 아직 많은 개발 환경에서 라이브러리를 직접 로드하여 사용한다. (HTML에서 Ja..

python dict default value when you access item 파이썬에서 자바스크립의 Object(객체)와 유사한 자료형은 Dictionary(딕셔너리)다. dict = { 'name': 'hak' } dict.get('name') # 'hak' dict.get('age') # '' dict.get('age', 30) # 30 dict.get('age') or 30 # 30 .get() 메소드의 두번째 파라미터에 기본 값을 줄 수 있다. 두번째 파라미터의 디폴트는 None이고, 디폴트 값이 있기 때문에 KeyError는 발생하지 않는다. or 연사자를 이용해 딕셔너리의 ..

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

Introduction웹 / 앱 개발을 하면 로그인 과정에서 반드시 만나게 되는 개념이 쿠키-세션이다. 이미 많은 자료와 경험으로 인해 쿠키는 나쁜 놈 세션은 좋은 놈, 로그인은 일단 세션으로 해야지라는 개념이 개발자들의 머릿속에 자리 잡혀있다. 그러나, 최근 들어 IT 인프라 구성에 많은 변화가 생겼다. 웹 기반의 서비스들은 웹과 앱을 함께 서비스하는 것을 넘어 ‘Mobile First’ 앱이 먼저라는 인식까지 생겨났다. 또한, AWS, Azure 와 같은 IaaS 클라우드 서비스가 대중화 되면서 고사양 단일 서버 아키텍쳐에서 중-저사양 다중 서버 아키텍쳐로 변화하고 있다. 이러한 상황에서 더 이상 쿠키-세션 기반 인증 아키텍쳐는 현재의 요구사항을 만족하지 못하고 있다.현재의 요구 사항을 그나마 충족시..