[웹 디자인] 가독성 좋은 넓이 (Line length)

Material Design 가이드 라인에서 Style/Typography를 확인하던 중, 늘 무심코 읽고 넘겼던 부분이 마음에 걸려 오늘 자세히 보기로했습니다. 이부분중에서...

3편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - Trello Board 생성

우리는 이전 편에서 graphcool 서버를 만들었고, 기본적인 graphql에 대해 다뤘다. 이번 편에서는 트렐로의 보드를 만들어 볼 것이다.참고: 이번 튜토리얼을 진행 하...

Invision Studio의 데모에서 찾아낸 "BEST 10"

저는 Sketch+Invision 유저입니다.요즘, Sketch 업데이트 소식이나 노하우등의 소식보다 "Invision Studio"관련 소식이 더 궁금합니...

2편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - graphcool (GraphQL 서버 만들기)

참고: 이번 튜토리얼을 진행 하기 위해 진행 되는 코드를 깃헙에 업로드 해놨으니, 이 튜토리얼을 진행하고 싶다면 아래에서 소스를 클론 받은 후 아래의 내용을 따라가기를 추천 ...

Invision Studio의 첫인상 (익숙한 모양과 새로운 모습)

유튜브 공개 영상 Invision은 Sketch와 Framer와 경쟁하기 위해 꽤 인상적인 디자인 툴을 발표했습니다. 나는 유튜브 공개 영상을 보면서 간략히...

InVision Studio를 소개합니다

세계에서 가장 강력한 스크린 디자인 도구좋은 화면 디자인은 인간의 상호 작용을 형성합니다. 성공하는 제품과 뒤쳐지는 제품의 차이는 종종 당신이 좋아하는 제품과 당신이 단순히 ...

1편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - 프로토타입

참고: 이번 튜토리얼을 진행 하기 위해 진행 되는 코드를 깃헙에 업로드 해놨으니, 이 튜토리얼을 진행하고 싶다면 아래에서 소스를 클론 받은 후 아래의 내용을 따라가기를 추천 ...

Meteor 프로젝트 생성과 React 설정(17.10.07 수정)

Meteor 프로젝트 생성$ meteor create md-flow 포스팅 시점(17.09.13) Meteor 1.5.2 버전의 meteor dependencies가 설치되고...

0편: React + GraphQL + Flowtype으로 트렐로 클론 웹앱 만들기 - 소개

이 튜토리얼은 트렐로(Trell0) 앱의 가장 기본적인 기능들(보드, 리스트, 카드)을 리액트(React), GraphQL(Apollo)과 Flowtype(자바스크립트 타입 ...

리액트(React) 이해 4 - Higher Order Component(HOC)로 컴포넌트 재사용 하기

리액트에서 컴포넌트를 만들 때 가장 많이 사용되는 패턴은 컴포지션(composition) 패턴이다. 컴포지션을 활용하여 리액트 컴포넌트를 만드는 방법은 다양하지만, 이 중에서...