클립보드와 상호작용 하는 법 - navigator.clipboard

navigator.clipboard

navigator.clipboard 객체는 웹 브라우저에서 제공되는 클립보드 API로, 클라이언트 측에서 클립보드에 접근하고 텍스트 데이터를 읽거나 쓸 수 있도록 하는 몇 가지 함수를 제공한다.

writeText(text: string): Promise<void>

• 클립보드에 주어진 텍스트를 쓰기 위한 함수이다. (= 클립보드에 복사)
• 매개변수 - text : 클립보드에 쓸 텍스트 데이터이다.
• 반환값 - Promise<void> : 비동기적으로 작동하며, 클립보드에 텍스트가 성공적으로 복사되면 이행(resolve)되고, 오류가 발생하면 거부(reject)된다.

navigator.clipboard.writeText('복사할 텍스트')
  .then(() => {
    console.log('텍스트가 클립보드에 복사되었습니다.');
  })
  .catch((err) => {
    console.error('클립보드에 텍스트를 복사하는 동안 오류가 발생했습니다:', err);
  });

readText(): Promise<string>:

• 클립보드에서 텍스트를 읽기 위한 함수이다.
• 반환값 - Promise<string> : 비동기적으로 작동하며, 클립보드에서 텍스트를 성공적으로 읽으면 이행(resolve)되고, 오류가 발생하면 거부(reject)된다.

navigator.clipboard.readText()
  .then((text) => {
    console.log('클립보드에서 읽은 텍스트:', text);
  })
  .catch((err) => {
    console.error('클립보드에서 텍스트를 읽는 동안 오류가 발생했습니다:', err);
  });