거북이처럼 천천히

1. Javascript 문자열 줄바꿈 1.1. escape 문자를 통한 문자열 줄바꿈 - 문자열에서 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈이 동작된다. 1.2. Template Literal를 통한 문자열 줄바꿈 - escape 문자를 통해 줄바꿈할 경우, 가독성이 떨어진다는 단점이 있기 때문에 이를 해결하고자 최신 문법인 Template Literal 사용한다. - 문자열을 정의할 때 따옴표( ' 또는 " )를 사용하는 대신 백틱(`)을 사용하면 escape문자를 사용없이 입력한 그대로 문자열이 표현된다. - Template Literal 내에서 변수를 집어넣고 싶다면 ${변수}를 통해 넣어 표현할 수 있다.

1. 개요 css에는 가상 클래스(pseudo-class)와 가상 요소(pseudo-element)가 있다. 이를 활용하면 HTML내에서 별도의 class를 지정할 필요 없이 HTML element를 선택할 수 있다. 2. Pseudo-class Pseudo-class는 실제로 존재하는 HTML 요소에 클래스 추가 없이 해당 요소를 선택할 수 있다. 3. Pseudo-element Pseudo-element는 실제로 존재하지 않는 요소를 클래스 추가 없이 선택할 수 있다. 4. Pseudo-class와 Pseudo-element가 필요한가? Pseudo-class, Pseudo-element는 HTML 수정 없이 CSS만으로 특정 요소를 선택할 수 있으며, HTML에 불필요한 class를 지정하지 않음으..

1. padStart 이란? 문자열이 minmum length 을 충족시키지 못했을 경우, 대상 문자열의 시작(좌측)에 새로운 문자열을 채워넣는다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용 1.2. padStart 구성 padStart('minimum string length', '채워넣기') 채워넣기 : 채워넣기는 minmum length을 충족시키지 못했을 경우, 문자열의 시작(좌측)에 채워 넣을 text을 의미 minimum string length를 충족할 경우, 그대로 출력 1.3. padStart 사용 예시 2. padEnd 이란? padStart() 는 minimum length에 충족하지 못할 경우, 문자열의 시작에 text를 추가 padEnd() 는 minimum length에 충족..

1. Date 생성자 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 Date 객체를 생성 2. new.Date() new.Date()를 통해 실시간 시간 정보 담고 있는 object를 return 받을 수 있다. 3. new.Date() 객체가 담고 있는 요소들 Situation : const data = new.Date() 선언된 상태 ​ data.getDate() : 현재 몇 일인지를 반환 data.getDay() : 무슨 요일인지를 반환 (0을 일요일이라는 가정) data.getFullYear() : 몇 년인지를 반환 data.getHours() : 몇 시인지를 반환 data.getMinutes() : 몇 분인지를 반환 data.getSeconds() : 몇 초..

1. setTimeout 이란? setTimeout 함수는 함수을 실행하는 타이머 설정하는 함수 setTimeout 은 setInterval와 같이 동일한 2개의 argument를 받지만, 서로 다른 동작을 한다. 2. setTimeout 함수 setTimeout(func, delay (ms단위)) 3. setTimeout 함수 사용 예시