안녕하세요 저자님.
p.577 13-9예제 질문드립니다.
https://ancandy.github.io/web1/13-9.html
Q. start 버튼 누르고 stop누른후 다시 start를 누르면 타미어가 작동할것으로 기대하고
코드를 작성했는데 안되네요..
한번 close함수를 호출한 워커태스크는(timer.js) 재사용이 안되나요?
2020.09.12 16:31
예제 13-9 질문드립니다.
조회 수 100 댓글 4
- ?
-
?
네 답변 감사합니다. 그런데,
답변주신것처럼 new Worker("timer.js");로 코드를 작성했는데
기대와는 달리 타이머가 작동안됩니다. -
?
다음 코드를 이용해보세요. 잘됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title></title>
<style></style>
<script></script>
</head>
<body>
<h2>타이머</h2>
<hr>
<span id="timer">타이머 카운트</span><br>
<button type="button" id="start" onclick="start(event)">start</button>
<button type="button" id="stop" onclick="stop(event)">stop</button>
<script>
var worker = null;
var span = document.getElementById("timer");
function start(e) {
if (worker != null)
return;
else{
worker = new Worker("timer.js");
worker.onmessage = function (e) {
span.innerHTML = e.data;
}
worker.postMessage("start");
}
}
function stop(e) {
worker.postMessage("stop");
worker = null;
}
</script>
</body>
</html> -
?
아..감사합니다.
worker.onmessage = function (e) {
span.innerHTML = e.data;
}
저의 코드에서 새로만든 워커객체에 리스너를 안달아줬네요.
답변 감사드립니다!
QnA
공부하면서 궁금했던 것을 질문해보세요.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18281 |
| 343 | 배경슬라이드가 뭔지 추가설명하겠습니다 2 | hansung | 2019.06.27 | 92 |
| 342 | p.469 실습 5번문제 4 | 열심히 공부하는 독자 | 2020.08.29 | 92 |
| 341 | 예제 2-18 1 | 새싹 | 2018.04.18 | 94 |
| 340 | 예제코드 크롬 브라우저실행 1 | ㅇ | 2018.09.17 | 94 |
| 339 | html5 태그 검사 2 | 열공이 | 2022.03.10 | 94 |
| 338 | 웹서버와 클라이언트 2 | tc0712 | 2021.09.14 | 95 |
| 337 | 오타제보합니다. 1 | 컴퓨터공학생 | 2020.08.30 | 96 |
| 336 | 303p. 12번에 2질문 드립니다 1 | 미 | 2020.10.15 | 96 |
| 335 | 예제4-5 질문드립니다. 3 | 초보 | 2020.04.27 | 97 |
| 334 | 교재 413page 질문입니다. 1 | ㅁㅇㄻㄴㅇㄹ | 2019.08.20 | 98 |
| 333 | 이벤트 흐름 1 | 궁금이 | 2021.05.28 | 99 |
| » | 예제 13-9 질문드립니다. 4 | 열심히 공부하는 독자 | 2020.09.12 | 100 |
| 331 | 2-26 오디오 삽입 모바일 문의 2 | 한수연 | 2017.12.12 | 101 |
| 330 | 교재403page 예제9-8 코드 질문입니다. 1 | asdf | 2019.08.19 | 101 |
| 329 | 예제 9-8 질문입니다. 2 | 모르겠어요 | 2020.07.31 | 101 |
| 328 | 몽구스 웹서버가 뭔가요? 1 | 안녕하세요 | 2020.08.16 | 101 |
| 327 | 캔버스 관련 질문 1 | 원그리기 | 2021.08.22 | 101 |
| 326 | 웹 워커 13-7 결과 55가 출력되지 않습니다. 1 | chg115 | 2021.12.03 | 101 |
| 325 |
예제 2-18
1
|
새싹 | 2018.04.18 | 103 |
| 324 | 책을 종이책으로 구매했는데 1 | ddd | 2024.03.21 | 103 |
close()는 워커 태스크를 종료시키는 함수입니다.
스레드나 프로세스가 종료되면 운영체제의 프로세스 리스트나 스레드 리스트에서 제거되는 것처럼
브라우저가 태스크 리스트에서 제거해 버리기 때문에 태스크 자체가 없어진 것입니다.
태스크와 timer.js를 약간 구분하는 것이 좋은데요,
태스크는 브라우저가 관리하는단위이고, 태스크가 실행하는 코드는 timer.js입니다.
자바의 스레드를 생각해보면 스레드 코드에서 run() 함수가 종료하면 스레드가 사라지게 되고
더 이상 스레드를 살릴 수 있는 방법이 없습니다. new Thread().start()를 호출하여 새로 스레드를 생성해야 하는 것처럼
워커 태스크로 new Worker("..."); 해서 새로 태스크를 생성해야 합니다.
파일의 경우에도 open() 후 읽고 쓰다가 close()하면 파일이 닫힙니다. 파일이 닫힌다는 의미는
파일 open() 시에 만들어둔 운영체제 내부의 자료 구조들(파일 테이블 항목 만들기, 파일 디스크립터 번호 할당 등) 을 모두 해제시켜 더 이상 읽기 쓰기가 안되는 거죠,
다시 open() 하면 운영체제는 내부에 파일을 읽고 쓸 수 있는 구조를 만들고 그 후에 읽기 쓰기가 되는 것처럼 말이죠,