1. npm install 또는 yarn install을 사용하여 Parcel 및 의존성 패키지를 설치합니다.

2. HTML 파일에 <script> 태그로 디버깅할 JavaScript 파일을 추가합니다.

<script src="your-script.js"></script>

1. 개발 환경에서 Parcel을 실행합니다.

npm run start

1. 웹 브라우저에서 애플리케이션을 열고 개발 도구를 통해 디버깅합니다. 대부분의 모던 웹 브라우저에는 내장 개발 도구가 있습니다.

2. 개발자 도구를 열고 소스코드를 확인하고 중단점을 설정합니다. 디버깅 도구에는 브레이크포인트, 로그, 변수 값 확인 등 다양한 디버깅 기능이 제공됩니다.

3. 애플리케이션을 다시 로드하면 중단점에서 일시 중지됩니다. 이 상태에서 코드를 단계별로 실행하거나 변수 값을 확인할 수 있습니다.

이렇게 함으로써 Parcel에서 쉽게 디버깅할 수 있습니다. Parcel은 개발 경험을 향상시키기 위해 다양한 디버깅 도구와 연동되므로 효과적인 디버깅이 가능합니다.

참고 자료:

• Parcel 공식 문서
• Parcel 디버깅 가이드