티스토리

인생 1회차 (First-Life) Ing

검색하기

블로그 홈

인생 1회차 (First-Life) Ing

firstlife-note.tistory.com/m

개발공부 Ing..

구독자: 3

방명록 방문하기

주요 글 목록

innerHTML, innerText, textContent 차이 innerHTML 태그를 포함한 모든 HTML을 반환 innerText 웹 브라우저 화면에 렌더링 되는 (=눈에 보이는) 값만 반환 노드로 저장되지 않는 텍스트 데이터는 제외(폼 요소 안에 작성한 텍스트) textContent 태그 안의 모든 (=눈에 보이지 않는) 텍스트 반환 (, 태그 포함) 공감수 0 댓글수 0 2023. 7. 26.
공백 제거 함수(trim, replace) 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' 공감수 1 댓글수 0 2022. 9. 15.
자바스크립트 ES5와 ES6 차이 ES란? ECAMSCRIPT의 약자로 자바스크립트의 표준 규격을 나타내는 용어 ES5 (2009년) ES6(2015년)출시 매년 업데이트 되고 있지만 ES5와 ES6의 차이가 크기 때문에 많이 비교됨 요즘 많은 회사들이 ES6을 쓰고 있는데 왜 ES5까지 알아야 할까? 기존에 작성된 코드를 이해하기 위해 ES5와 ES6 차이 1. let, const 추가 함수레벨 스코프를 사용하고 재할당이 재선언이 가능한 var 와 달리 let과 const는 블록레벨 스코프를 가지며, let은 재할당 가능, 재선언 불가 const는 재할당/재선언 불가하여 상수에만 쓰임 2. 화살표함수 추가 화살표 함수(Arrow function)가 추가되어 함수를 간결하게 나타낼 수 있고 가독성 및 유지보수성이 올라감 단, 기존의 함수.. 공감수 0 댓글수 0 2022. 7. 18.
Date 객체 정리 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까지이고.. 공감수 0 댓글수 0 2022. 7. 13.
자주 사용하는 배열 함수 10가지 출처 : 드림코딩 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.. 공감수 0 댓글수 0 2022. 7. 10.
자바스크립트에서 CSS 다루기 하나씩 변경하기 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 공감수 1 댓글수 0 2022. 4. 21.
자바스크립트 시간 차이 구하기 특정 날짜와 오늘 날짜 사이의 시간 구하기 (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 공감수 0 댓글수 0 2022. 4. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.