기록장

[01]자바스크립트의 특징으로 아닌 것은 1 웹의 동작(동적) 구현하기 위한 언어 2 웹 브라우저에서 동작(단, node.js는 서버에서 동작) 3 html문서 내에서  ~  태그 안에 작성 4 대소문자를 구별한다 5 객체 기반의 스크립트 언어 6 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 불가능 정답:- 대소문자를 구별         - 웹 브라우저 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능 [02]변수(Variable)의 간단히 설명하기 정답: 변수란 데이터를 저장할 수 있는 메모리 공간을 의미합니다.  [03]상수(constant)의 간단히 설명하기 정답: 한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없습니다. [04]자바스크립트의 데이터 타입이란..

| 문제상황click이벤트를 사용한 반응형 웹페이지 제작시데스크탑에서는 정상작동하지만 갤럭시 폰에서 특정버튼에 터치이벤트가 걸리지 않음= > click touchend 를 줬더니 대부분 동자갛나, 몇개의 터치 이벤트 동작이 안됨 | 문제의 코드 $(document).ready(function () { $(".drag_box_inner_btn .box_playlist").on("click touchend ", function () { let img = $(this).find("img"); if (img.hasClass("widget_active_bgm")) { img.re..

| 목표안경 낀 고양이 외의 요소(플레이리스트, 시계, 왼쪽 사이드의 고양이들 등) 들은각 sub/ 의 html 안에서 공통적으로 쓰일 div이며,js의 script 또한 동작해야함    | 방법  1. 공통으로 넣을 div를 가진, html 파일을 만듬 (common_widget.html)⚠️ meta tag 빼고 div 알맹이만 가지는 파일이 돼야함 ⚠️ Insomnia's Room .... 그 외 div요소들 2. 공통으로 넣어질 html (common_widget.html) 파일의 css와 js를 만듬(common.css /sub_common.js)// 아래는 이해를 돕기위한, sub_comm..

| 문제상황index.html과 sub/subpage.html 은 같은 JS를 공유해서 사용하는 상황.같은 mp3파일을 JS를 통해 가져와야 하는데,경로가 달라서 JS가 sub/subpage.html 에서 동작할경우'. ./ '가 추가되어야 함 $(document).ready(function () { const basePath = window.location.pathname.includes('/sub/') ? '../' : ''; const audioPaths = { Bgm1_Fireplace: basePath + 'bgm/DC_fire.mp3', Bgm2_Rain: basePath + 'bgm/DC_rain.mp3', Bgm3_MxRedKeyboard: ..

나 같은경우 이제껏 제이쿼리를 사용할때 html 파일안에  아래와 같이 CND을 불러왔었는데, 그래서 아래 제이쿼리 CDN이 제이쿼리를 사용하고 있는 .js 파일보다 밑에 있을때동작이 안돼서 해매는 경우가 있었당 위의 서순으로 구성해야 동작됨    제이쿼리를 사용하는 js코드 위에, CDN을 넣으면 동작이 되는데,위 Jquery CDN을 불러오는 형태로는 .js 파일안에 넣는게 불가능하기 때문에다른 형식으로 .js에 넣는 방법은 다음과 같당 // Load jQuery$.getScript("https://code.jquery.com/jquery-3.6.0.min.js", function () { console.log("jQuery..