안녕하세요 저자님.
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 |
| 402 |
span과 text-align : center; 에 관한 문제입니다.
|
승 | 2019.10.15 | 279602 |
| 401 | 11장 6번 | 으엉 | 2019.11.27 | 187627 |
| 400 | placeholder속성 1 | khl | 2017.04.08 | 85726 |
| 399 | 11장 6번 1 | mj | 2018.11.29 | 67560 |
| 398 | 실습문제 8-2 (3) | 13412 | 2018.11.08 | 15490 |
| 397 | 웹 프로그래밍 책 답안지 1 | mumu | 2017.03.06 | 14075 |
| 396 | 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 | 음음 | 2019.01.24 | 8848 |
| 395 | Open Challenge 와 실습문제 자료 2 | 김원상 | 2017.04.29 | 7446 |
| 394 | 14장 예제 사라진 건가요 1 | ... | 2021.03.09 | 4078 |
| 393 | localhost 관련 문의 3 | 소년정 | 2018.02.20 | 4038 |
| 392 |
페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다.
1
|
워니고 | 2018.03.28 | 3878 |
| 391 | ㅠㅠ..질문좀 드리겠습니다.. 1 | 은성 | 2017.04.18 | 3835 |
| 390 | 연습문제 답안지 2 | vdncnck | 2017.03.28 | 3265 |
| 389 | 짝수번 정답 3 | idididid | 2017.12.24 | 3135 |
| 388 | 8장 연습문제 실습문제 4장 2 | student | 2017.05.08 | 2871 |
| 387 | 10장 오픈챌린지 5 | 은성 | 2017.04.07 | 2247 |
| 386 | open challenge 05 2 | hardworking | 2017.03.29 | 2224 |
| 385 | 5장 연습문제 홀수 번 질문 1 | 채XX | 2019.06.17 | 1997 |
| 384 | HTML을 열심히 공부중인 학생입니다 3 | 열심히 하자 | 2018.05.30 | 1962 |
close()는 워커 태스크를 종료시키는 함수입니다.
스레드나 프로세스가 종료되면 운영체제의 프로세스 리스트나 스레드 리스트에서 제거되는 것처럼
브라우저가 태스크 리스트에서 제거해 버리기 때문에 태스크 자체가 없어진 것입니다.
태스크와 timer.js를 약간 구분하는 것이 좋은데요,
태스크는 브라우저가 관리하는단위이고, 태스크가 실행하는 코드는 timer.js입니다.
자바의 스레드를 생각해보면 스레드 코드에서 run() 함수가 종료하면 스레드가 사라지게 되고
더 이상 스레드를 살릴 수 있는 방법이 없습니다. new Thread().start()를 호출하여 새로 스레드를 생성해야 하는 것처럼
워커 태스크로 new Worker("..."); 해서 새로 태스크를 생성해야 합니다.
파일의 경우에도 open() 후 읽고 쓰다가 close()하면 파일이 닫힙니다. 파일이 닫힌다는 의미는
파일 open() 시에 만들어둔 운영체제 내부의 자료 구조들(파일 테이블 항목 만들기, 파일 디스크립터 번호 할당 등) 을 모두 해제시켜 더 이상 읽기 쓰기가 안되는 거죠,
다시 open() 하면 운영체제는 내부에 파일을 읽고 쓸 수 있는 구조를 만들고 그 후에 읽기 쓰기가 되는 것처럼 말이죠,