React 프로젝트를 프로덕션에 배포 하기 위해서 build를 하게 되는데 js, css 파일들의 sourcemap 이 같이 생성 된다. sourcemap은 minify 된 파일 디버깅을 편하게 하기 위해서 만드는걸로 알고 있는데 프로덕션 배포시에 이 파일이 딱히 필요없다고 생각한다. 그래서 build 할 때 sourcemap을 생성하지 않고 build…
회사 프로젝트 서버는 현재 django를 사용하고 있고 django template 에는 jQuery, vanilla.js 등 섞여 있는 상태이다. webpack을 쓰지 않고 현 상태에서 특정 부분만 react로 변경 가능한지 궁금했고 브라우저에서 react를 바로 사용하려면 어떻게 해야 하는지 궁금해서 테스트를 해보았다. react.js, react…
Mobx 를 공부해보려고 create-react-app 으로 프로젝트를 생성했다. 예제에 있는 코드를 입력하고 build 가 되길 기다렸는데 다음과 같은 에러가 발생했다. decorator 가 정상적으로 동작하지 않는것이다. decorator 는 es7 에 포함되는걸로 알고 있는데 create-react-app 기본 babel 설정에 es…
3 년만에 react-bingo 프로젝트를 다시 시작 하면서 코드를 보니 예전에 props 의 값에 따라서 class 를 추가 하고 빼주기 위해서 classnames 를 사용했던 코드들이 있었다. 요즘은 classnames 라이브러리 없이 여러개의 class 를 props, 특정값에 따라서 넣고 뺄 수 있는지 찾아보니 ES…
예전에 다른분이 추천을 하는 링크를 봐서 기억하고 있었는데 회사에서도 프론트 개발자분들이 주로 사용하는거 같아서 설정 방법을 알아봤다. create-react-app 으로 주로 사용하고 있어서 설정하는 방법을 정리 해볼까 한다. 프로젝트 생성 으로 프로젝트를 생성한다. 프로젝트 구조 생성된 프로젝트의 구조는 다음과 같다. antd 설치 css…
요즘 React 에 흥미를 느끼면서 이거저거 해보고 공부를 하고 있다. 이전에는 프론트엔드 개발을 하면서 build 만 watch 같은 것들을 따로 설정하지 않고 작업을 했었는데 React 를 공부하는 김에 겸사 겸사 공부를 하게 되었다. 기본 디렉토리 구조 디렉토리 구조는 아래와 같다. src 에는 개발단계에서 파일들을 쪼개서 개발을 하고 webpack…
설치 프로젝트 생성 프로젝트 실행 위와 같이 명령어를 치면 xcode 에서 testProject 가 열립니다. run 을 실행하면 build 가 되고 터미널 창이 하나 열리면서 서버가 실행이 된다. 그리고 iOS Simulator 이 실행되고 다음과 같은 화면을 확인 할 수 있다. 만약 xcode 에서 run…