[javascript] Parcel에서 웹 USB를 사용하는 방법은?

22 Nov 2023

javascript

Parcel에서 웹 USB를 사용하려면 다음 단계를 따르세요:

프로젝트 설정: Parcel을 사용하여 프로젝트를 설정합니다. 프로젝트 디렉토리에서 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행하세요:
```
npm init -y
npm install parcel-bundler --save-dev
```
HTML 파일 생성: 프로젝트 디렉토리에 index.html 파일을 생성하고 다음과 같이 작성하세요: ```html <!DOCTYPE html>

Parcel 웹 USB 예제

웹 USB 예제

3. JavaScript 파일 생성: 프로젝트 디렉토리에 index.js 파일을 생성하고 다음과 같이 작성하세요:
```javascript
navigator.usb.requestDevice({ filters: [] })
  .then(device => {
    console.log('장치가 선택되었습니다.', device);
  })
  .catch(error => {
    console.error('장치 선택 오류:', error);
  });

개발 서버 실행: 터미널 또는 명령 프롬프트에서 다음 명령을 실행하여 Parcel 개발 서버를 실행하세요:
```
npx parcel index.html
```
웹 브라우저에서 확인: 개발 서버가 실행되면 웹 브라우저에서 http://localhost:1234로 접속하여 웹 USB 예제를 확인하세요.

이제 Parcel을 사용하여 웹 USB를 사용할 수 있는 예제를 만들었습니다. 이 예제는 USB 기기를 선택하는 간단한 예제일 뿐이며, 더 많은 웹 USB API 기능을 사용하고 싶다면 해당 API 문서를 참조해주세요.