한장현입니다.

Todd Motto의 [Please stop worrying about Angular 3] 의 번역입니다.저작자의 허락을 얻은 후 번역했습니다. Angular 새버전이 나왔나?? 진짜?? Angular 2가 이제 나왔는데 Angular 3?? 왜죠??? 결론부터 말하자면 Angular 3에서 대규모 코드 변화는 없다. 이제 Angular 2의 미래와 Angular 3, Angular 4에 대해 이야기 해보자. Angular 1.x에서 Angular 2로 갔던 이야기 우선, Angular 1.x과 Angular 2는 엄밀히 다른 프레임워크다. 이렇게 생각하고 Angular 1.x에 대해 먼저 이야기 해보자. Angular 1.x의 한계 간단하게 말해서, 구글팀이 Angular 1.x를 맡은 이후, 개발자들..

안녕하세요~ 한장현입니다. 이번에 좋은 기회가 생겨서 GDG DevFest Seoul 2016에 스피커로 참여하게 되었습니다. 발표자료를 만드느라 블로그는 잠시 미뤄뒀었고... 내용 정리를 위해 발표 자료로 글 작성해봅니다 ㅎ Angular2가 어디까지 진행되고 있고, 프로젝트에 도입할 만 한 정도까지 왔는지 살펴봅니다. Ver. 2.2.0 2016. 11. 3 일자 기준으로 최신 버전은 2.2.0 입니다. npm에는 아직 2.1.2이 올라와 있지만 Angular 2 github에서는 2.2.0 버전을 확인할 수 있습니다. 공식 사이트 QuickStart에는 2.1.1을 기준으로 package.json이 작성되어 있네요. Angular 2가 final 버전을 달 때쯤 해서 Angular 2는 SemVer..

요즘 솔루션의 버전을 보다 보면 SemVer을 도입하는 경우가 종종 보입니다. node.js에서는 SemVer를 따르고 있고 최근에 최종 버전이 발표된 Angular 2 에서도 SemVer를 따른다고 합니다. SemVer가 무엇인지, 어떤 방식으로 돌아가는 것인지 살펴봅니다. 자세한 내용은 [Semantic Versioning 2.0.0 스펙]을 참고했습니다. SemVer는 Semantic Versioning의 줄임말로, 버전 형식에 의미를 부여하여 좀 더 체계적인 버전 관리를 위한 제안입니다. 배포 정책이나 시기에 따라서 버전이 매겨지거나, 의미 없이 버전이 올라가는 것을 지양하며 버저닝에 대한 명확한 의미를 부여합니다. 개발을 하다 보면 외부 라이브러리 의존성을 관리하기가 상당히 머리 아픈데, 버저닝..

여행을 다녀오게 되어 잠시 블로그를 쉽니다. 10월에 다시 시작하겠습니다.

3개월간 AWS를 적극 도입하여 단기 프로젝트를 수행했습니다. AWS를 사용하면서 느꼈던 사용기를 간략하게 적어봅니다. 전체 작업은, raw JSON 데이터를 개별 파싱해서 MySQL에 넣고, 하루에 한 번씩 배치를 돌려서 최종 결과물을 S3에 저장하는 프로젝트였습니다. 이 과정에서 AWS의 서비스 중 S3, Lambda, DynamoDB, 관리형 MySQL, Node.js SDK, CloudWatch, AMI, AWS-CLI 등을 사용했네요. S3 - 용량 걱정 없음 용량 걱정이 없다는 것은 최고의 장점입니다. 돈은 내겠지만... EC2를 설정할 때 저장공간 설정하던 것 마저도 없으니 정말 편하네요. - AWS Console 검색 버그 버그가 좀 많네요.... 실제 파일보다 더 많은 수가 검색되기도 하..

당신의 웹 서비스에서는 UI Components 라이브러리를 사용하고 있나요? 사용하고 있다면 어떤 라이브러리를 사용하시나요? Bootstrap을 시작으로 유행을 타기 시작한 UI Components 라이브러리를 사용하면 프론트엔드의 UI를 일관적인 모습으로 편하게 구성할 수 있습니다. 기본 설정으로도 훌륭한 스타일을 사용할 수 있으며, 모바일에서도 잘 동작하고, 크로스 브라우저도 대응하고, 추가적으로 커스터마이징을 할 수도 있죠. 반응형 레이아웃도 지원합니다. 결과적으로 UI Components 라이브러리를 사용하면 UI가 필요한 부분, 프론트엔드를 개발하는 효율이 훨씬 높아집니다. 이번 포스팅에서는 UI Components 라이브러리의 대표적인 두 축, Bootstrap 과 Angular Materi..

로고 출처 : Something about Javascript Promises 번역할 글이 마음에 드는 것이 마땅히 없는 관계로.. 오늘은 개발하면서 고민했던 내용에 대해 써보려고 합니다. ES6를 다루는 것은 아니므로 ES5 문법으로 작성하고 크롬에서 테스트했습니다. Promise 는 q 나 async 와 같은 javascript library 로 제공되기 시작했으며 ES6 부터는 언어 레벨에서 제공하는 기능입니다. 상대적으로 가독성이 떨어지는 callback 패턴을 대체하여 async 함수도 sync 함수인 것 같은 flat 한 모양으로 코드를 작성하는 것이 큰 장점이라고 생각합니다. *2, *3, *4 를 하는 3개의 함수를 예로 들어봅니다. 결과를 넘겨받는 sync 함수는 순차적인 실행에 문제가 ..

다음 글의 번역입니다. [The state of Web Components - Wilson Page]If writer does not want this article, please contact me.(han41858@gmail.com) 내용이 길어서 나눠서 글 작성합니다. Web Components의 현 주소(1) 에서 이어집니다. Shadow piercing combinators 'piercing combinator' 는 CSS 선택자의 특별한 경우이며 shadow root 안쪽의 엘리먼트를 밖에서도 지정할 수 있다. 원래 이름은 /deep/ 이었지만 나중에 >>> 로 변경되었다..foo >>> div { color: red } 웹 컴포넌트가 처음 구체화 되었을 때, 이런 사항이 필요할 것으로 생각되..

다음 글의 번역입니다. [The state of Web Components - Wilson Page]If writer does not want this article, please contact me.(han41858@gmail.com) 개발자들은 요즘 Web Components 에 대한 소식을 자주 접한다. Fronteers Conference 2011 에서 Alex Russel 가 처음 Web Components를 소개했다. 이 때 발표한 내용은 커뮤니티를 뒤흔들었고 미래 기술에 대해 이야기할 때 빠지지 않는 중요한 주제의 하나가 되었다. 2013년에 Google에서는 Web Component 기반의 프레임워크인 Polymer를 발표했고, 기존의 불편함을 해소하는 새로운 API를 도입하면서 커뮤니티의..

블로그 주제와는 좀 다르지만.. 주변에 물어보는 분들이 많아서 글로 남겨봅니다.크라우드 펀딩은 무엇인지 살펴보고 몇개 서비스를 소개해봅니다.* 주의 : 작성자는 관련 법에 대해 전문가는 아니며, 투자 경험을 바탕으로 합니다. 크라우드 펀딩은 무엇인가? 크라우드 펀딩은 Crowd Funding 입니다. 크라우드 펀딩은 한 마디로, 자금이 필요한 사람이나 단체에 투자할 사람들을 모아서 연결시켜주는 서비스입니다. IT 기술이 빠르게 발전하고 플랫폼을 만드는 것이 예전보다 빨라지면서 다양한 크라우드 펀딩 업체가 등장하고 있습니다. 인터넷으로 간단하게 투자할 수 있게 되었죠. 클라우드 펀딩(Cloud Funding) 이라고 하는 분들이 종종 있는데, 클라우드의 개념과 비슷하긴 하지만 크라우드(Crowd) 쪽이 맞..