서버리스 아키텍처 소셜미디어 개발기 0편

Firebase에 데이타를 저장하고 소셜 미디어용 카드는 Embed.ly 를 이용해서 만들어 github-page에 자동으로 배포하는 100% 서버리스 아키텍쳐의 소셜 미디어를 만들어 보도록 하겠습니다. 프레임워크는 react를 써 볼까 하고 있습니다. 해당 내용은 진행하면서 https://github.com/ehrudxo/standup 깃헙 프로젝트에 1,2,3,4,5,6,7 편을 branch를 만들면서 진행하도록 하겠습니다. 각각의 소스는 각 branch에서 확인하세요. 최대한 자세한 내용을 적도록 할테니 따라만 오시면 소셜미디어 앱을 만들 수…

자바스크립트 릴리즈 : ES2016과 그 이후…

2016년 2월 8일에 올라온 Jack Franklin님의 글입니다. ※ 주의 : 원문이 더 이해하기 쉬울 수 있습니다 🙂 ES2015에는 매우 방대한 양이 새로운 기능으로 추가 되었습니다. 그 중에 대부분의 것은 환영받는 기능이지만 화살표 함수, 맵, 클래스, 구조분해 할당 등 생소한 기능이 많기 때문에 기존 사용자들이 배우는데 큰 비용이 듭니다. 다행히도 ES2015와 같은 큰변화가 있는 릴리즈가 사용자들이…

REACT 컴포넌트 생명 주기

지난 번 글에 대해 피드백을 많이 주셨습니다. 너무 감사합니다. REACT 컴포넌트 wrap-up Bind 에 관련해서 다뤄봤으면 하는 부분은  조만간 다루도록 하겠습니다. Stateless 함수의 Airbnb의 입장에 대해 어느 정도 갑론 을박도 이루어 지고 있어서 Airbnb 이슈(링크) 에 질문도 남겼습니다.  답변이 왔네요 요약하자면 성능의 경우는 가장 마지막에 다뤄져야 할 부분이고 state를 다루면 다룰수록 전체 애플리케이션에 해가 될 수 (toxic)…

REACT 컴포넌트

devpools_logo_img

React 컴포넌트를 작성하는 방법은 크게 두가지가 있습니다.(정확하게는 세가지가 있습니다.) 하나는 React.createClass 메쏘드를 이용하는 방법이고 또 다른 방법은 ES2015의 class extends 를 사용하는 방법입니다. React.createClass 로 컴포넌트를 작성할때와 ES2015의 class extends를 사용하는 방법은 다음과 같습니다. View the code on Gist. 이렇게 코드를 들여다 보면 의구심이 듭니다. React.createClass를 통해 Class생성을 하는 것과 ES2015 class extends를 이용하는 것은 어떤…

2016 5월 주간깃헙 2호

  View post on imgur.com push.js 크롬에서 facebook 페이지에 들어가면 알림을 허용 하느냐고 묻는 걸 본 적이 있을 겁니다. 응 이게 뭐여 하고 수신을 했다가 Mac사용자는 자체 facebook notification 을 두개 받아 보신 분도 있을 겁니다. 네, Web Push Notification을 손쉽게 구현할 수 있는 프로젝트 push.js 입니다. 리뷰 보러가기 horizon 이 프로젝트 horizon은 rethinkdb 에서…

주간 깃헙 5월 1호

Hospital 주목해 볼 필요가 있는 프로젝트 입니다.중국 개발자들끼리 공유하는 병원 정보 관련 프로젝트입니다. 이게 어떻게 시작된 것인지가 상당히 궁금한데 다음 글을 한번 읽어보셔야 합니다. 中 ‘바이두 스캔들’, 의료계 마피아 ‘푸톈계’ 정조준 요약하면, 바이두가 검색해 주는 결과와 의료계 마피아와 커넥션이 있다는 내용인데, 중국 내부에서는 상당히 큰 파장이 일고 있는 모양입니다. 개발자들이 공공데이타를 가지고 작업을 하기도하고, 사람들의…

4월 5주차 깃헙트렌드

View post on imgur.com HEAD HTML 태그들을 아마 모두 꿰고 계시는 분들은 많지 않을 겁니다. HTML5에 추가된 태그들만 해도 많아서 대부분의 경우는 div, span section,ul,li 등의 태그들이 이루어져 있을 텐데요. 오늘은 그 중에서도 잘 외워지지 않지만 제대로 된 프레젠테이션 레이어를 이루기 위한 필수요소인 HEAD에 대해서 총망라한 프로젝트가 있습니다. 리뷰 보러가기  xi-editor 구글에서 텍스트 에디터 프로젝트를…