React
-
[React] Prompt 커스텀해서 제어하기 :: 마이구미React 2019. 10. 3. 12:53
이 글은 react-router 에서 제공하는 Prompt 컴포넌트를 다룬다. 페이지 뒤로가기 또는 다른 페이지 이동으로 하면, 바로 페이지 전환이 일어난다. 때로는 Confirm 과 같은 창을 통해 페이지 이동을 막고 제어하는 것을 원할 수 있다. react-router(v4) 를 사용하고 있다면, 쉽게 제공해주는 으로 해결할 수 있다. 참고 링크 - https://medium.com/@michaelchan_13570/using-react-router-v4-prompt-with-custom-modal-component-ca839f5faf39 브라우저에서 뒤로가기 뿐만 아니라 페이지 이동을 막는 것이 필요한 경우가 많다. 이를 해결하기 위한 방법으로 네비게이션 가드(Navigation Guard) 라고 ..
-
create-react-app 에서 service worker 커스텀하기 :: 마이구미React 2019. 8. 21. 23:37
이 글에서는 create-react-app 에서 Service Worker 커스텀을 다루려고 한다. CRA 을 사용한다면, eject 를 하고 싶지 않은 경우가 많을 것이다. 웹팩의 경우는 react-app-rewired 와 같은 라이브러리를 통해 커스텀하고있다. 서비스 워커는 sw-precache 라이브러리를 사용할 수 있다. React 를 사용할 때, create-react-app 을 통해 셋업을 하는 경우가 많다. 우리는 복잡한 빌드 설정를 걱정하지 않고 편하게 사용할 수 있다. Webpack, PWA, Service Worker 등 대부분 우리가 원하는 것들을 이미 제공해주고 있다. 따로 설정 변경이 필요하지않는다면, 굳이 시간을 쓸 필요가 없다. 하지만 CRA 에서 제공하는 설정을 커스텀해야할 ..