Programing Language/JavaScript19 $(".loginBtn").on("click", function() { }); 코드가 작동하지 않는 이유 html에서 있고, chatEx01.js 에 있는 $(".loginBtn").on("click", function() { } );이 작동하지 않는 이유 >> 2번에서 $(document).ready() 써서 해결함 1. jQuery가 로드되지 않음문제: $ 기호는 jQuery 라이브러리를 의미. jQuery가 로드되지 않으면 $는 정의되지 않아 클릭 이벤트가 작동하지 않습니다. 2. DOM이 완전히 로드되지 않은 상태에서 실행됨 문제: 스크립트가 실행될 때 DOM이 아직 로드되지 않아서 .loginBtn 요소를 찾을 수 없을 수 있다. 해결 방법: $(document).ready()를 사용하여 DOM이 완전히 로드된 후 이벤트를 바인딩해야 합니다. $(document).ready( functio.. 2025. 1. 21. [ JS ] WebSocket 객체 WebSocketHTML5에서 제공하는 API로, 클라이언트와 서버 간에 양방향 통신을 할 수 있게 함 HTTP와 달리, WebSocket은 지속적인 연결을 유지하며 실시간 데이터 전송이 가능 const socket = new WebSocket('ws://localhost:8090/echo');** ws://localhost:8090/echo경로에 WebSocket 연결을 시도** 연결이 성공하면 클라이언트와 서버 간에 실시간 데이터를 송수신 가능** WebSocket객체( socket )를 통해 이벤트 핸들러( onopen, onmessage, onclose ... )를 설정하여 연결 상태와 메시지를 처리할 수 있다.ws:///echo WebSocket 프로토콜을 의미서버의 특정 WebSocket 경로.. 2025. 1. 14. setTimeout() 3초뒤 특정 함수 실행 setTimeout( function(){ }, 3000); 2023. 5. 17. 선택자 document.getElementById( ) , $( ) 일반 JS에서 선택자인 document.getElementById( ) 제이쿼리에서 선택자인 $( ) document.getElementById( 'MasterGrid' ) 랑 $("#MasterGrid")[0] 가 완전히 일치하는걸 알수 있음 $("#MasterGrid") 랑 document.getElementById( 'MasterGrid' ) 이게 같은게 아니라 2023. 5. 16. encodeURIComponent( ) , 이스케이핑 JavaScript - Reference - Standard built_in objects - encodeURIComponent() https://opentutorials.org/course/50/190 encodeURIComponent - 생활코딩 요약(Summary) URI로 데이터를 전달하기 위해서 문자열을 인코딩 문법(Syntax) encodeURIComponent(string) 인자(Parameters) 인자명 데이터형 필수/옵션 설명 string string 필수 인코딩할 문자열 반환값(Return) string, opentutorials.org encodeURIComponent( 문자열 ) --> 인코딩된 문자열 URI로 데이터를 전달하기 위해서 문자열을 인코딩 웹에서, 특정 문자들은 특수한.. 2023. 2. 2. JavaScript https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference#%EC%B6%94%EA%B0%80_%EC%B0%B8%EA%B3%A0_%ED%8E%98%EC%9D%B4%EC%A7%80 JavaScript 참고서 - JavaScript | MDN 이 페이지는 JavaScript 언어에 대한 정보 보관소입니다. 이 참고서에 대해 더 읽어보세요. developer.mozilla.org JavaScript 내장 객체 명령문 표현식 및 연산자 함수 자료형과 자료 구조 기타 등등 2023. 2. 2. 이전 1 2 3 4 다음
