from RxJS - Daum영화에 적용하다 2016년 개편된 Daum영화 프론트엔드 개발에는 ReactiveX의 JavaScript 라이브러리 RxJS 4를 사용했습니다.ReactiveX는 ReactiveX Introduction에서 callback의 문제점에 도움을 주는 것으로 소개가 되어 있습니다.웹에서는 Angular 2에 RxJS 5가 쓰이며 관심을 받았고, Android app개발에서도 RxJava가 여러 곳에 쓰이며 관심을 받고 있습니다.적용 당시 IE 브라우저 버전 대응 문제와 RxJS 5가 Beta 였던 이유로 RxJS 4를 적용했습니다.RxJS는 프론트엔드의 여러 이벤트들에 대한 비동기 처리에 도움을 주지만, 수많은 operator들과 함수형 프로그래밍 패러다임에 대한 이해를 해야 해서..
우리 대부분은 REST API를 만드는 데 매우 익숙 할 것입니다. GraphQL은 데이터 요구 사항과 상호 작용을 설명하기 위해 직관적이고 유연한 구문을 기반으로 클라이언트 응용 프로그램을 작성하기 위해 Facebook에서 만든 쿼리 언어입니다. GraphQL은 REST와 유사한 API의 가장 큰 단점 중 하나를 해결하도록 설계되었습니다. GraphQL 서비스는 이러한 유형에 대한 유형 및 필드를 정의한 다음 각 유형의 각 필드에 대한 기능을 제공하여 작성됩니다. GraphQL 기능 계층 구조 - 쿼리는 반환하는 데이터와 정확하게 같습니다. 클라이언트 지정 쿼리 - 클라이언트는 서버에서 가져올 내용을 자유롭게 지정할 수 있습니다. 강력한 형식 - 실행 전에 GraphQL 형식 시스템 내에서 구문 론적으..
from 웹 프로젝트는 PWA이어야 한다프랜시스 베리만Frances Berriman이 웹사이트의 새로운 종류를 설명하기 위해 "프로그레시브 웹 앱Progressive Web App(PWA)"이라는 말을 만든 이래, 이 개념이 정확히 무엇인지에 대해 많은 혼란이 있어 왔다. 알다시피 그녀의 남편인 알렉스 러셀Alex Russell은 PWA의 특징을 쉽게 설명하는 안내서를 만들었으며 다수의 문서와 블로그 포스트, 그리고 여러 컨퍼런스 강연에서 이 주제를 다뤘다. from Vue.js + PWA + pre-render 프로젝트 틀 잡기 (feat. AWS S3를 이용한 웹호스팅)이번 포스팅에서는 [ Vue.js + PWA + pre-render ] 조합의 웹앱을 [ AWS S3 + CloudFront ] 조합..
from 리눅스 서버 60초안에 상황파악하기 넷플릭스의 Linux performance analysis in 60,000ms에 대해서 부분적으로 번역한 글입니다. 리눅스 서버에 성능 이슈로 인해서 로그인했을 때 우리가 가장 먼저 체크해봐야할 사항은 어떤것들일까? 넷플릭스는 많은 사람들이 알고 있는것 처럼 아마존 EC2 리눅스 서버를 사용하고 있다. 이런 대규모 서버를 모니터링하고 성능을 체크하는데에는 툴을 사용하는데 클라우드 전체의 모니터링에는 Atlas, 하나의 EC2 instance의 성능체크에는 Vector를 사용한다. 이 툴을 이용하면 대부분의 이슈는 해결 가능하지만, 가끔씩은 EC2 instance에 로그인해서 리눅스의 표준적인 성능 체크 툴을 사용할때가 있다. 첫 60초 이 글에서는 1분 안에..
from React와 Apollo, Parcel 기반 서비스 개발Rest API -> GraphQL서비스를 운영하다 보면 다음과 같은 데이터를 처리해야 할 때가 있다.서비스에서 사용하지 않는 불필요한 데이터외부에 노출하지 말아야 하는 내부(private) 데이터API 변경에 따라 새로 추가되는 데이터PC 환경과 모바일 환경에 따라 달라지는 데이터사용자에게 빠른 서비스를 제공하고 네트워크의 사용량을 줄이려면 위와 같은 데이터에서 일부를 삭제해야 한다. 기존에는 다음과 같은 조건을 확인해 데이터를 삭제하는 로직과 RESTful API를 제공했다.데이터 삭제 로직에 사용되는 요청 쿼리의 값API 라우팅 경로하지만 데이터를 삭제하는 로직을 추가하는 방식에는 다음과 같은 단점이 있다.객체가 중첩되어 있으면 복잡한..
출저 : http://jason-heo.github.io/mysql/2014/03/05/manage-dup-key2.html안내본 문서는 블로그의 운영자인 본인이 Stackoverflow에 올린 답변을 정리한 글입니다. Stackoverflow에 올린 답변 중 한국에 있는 다른 개발자들에게도 도움이 될만한 Q&A를 보기 쉽게 정리했습니다. 가능한 경우는 SQLFiddle에 샘플 데이터도 같이 올려서 실습도 해 볼 수 있도록 하였습니다. 또한 전체 Q&A를 묶어서 PDF 파일로도 배포하고 있습니다. 방문해 주시는 많은 분들에게 도움이 되었으면 좋겠습니다.Stackoverflow URLhttp://stackoverflow.com/questions/20342518/on-duplicate-key-update-v..
- Total
- Today
- Yesterday
- Web Development Tutorial
- 월간 깃헙 트렌드
- List of Useful Node.js Modules
- Vue Style Guide
- NAVER Tech Talk: FE devtalk
- Do it! Vue.js 입문 저자 블로그
- Eva Icons - 오픈소스 아이콘
- awesome-nodejs
- Node.js Documentation
- Pretty Awesome Lists
- 김정환블로그 - Node.js 코드랩
- TOAST UI - JavaScript UI libra…
- The Vue.js Cheat Sheet
- 1인 크리에이터 콘텐츠 연구소
- The Modern Javascript Tutorial
- Hacker News readers as PWA
- Awesome Vue.js
- 자동배포
- 자동테스트
- AWS
- 자돌빌드
- 레인가드
- OST
- maven
- gitlab
- CI
- 음악듣기
- 추억
- nodejs
- CD
- portainer
- 게임음악
- pm2
- 투어버디
- tourbuddy
- intellij
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |