안녕하세요 저자님.
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 | 18279 |
| 403 | 오픈챌린지 5장 | ces | 2024.04.19 | 20 |
| 402 | 책을 종이책으로 구매했는데 1 | ddd | 2024.03.21 | 100 |
| 401 | 저기 황기태 저자님 1 | 방문자 | 2024.02.10 | 146 |
| 400 | 428p 예제 9-21 키이벤트 응용 질문이 있습니다. 3 | 아인슈페너 | 2023.11.24 | 77 |
| 399 | 연습문제 3장 5번 문제 1 | seungjun | 2023.10.26 | 129 |
| 398 | 2장 오픈챌린 | cmc | 2023.09.17 | 148 |
| 397 |
웹서버소프트웨어
1
|
park | 2023.04.15 | 197 |
| 396 | Sublime Text, VS code IDE설명 update바랍니다 1 | 삼오칠 | 2023.04.15 | 90 |
| 395 | Atom은 IDE 리스트에서 삭제해주세요. 1 | 삼오칠 | 2023.04.15 | 84 |
| 394 |
예제 2-25 <video>태그로 비디오 삽입
2
|
코딩어렵다 | 2023.04.13 | 87 |
| 393 |
예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p)
2
|
코딩어렵다 | 2023.04.12 | 54 |
| 392 | 비정형 표 만들기 다운로드 1 | 애치 | 2023.04.04 | 103 |
| 391 |
오픈챌린지 5
|
ab | 2023.02.17 | 169 |
| 390 | 오픈챌린지 1 | ab | 2023.02.16 | 138 |
| 389 | form 태그 1 | 열공이 | 2023.01.31 | 88 |
| 388 |
예제 2-21 질문입니다.
1
|
열공이 | 2022.12.23 | 117 |
| 387 |
계산기 문제 변형 문의
|
Mikael | 2022.12.13 | 56 |
| 386 | 6장 이론문제 9번 지역,전역,블록변수 질문이요. | 문신 | 2022.12.10 | 60 |
| 385 | 2장 이론 문제 답 문의 | MIKAEL | 2022.12.09 | 241 |
| 384 | 2장 이론문제 4번 답 문의 | MIKAEL | 2022.12.09 | 82 |
close()는 워커 태스크를 종료시키는 함수입니다.
스레드나 프로세스가 종료되면 운영체제의 프로세스 리스트나 스레드 리스트에서 제거되는 것처럼
브라우저가 태스크 리스트에서 제거해 버리기 때문에 태스크 자체가 없어진 것입니다.
태스크와 timer.js를 약간 구분하는 것이 좋은데요,
태스크는 브라우저가 관리하는단위이고, 태스크가 실행하는 코드는 timer.js입니다.
자바의 스레드를 생각해보면 스레드 코드에서 run() 함수가 종료하면 스레드가 사라지게 되고
더 이상 스레드를 살릴 수 있는 방법이 없습니다. new Thread().start()를 호출하여 새로 스레드를 생성해야 하는 것처럼
워커 태스크로 new Worker("..."); 해서 새로 태스크를 생성해야 합니다.
파일의 경우에도 open() 후 읽고 쓰다가 close()하면 파일이 닫힙니다. 파일이 닫힌다는 의미는
파일 open() 시에 만들어둔 운영체제 내부의 자료 구조들(파일 테이블 항목 만들기, 파일 디스크립터 번호 할당 등) 을 모두 해제시켜 더 이상 읽기 쓰기가 안되는 거죠,
다시 open() 하면 운영체제는 내부에 파일을 읽고 쓸 수 있는 구조를 만들고 그 후에 읽기 쓰기가 되는 것처럼 말이죠,