자바 스크립트 설치?
글쓴이: kkb / 작성시간: 목, 2023/02/16 - 2:32오후
안녕하세요
파이썬으로 웹페이지 내에 채팅 프로그램을 넣고 있는데
서버 프로그램은 파이썬이고
클라이언트는 웹페이지 (HTML, 자바스크립트 등)입니다
인터넷에서 파이썬 서버 프로그램들과 웹 클라이언트들을 참고해서 만들고 있는데
인터넷에서 동작 확인된 코드라고 올라온 코드들도
돌려보면 전부 대화내용창이 안뜹니다.
|
Guest01 : 하이 Guest02 : 응 하이 |
대화입력창이랑 입력버튼 등은 뜨는데(그것들은 HTML 태그니까)
대화내용창(이것은 자바스크립트)이 아예 안 떠요.
빈 공간으로 뜨는 것도 아니고 아예 코드가 없는 것처럼 안나타나요.
인터넷에 올라온 다른 예제들도 전부 대화내용창 부분만 안뜨는 것 보면
제가 자바스크립트를 잘 몰라서 그러는데
혹시 자바스크립트가 실행되려면
자바스크립트 인터프리터와 같은 뭔가가 설치되어 있어야 하나요? 혹은 자바스크립트 라이브러리?
아니면 그냥 웹브라우저만 설치하면 웹브라우저에서 기본으로 동작하는 걸까요?
혹시나 참고로 대화창부분 코드는 아래와 같습니다.
채팅창 부분만 붙여넣었습니다.
<head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var socket = io.connect("http://" + document.domain + ":" + location.port);
socket.on('response', function(msg){
$("#received").append('<p> ' + msg.username + ': ' + msg.data + '</p>');
});
$("form#broadcast").submit(function(event){
if($("#input-data").val() == "")
{
return false;
}
socket.emit("request", {data: $("#input-data").val()});
$("#input-data").val("");
return false;
});
});
</script>
</head>
<body>
<div id="received">
</div>
</body>Forums:
추가로 설치 할 건 없고요
자바 스크립트 엔진은 브라우저에 종속되어 있어서
브라우저가 그렇게 오래된 것이 아니면 문제가 아닙니다
일단 부분적 코드라 딱 집어서 어디가 문제라고
말하기는 어렵고요..
일단 브라우저 개발자 모드(F12)를 열어서 에러가 없는지 확인해 보세요.
스크립트 문제면 에러 메세지가 떠있을 겁니다..
--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--
N년째 초보입니다
답변 감사합니다
디버깅 방법을 알려주셔서 감사합니다.
처음이라 디버깅 방법도 모르고 하네요. 죄송합니다.
GET file://cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js
net::ERR_FILE_NOT_FOUND
Uncaught ReferenceError: $ is not defined
at websocket2.html:7:9
(익명)@websocket2.html:7
위의 URL이 제대로 되지 않은 것인지
일단 좀 더 확인해보겠습니다.
알려주셔서 감사합니다.
에러메시지를 보니까.. 라이브러리 링크가 잘 못된거 같네요..
소스를 보니까 https를 생략하니 로컬 파일로 찾는 모양이네요
소스에 //code.jquery.com/jquery-1.11.2.min.js 와
//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js
의 앞에 각각 "https:"를 추가하시면 될 것 같네요..
--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--
N년째 초보입니다
다시 감사합니다
동작 해결하였습니다.
flask 기본적인 실행방법을 몰랐네요.
웹페이지 기본 경로는 templets에 위치해야 하고.
URL은
//cdnjs...
https://cdnjs...
모두 인식하네요.
cdnjs... 와 같이 생략하는 것은 인식하지 않았습니다.
버전은 제대로 동작하지 않는 버전이 있어서 항상 최신 버전으로 하는 것이 좋을 것 같습니다.
채팅내용창이 안떠서 채팅내용창 코드 부분만 올렸는데
이제 와서 보니 저렇게 저 부분 코드만 올리면 문제를 알 수 없겠네요.
답변주셔서 다시 한번 감사드립니다.
댓글 달기