React는 웹 개발을 단순화시키는 데 많은 일을 했습니다. React의 컴포넌트 기반 아키텍처는 원칙적으로 코드를 분해하고 재사용하기에 용이합니다. 그렇더라도 프로젝트를 통틀어 어떻게 컴포넌트로 나눌지 개발자들이 잘 알고 있지 않습니다. 저는 이 글에서 그 부분을 잘 판단하게...

React는 인터랙티브한 웹 애플리케이션을 개발하는데 인기가 가장 높은 라이브러리임이 틀림없습니다. 그러나 React는 아직 완벽히 갖춘 웹 프레임워크가 아닙니다. 오래된 MVC 모델에서 뷰(view)에 중점을 두고 있습니다.

Redux로 시작하기 시리즈 중에 세 번째입니다. 이번 튜토리얼에서는 Redux 저장소를 React와 연결하는 방법에 대해 공부하겠습니다. Redux는 독립적인 라이브러리로 대다수 대중화된 프론트엔드 라이브러리와 프레임워크와 같이 동작합니다. 함수형 접근 방식이기에 React와...

여러분은 React를 공부할 때 Redux가 얼마나 훌륭한지, 그리고 한 번 써보라고 권유하는 사람들의 얘기를 거의 항상 듣게 될 것입니다. React 생태계는 빠르게 성장하는 중이고, React와 연결 가능한 flow와 redux, middlewares, mobx 등 라이브러리가...

페이지 전환 애니메이션이 들어간 멀티 페이지 React 애플리케이션을 제작하는 데 react-router와 react-transition-group 모듈이 사용되는 것을 이 튜토리얼에서 보여드리겠습니다.

완벽한 캐러셀 제작하기 튜토리얼에 다신 오신 것을 환영합니다. 자바스크립트와 Popmotion의 물리(physics), tween, 입력 추적(input tracking) 기능을 사용해 접근 가능하고 매력적인 캐러셀을 만들어 보겠습니다.

캐러셀(carousel)은 스트리밍 사이트와 e-커머스 사이트에서 중요한 요소입니다. 아마존과 넷플릭스 모두 캐러셀을 중요한 내비게이션 도구로 사용하고 있습니다. 이 튜토리얼에서 두 사이트의 인터랙션 디자인을 평가하고, 그 평가 결과를 완벽한 캐러셀을 실행하는데 활용해 보겠습니다.

데이터를 보여주는 데 가장 흔히 쓰이는 UI 중 하나가 table 입니다. table로 작업할 때 다음과 같이 제어해야 할 측면이 많다는 것을 알게 됩니다.

Anime.js는 자바스크립트를 기반으로 하는 경량의 애니메이션 라이브러리입니다. 여러분은 웹페이지에서 여러 가지 CSS 속성과 SVG 혹은 DOM 속성을 움직이는 데 이 라이브러리를 이용할 수 있습니다. 라이브러리에서는 애니메이션에 관한 모든 것이 제어 가능하고, 타깃으로 하고...

이 튜토리얼에서는 Facebook의 Flux 아키텍처와 React 기반 애플리케이션에서 데이터 흐름을 처리하는 방법에 대해 배웁니다. Flux의 기본을 다루고 개발의 동기를 이해 한 다음 간단한 가상 지갑 응용 프로그램을 작성하여 배운 내용을 연습 해 보겠습니다.

Meteor 프로젝트는 자바 스크립트로 작성된 앱을 만들 수 있는 오픈 소스 웹 앱 개발 플랫폼입니다.

여러분은 이 튜토리얼 시리즈에서 React를 이용하여 블로그 앱을 어떻게 제작하는지 알게 될 것입니다. 이 튜토리얼 시리즈를 통해 애플리케이션 UI를 개발하는 데 React를 어떻게 사용하는가에 집중하게 됩니다.