======
디버깅
======

개발용으로 빌드한 소스코드는 운영용 빌드에 비해 속도와 파일 크기가
크기때문에,

실제 운영용으로 배포하지 않는 것을 권장 드립니다.

디버깅 순서

1. config/index.js 내 devtool: ‘inline-source-map’ 설정 확인

2. | 제공되는 npm run start를 통해 개발용으로 빌드
   | (운영용은 디버깅을 제공하지 않습니다.)

3. 개발자 도구 > 소스 내에서 webpack:// 경로의 파일 참조

.. image:: ../../_static/spa/sup/debug/1.png
   :alt: 텍스트이(가) 표시된 사진 자동 생성된 설명
   :width: 6.26389in
   :height: 4.97222in

.. note::

    Devtool 설정 관련

    https://v4.webpack.js.org/configuration/devtool/#root

.. note::

    Safari에서 해당 소스 맵을 일부 지원하지 않는 경우가 있습니다.