Recent Posts
  • github pull request template 만들기

    npm으로 plugin을 만들다 보면, 다른 분들의 plugin 만드는 방식들을 살펴보는 경우가 많습니다. 주로 유명한 플러그인 (React 또는 Babel 등등..) 을 살펴보게 됩니다. 특히나, 오픈소스로 공개하는 것이기 때문에, 다른 개발자분들이 보시고 문제가 있는 부분들을 지적하실 수도 있고 이슈에 대한 사항을 보내는 경우도 있으실 수 있지요 (물론.. 저는 아직까지 경험해보지 못했습니다^^;;) 아니면,...


  • react + typescript + webpack4 - 2. package.json 설정 및 데모

    이전 포스팅에 react와 typescript, webpack4를 활용한 tsconfig 및 webpack을 설정하였습니다. 이제 빌드환경은 구축했으니, 실제 환경별로 script를 실행하는 부분 설정과, 간단한 페이지를 만들어 보도록 하겠습니다. :) package.json 설정 webpack에 대한 설정을 마쳤고, webpack을 프로젝트 root단에서 설정하였습니다. 저는 환경을 개발환경을 위한 development와 배포 환경을 위한 production으로 나누고자 합니다. { "scripts": { "dev":...


  • react-native + typescript - 1. 기본 설정

    사이드로 진행하는 프로젝트에서, react-native를 사용한 앱을 만드는 토이 프로젝트를 진행했습니다. 이번에도 역시 주저없이 react와 typescript를 이용하여 앱을 만들고자 했고, create-react-native-app을 이용해서 App base를 만들고자 했습니다. 추가적으로 create-react-native-app에는 expo라는 sdk를 내장하고 있습니다. expo는 react-native에 필요한 모듈들을 기본적으로 내장하고 있으며, 디버깅 또는 watch file들을 통해서 앱을 좀 더 쉽게 만들 수 있도록...


  • react + typescript + webpack4 - 1. 설정하기

    react + typescript + webpack4 - (1) 설정하기 최근에 react에 관련된 프로젝트는 typescript로 진행을 하고 있습니다. 최근에 webpack4에 대해서 알아볼겸, typescript와 react를 같이 사용하면서, mobx도 같이 연동하는 example을 미리 만들어서 대비해야 겠다는 생각에, project를 진행하게 되었습니다. 이번 내용은 react와 typescript를 webpack4를 이용하여 만드는 첫번째 내용으로, 설정하는 부분부터 다뤄보고자 합니다. 사용법...


  • react에 typescript 적용시 styled-components 이슈

    data에 대한 type 정의 및 다양한 잠재적 오류를 예방하기 위해 요새는 모든 react 프로젝트들을 typescript를 이용하여 개발하고 있습니다. 개발하는데에 있어서 input 과 output의 명확함. 명세가 필요없는 type 정의 및 type error 및 linting을 이용한 오류 예방적인 측면에서 typescript는 여러모로 도움이 되고 있습니다. 그러나, 몇가지 부분에서는 개발하는데 어려움을 겪습니다. 예를들면, 저는...