Latest Posts

react에 typescript 적용시 styled-components 이슈

data에 대한 type 정의 및 다양한 잠재적 오류를 예방하기 위해 요새는 모든 react 프로젝트들을 typescript를 이용하여 개발하고 있습니다. 개발하는데에 있어서 input 과 output의 명확함. 명세가 필요없는 type 정의 및 type...

디자이너와의 협업을 위한 React plugin: react-sketchapp 사용법 (2)

react-sketchapp 사용법 이전 포스팅에서 react-sketchapp에 대한 간략한 소개를 드렸습니다. 이번에는 실제로 프로젝트를 만들고, 디자이너와 협업하기 위한 시작점으로 프로젝트를 생성하여 react-sketchapp을 설치하고, 간단한 test component를 만들어 plugin 형태로 sketch에 배포하는 것을...

디자이너와의 협업을 위한 React plugin: react-sketchapp (1)

React 디자인 협업 도구 - react-sketchapp 제가 React로 작업을 할때 고민이었던 부분은 ‘디자이너와의 협업’ 이었습니다. 물론, 능력이 좋으신 분들은 디자이너분께서 sketch에 만들어 놓으신 prototype을 그대로 뚝딱 만드시는 분들이 계시겠지만, 실제로...

parcel-bundler javascript에서 실행하기

parcel-bundler javascript로 이용하기 parcel-bundler를 terminal의 커맨드라인에서 실행할 수 있습니다. 그러나, browsersync 등을 이용하기 위해서는 javascript에서 parcel-bundler의 middleware를 이용하여 node.js 등 javascript 파일 내에서 활용이 가능합니다. 이번 포스팅은 javascript에서 사용하기 위한...