채널 로고

Backend

아티클 썸네일

API란 무엇일까? API 쉽게 이해하기

💬API, 쉽게 이해하기 API란? “API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.” 위키백과 현재 금융, 소셜, 전자 상거래, 등 기타 여러 업종을 위한 수백 개의 API가 있으며 애플리케이션에서 수행하는 모든 작업은 물론 다른 애플리케이션과 함께 수행하도록 애플리케이션을 프로그래밍하는 작업도 포함하고 있습니다. 흥미롭게도 지난 5 년 동안 가장 빠르게 성장한 API 범주는 다양한 응용 프로그램에서 데이터를 공유하고 분석하는 것입니다. 따라서, 항공편을 예약하기 위해 휴대 전화에서 Expedia와 같은 앱을 가져 오거나, Slack을 Google 드라이브에 연결하거나, 친구의 Facebook 페이지에 Instagram 사진을 게시하는 경우, 공유를 용이하게하는 API를 사용하고 있습니다. 따라서

· Channel Talk

아티클 썸네일

React + Decorator + HOC = Fantastic!!

React + Decorator + HOC = Fantastic!! 지난 포스팅에서는 ES7의 Decorator 문법을 이용해 선언된 클래스와 그 프로퍼티들을 디자인 시간에 변경하는 법을 알아보았습니다. 그렇다면 리액트 컴포넌트와 Decorator가 만나면 어떤 시너지가 발생할까요? 만약 ES7의 Decorator에 대해 모르신다면 지난 포스팅을 읽고 오시는 걸 권장합니다. 이 포스팅은 독자들이 Decorator에 대해 이미 알고 있다고 가정하고 작성됐습니다. Higher Order Component 리액트 공식 문서를 보면 Higher Order Component(이하 HOC)를 다음과 같이 설명하고 있습니다. 1. 리액트 컴포넌트 로직을 재활용할 수 있는 고급 기법 2. 리액트에서 공식적으로 제공하는 API가 아니라 단순히 아키텍쳐 이 설명으로는 HOC가 어떤 역할을 하는지 이해하기는 역부족이기 때문에 간단한 예제를 통해 HOC를 어떻게 작성하는지 알아보겠습니다. function

· Channel Talk

아티클 썸네일

채널톡 프론트엔드 기술 스택

오프라인 고객 분석 솔루션 워크인사이트 개발해 온 조이는 2017년 고객 메신저 채널톡을 런칭했습니다. 이 글은 채널톡과 관련된 기술 블로그의 첫번째 글로 채널톡 프론트엔드(웹, 윈도우, OSX)의 기술 스택 및 개발 환경을 소개하도록 하겠습니다. React 채널톡 개발을 처음 시작할 당시에 워크인사이트 대시보드 및 기타 사내 툴에서는 AngularJS 1을 사용하고 있었습니다. 비교적 적은 코드로 복잡한 애플리케이션을 빠르게 만들 수 있는 점에는 만족했지만 퍼포먼스면에서는 아쉬운 부분이 많았습니다. 따라서 새로운 프레임워크 및 라이브러리를 리서치 했고 매우 가볍고 렌더링 퍼포먼스 면에서 AngularJS 1 대비 우위에 있던 React 를 사용하기로 결정했습니다. 컴포넌트의 설계 패턴은 Redux를 만든 Dan이 제안한 Container 와 Presentational 컴포넌트를 구분하는 방식으로 설계하고 있습니다. 따라서 Container 가 data fetch 및 update 등

· Channel Talk