alert를 사용하니 텍스트 복사가 되지 않습니다.

Question

원인은 navigator.clipboard.writeText(text); Clipboard API를 비동기적으로 처리해주지 않아서 인 것 같은데, 아직 개념이 부족해서 그런지 왜 alert 같은 동기적 코드와 해당 writeText 코드를 같이 두었을때 복사가 이루어 지지 않는지 모르겠습니다. 순서대로 진행 되더라도 alert가 동작한 뒤에 copy가 이루어 져야 하는 것이 아닌가요?혹시 이에 대해서 설명해 주신다면 정말 감사드릴것 같습니다..!!

Clickin · Accepted Answer

alert는 화면 표시이니 자바스크립트 엔진의 메인 스레드를 동기적으로 사용하는 형태입니다.게다가 확인을 누르기 전까진 리턴해주질 않아서 콜 스택을 계속 차지하고 있겠죠그럼 다른 비동기 함수는 거기에 끼어들 수가 없습니다.자바스크립트 엔진이 OS 스케줄러처럼 시분할 선점형 방식으로 설계된 게 아니라 이벤트 루프 기반으로 설계되어있으니까요

kenu,전독시 · Answer

alert()를 모달로 바꾸면 어떨까요?UI는 비슷하니까요.

ㅇㅋ · Answer

이유는 단순하게 API 가 비동기 컨텍스트로 동작하도록 만들어졌기 때문입니다.관련해서 이유를 찾아보려고 했지만 제가 찾지를 못하는건지 명확하게 설명된 곳은 없는것 같네요.제 추측으로는 아마 클립보드 관련 동작으로 다른 동작에 방해가 되지 않게 하기 위해서 그렇게 설계한 것이 아닌가 싶습니다.그리고 http:// 에서는 동작하지 않습니다.https:// 프로토콜, local file:// 프로토콜 에서만 동작합니다.

alert를 사용하니 텍스트 복사가 되지 않습니다.

3개의 답변

기술 목록