프로그래밍 요람에서 무덤까지

최근 프론트엔드 커뮤니티에서 엄청나게 뜨거운 녀석이 등장했습니다. 1주 동안( 12. 10 ~ 12. 16) github star 4000개 이상을 받은 번들러가 등장한 것인데요. 바로 parcel 입니다. (글 작성한 2017-12-15 일 기준으로 parceljs 사이트가 한글 번역 되었습니다.) [github trend에서 1주 기준 모습] 무려 4163스타를 한주동안 받았다고 합니다. Grunt 에서 Gulp로 그리고 최근에는 Webpack 을 쓰고 있는데 또?? 라는 생각이 제일 먼저 들기 시작했습니다. 어떤놈인지 찾아보니 설정없이 Webpack보다 빠른 번들러라고 소개하고 있습니다. 설정이 필요없다고?? 알아서 bundle이 되는건가?? 궁금한 생각에 한번 angular-cli 로 생성되는 a..

TypeScript로 프로젝트를 진행하다보면 처음엔 tsconfig의 컴파일 옵션때문에 당황할때가 많이 있습니다. ( 저만 그런가요^^?;;)발생되는 에러코드로 검색해보면 원인을 찾아 볼 수 있지만, 워낙 컴파일 옵션이 많아 에러 코드와 함께 하나씩 정리할려고 합니다. 오늘 확인할 에러는 TS6133:'x' is declared but never used. 에러입니다. 해당 에러와 연관된 TypeScript Compiler Option은 아래와 같습니다. let noUnusedLocals: boolean = '사용되지 않은 지역 변수가 있으면 알려줍니다.'; let noUnusedParameters: boolean = '사용되지 않은 메서드 파라미터가 있으면 알려줍니다.';기본값은 false입니다. 많이..

최근 사내에 서버 개발환경을 Docker를 이용하여 로컬 개발방식으로 변경하는 작업을 했었는데, Docker for Windows 를 사용했을때 많은 이슈가 발생되었습니다. Window에서 Docker를 이용할 경우 어떠한 이슈사항들이 있는지 정리해 보았습니다.필수사항Docker for Windows를 사용시 발생했던 이슈들은 아래와 같습니다. - Hyper-V 사용가능 (Windows 10 Professional or Enterprise 64-bit 만 사용 가능)- CPU 가상화 사용가능(BIOS에서 활성화 해야함)- Docker Client에서 사용하는 포트 방화벽 해제- Windows 사용자명에 한글이 있는 경우1. Hyper-V 사용가능한 윈도우 버전기본적으로 Docker는 리눅스에서만 동작하다..

최근 사무PC를 변경하여 PhpStorm을 새로 설치하였는데, Docker 컨테이너를 띄우니 버벅거리는 현상이 발생하였습니다. ?? PC 사양이 안좋나? 하고 생각하던 찰나 Jetbrains IDE가 JVM에서 작동하다보니 JVM 관련 설정을 빼먹은게 생각나 블로그 포스팅으로 남길려고합니다. 상단 메뉴에 Help -> Edit Custom VM Options에 들어가면 아래와 같이 설정을 수정 할 수 있는데 여기에 아래의 값을 입력하면 됩니다. -Dawt.java2d.opengl=true - Dsun.java2d.opengl=trueOpenGL을 지원하는 hardware-accelerator 에서 Java 2D 가 OpenGL가속을 사용하도록 합니다. 적용하고나니 버벅거림 현상이 해결되었습니다. 이런 I..

프로그래밍 언어를 공부하다보면 Modern이라는 키워드가 자주 등장합니다. 사전적인 의미로 현대적인 라는 의미로 최신이라는 의미가 내포되어 있습니다. 현대적인 라는 말은 과거 / 현재의 비교가 필요합니다. 즉 before & after가 필요하다는 얘기입니다. 그럼 현재 얘기되고 있는 Modern PHP란 무엇일까요? 이 글은 아래의 내용들을 참고하여 작성하였습니다.(피드백은 언제나 환영입니다.) - PHP THE RIGHT WAY- 2016 GDG Incheon 8월 전창완님 발표자료- Modern PHP(도서)- ModernPUG wiki - 모던의 의미 PHP의 과거와 현재앞서 Modern이라는 용어를 얘기하기 위해서는 과거와 현재가 비교되어야 한다고 했었습니다.그래서 아주 간단하게 PHP의 변화에..

AWS에는 많은 용어(키워드 / 약어)들은 Network에 지식이 있지 않거나 혹은 관련 지식이 있어도 약어들이 너무 많아 AWS를 처음 접하시는 사람에겐 어렵게 느껴집니다. 저 또한 아직 모르는 내용이 많기에 정리하고자 합니다. [AWS 공식홈 글로벌인프라](17년.7월 19일 기준) 가장 많이 나오는 용어로는 리전(Region)과 가용영역(Availability Zone 줄여서 AZ) 그리고 엣지로케이션(Edge Location)이 있습니다. 이 용어들은 AWS의 각 서비스 전반적으로 나오는 용어입니다.리전(Region)리전은 AWS의 서비스들이 제공되는 서버의 물리적인 위치(지역)을 의미합니다. 위의 그림에 보면 AWS의 리전 분포를 알 수 있는데요. 이렇게 여러개의 리전을 두는 이유는 네트워크 속..

도서정보출간일: 2017년 09월 05일쪽수,무게,크기: 336쪽 | 140*203*30mmISBN13: 9791186710173ISBN10: 1186710179 엄태형 작가님 브런치 페이지: https://brunch.co.kr/@taebari 도서리뷰이 책은 새로운 기술을 알려주거나 개발을 잘하는 방법 혹은 개발방법론등을 제시하는 개발 기술서적이 아닙니다.그러한 기술도 중요하지만 무엇보다 중요한건 우리의 삶이라고 생각합니다. 이 책은 개발자(직장인)로서 더 나은 삶을 위한 기술서적입니다. 우리는 무엇을 위해 일을 하고 새로운 기술에 열광하고 습득할려고 했는지 잊고 살았던것 같습니다. 이 책은 그러한 해답을 작가님의 경험과 생각을 바탕으로 제시하는 책이라고 생각합니다. 저는 이 책을 읽는 내내 좋은 기..

RxJs에서는 Observable를 구독(subscribe) 함으로서 스트림을 통해 데이터를 주고 받고 하고 있습니다. 하지만 Observable를 더 이상 관찰할 필요가 없을 경우 구독취소(unsubscribe)를 해야합니다. 그럼 RxJs를 도입한 Angular(Angular 4)에서는 구독취소(unsubscribe)를 언제 어떻게 해야할까요?오늘 얘기할 내용은 바로 이 구독취소를 언제, 어떻게, 왜 해야하는지에 대해 얘기하고자 합니다. 2017. 09. 15 Update- takeUntil 내용 추가 ps) 글에 피드백을 주신분들께 감사드립니다.왜 구독취소를 해야할까요?이 얘기를 하기위해서는 Observable이 언제 실행되는지 알아야합니다. 기본적으로 Observable은 subscribe(구독)..

Angular2(이하 Angular) 개발시 Service에 선언한 Interface를 export를 하고 다른 컴퍼넌트에서 import를 할려고하니 아래와 같은 에러 메세지가 발생하였습니다. WARNING in ./src/app/core/sidenav/sidenav-item/sidenav-item.component.ts21:83-92 "export 'ISideItem' was not found in '../sidenav.service' at HarmonyImportSpecifierDependency._getErrors (/Users/david/work/resume/client/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency...

HNPWA(Hacker News readers as Progressive Web Apps)은 Google I/O 2017 에서 소개된적이 있으며 TodoMVC와 같은 다양한 자바스크립트 프레임워크를 이용하여 한가지 앱을 구현한 프로젝트입니다. 이름에도 나와있든 이 프로젝트는 Progressive Web App (PWA) 기술을 이용하여 Hacker News 앱을 구현한 프로젝트이며, 이중에서 angular2(이하 angular)를 이용하여 구현한 angular2-hn에는 rxjs, firebase, workboxjs 등의 기술들이 포함되어있어, angular로 pwa를 구현하기전에 참고하기 좋은 프로젝트입니다. 이 글의 원문은 rangle.io 개발자인 Houssein Djirdeh의 블로그(https:..