기록장

5. 배열 객체의 메소드 (push,pop,shift등)

📌 배열 객체의 메소드- push(): 배열의 요소를 추가 - pop(): 배열의 마지막 주소에 있는 값을 제거  - shift(): 배열의 첫번째 주소에 있는 값을 제거  - concat() : 두 개의 배열을 합침 - join() : 배열 요소 사이에 원하는 문자를 삽입  - reverse() : 배열을 역순으로 재배치 - sort() : 배열을 오름차순으로 정렬  | 예시코드  | 결과

[HTML] Emmet으로 빠르게 끝 숫자증가 증가클래스/내용 넣기

ul>li.c$*5{dd$}이렇게 입력하면  dd1 dd2 dd3 dd4 dd5 이렇게 숫자가 증가된 상태로 요소를 만들 수 있음

📌 연산자1. 산술 연산자산술 연산자: 사칙연산 및 기본적인 연산을 수행하는 연산자.예시: +, -, *, /, %2. 비교 연산자비교 연산자: 두 피연산자의 상대적인 크기를 비교하여 참 또는 거짓을 반환.예시: ==, ===, !=, >, =, 3. 대입 연산자대입 연산자: 변수나 상수에 값을 할당할 때 사용하는 연산자.= : 우측 값을 좌측 변수나 상수에 대입.+=, -=, *=, /=, %=, **=: 우측 값을 좌측 값과 연산한 후, 다시 좌측 변수에 대입.4. 증감 연산자증감 연산자: 변수의 값을 1씩 증가 또는 감소시킬 때 사용.++변수 : 변수를 먼저 1 증가시키고 나서 연산을 수행.변수++ : 연산을 먼저 수행한 후에 변수를 1 증가시킴.--변수 : 변수를 먼저 1 감소시키고 나서 연산을..

alert () 또는 window.alert() : 사용자에게 메시지를 보여주고, 확인을 기다림alert("안녕하세요!"); // 메시지를 보여주고 확인 버튼을 기다림confirm() 또는 window.confirm() : 메세지를 보여주고 확인/취소를 누르면 불리언값으로 결과보임let result = confirm("계속하시겠습니까?"); // 확인을 누르면 true, 취소를 누르면 false 반환prompt() 또는 window.prompt() : 사용자에게 메세지를 보여주고 입력한 문자열을 리턴let name = prompt("이름을 입력해주세요:"); // 메시지를 보여주고 입력한 문자열을 반환 이렇게 반환한 t/f 값으로 다음 js를 작성해서 연계 할 수 있음! 👍👍👍

📌자바스크립트의 타입변환자바스크립트의 변수는 타입이 고정되어 있지 않음. 같은 변수에 다른 타입 값을 대입할 수 있음.let a = 10; // 숫자형a = "안녕"; // 문자열형  1. 암시적 타입 변환암시적 타입 변환: 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환해서 사용함.NaN은 '정의되지 않은 값'이나 '나타낼 수 없는 값'을 의미함.예시: 0을 0으로 나누거나, 숫자로 변환할 수 없는 연산을 시도한 경우 NaN 반환.NaN (Not a Number)2. 명시적 타입 변환자바스크립트는 자동으로 타입 변환을 수행하지만, 명시적으로 타입을 변환해야 할 때도 있음.이를 위해 사용할 수 있는 함수는 다음과 같음:[명시적 타입 변환의 종류] Number() : 문자를 숫자..

📌 자바스크립트의 특징 웹의 동적 동작을 구현하기 위한 언어웹 브라우저에서 실행되며, 서버 환경에서는 Node.js로 동작 가능HTML 문서 내에서 태그 안에 작성대소문자를 구별함 (let과 Let은 다른 변수로 인식)객체 기반의 스크립트 언어로, 다양한 객체를 활용하여 동작을 구현웹 브라우저 자바스크립트 엔진이 내장되어 있어 별도의 설정 없이 사용 가능 📌 use strict (js 작성시 최상단에 작성) 자바스크립트에서 strict mode를 사용하겠다는 선언엄격한 문법을 적용하여, 실수를 줄이고 코드 품질을 높이는 역할예: 변수 선언 없이 사용 불가, 대소문자 명확하게 구분상단에 "use strict";를 추가하여 활성화 가능use strict 없이도 코드를 작성할 수 있지만, 이를 사용하면 ..

| 방법ifream 가져올때, 아래의 해상도별 파라미터를 추가함144p: &vq=tiny240p: &vq=small360p: &vq=medium480p: &vq=large720p: &vq=hd7201080p: &vq=hd10801440p: &vq=hd14402160p (4K): &vq=hd2160  | 예시코드*loop나 playlist 파라미터는 개인적으로 넣은 부분이라 무시하셔도 됩니다// &vq=tiny ​

| 문제상황영상이 재생 되기전, 썸네일 이미지를 보여 주고 싶은데, 따로 서버에 이미지를 올리지 않고 스크립트를 쓰지않고 빠르게html과 css로만 가져오려면 어떻게 해야할지 고민중인 상황(원래 모든 영상을 내 자체 서버에 올리려고 했는데 용량이 너무 크고(30분이상의 영상 X 7), 서버가 닫히면 영상을 불러올수없는 상황이 발생하는 등의 이유로 사용을 지향하는편)   | 방법 | 전체 코드  위 처럼 일반적으로 유튜브 영상 불러오는 iframe 위에 썸네일을 불러오는 아래의해결코드 (이미지 주소)를 넣고css로..

| 문제상황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..