인생 1회차 (First-Life) Ing

innerHTML 태그를 포함한 모든 HTML을 반환 innerText 웹 브라우저 화면에 렌더링 되는 (=눈에 보이는) 값만 반환 노드로 저장되지 않는 텍스트 데이터는 제외(폼 요소 안에 작성한 텍스트) textContent 태그 안의 모든 (=눈에 보이지 않는) 텍스트 반환 (, 태그 포함)

trim( ) 앞 뒤의 공백을 제거해주는 함수 ( trimStart( ) : 앞 / trimEnd( ) : 뒤) let a = " a b c d e "; a.trim(); // 'a b c d e' replace( ) 정규식을 함께 이용하여 공백 제거 let text = ' a b c d e'; let regex = / /gi; text.replace(regex, ''); // 'abcde'

ES란? ECAMSCRIPT의 약자로 자바스크립트의 표준 규격을 나타내는 용어 ES5 (2009년) ES6(2015년)출시 매년 업데이트 되고 있지만 ES5와 ES6의 차이가 크기 때문에 많이 비교됨 요즘 많은 회사들이 ES6을 쓰고 있는데 왜 ES5까지 알아야 할까? 기존에 작성된 코드를 이해하기 위해 ES5와 ES6 차이 1. let, const 추가 함수레벨 스코프를 사용하고 재할당이 재선언이 가능한 var 와 달리 let과 const는 블록레벨 스코프를 가지며, let은 재할당 가능, 재선언 불가 const는 재할당/재선언 불가하여 상수에만 쓰임 2. 화살표함수 추가 화살표 함수(Arrow function)가 추가되어 함수를 간결하게 나타낼 수 있고 가독성 및 유지보수성이 올라감 단, 기존의 함수..

Date const date = new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds) => 최소한 연도와 월이 주어졌을 때, Date()의 형태는 Date 객체를 생성할 때 모든 구성 요소(연, 월, 일, 시, 분, 초, 밀리초)를 모두 매개변수에서 가져옵니다. 누락한 요소에는 가장 낮은 값(day는 1, 나머지는 0)을 사용합니다. 모든 매개변수 값은 UTC가 아닌 현지 시간으로 취급. getYear() : 1970년도 이후의 연도 getFullYear() : 현재 연도 getMonth() : 월. (0부터 시작하기때문에 현재 월을 알려면 +1을 해줘야함) getDate() : 일 getDay() : 요일 (반환값은 0-6까지이고..

출처 : 드림코딩 https://www.youtube.com/watch?v=3CUjtKJ7PJg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=9&ab_channel=%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9 배열함수 1. 주어진 배열을 문자열로 변환 : join() , toString() ⇒ join은 구분자를 넣을 수 있음, 기본은 콤마 const fruits = ['apple', 'banana', 'orange']; fruits.join(',') // 'apple,banana,orange' 2. 주어진 문자열을 배열로 변환 : split() ⇒ 구분자 전달 필수, 기본 구분자는 콤마 const fruits = '🍉,🍊,🍋,🍌'; fruits..

하나씩 변경하기 const element = document.querySelector("h1") element.style.color = 'blue' // 변수 값을 사용 하고 싶다면 백틱 기존에 정의된 style에 새로운 속성 추가 여러개 변경하기 const element = document.querySelector("div") element.style.cssText = 'color:blue; background-color:red' // 변수 값을 사용 하고 싶다면 백틱 기존에 정의된 style을 지우고, cssText로 덮어씀 참고링크 : https://hianna.tistory.com/671

특정 날짜와 오늘 날짜 사이의 시간 구하기 (feat. D-day 계산기) getTime() 표준시에 따라 지정된 날짜의 시간에 해당하는 숫자 값을 반환 1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜 사이의 경과 시간 (밀리 초)을 나타내는 숫자 결과값이 밀리 초 단위로 나오기 때문에 변환해주어야함 const date = new Date(); const HappyNewYear = new Date("2023-01-01T00:00:00"); const Dday = HappyNewYear.getTime()-date.getTime(); // 22026379074