본문 바로가기

개발공부_Blog154

JavaScript _Date객체_Date()생성자함수 Date는 날짜와 시간을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수다. Date 생성자함수 Date객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다. 1970년 1월 1일 00:00:00(UTC-세계협정시)를 기준으로 Date객체가 나타내는 날짜와 시간까지의 밀리초를 나타낸다. Date객체는 기본적으로 현재 날자와 시간을 나타내는 정수값을 가진다. Date 생성자 함수에 명시적으로 해당 날짜,시간을 지정할 수 있다. new Date() 인수없이 new연산자와 함깨 호출하면 현재 날짜와 시간을 가지는 Date객체를 반환한다 Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타낸다. const date1 = new Date(); // Wed Nov.. 2022. 11. 9.
JavaScript 문자열공백제거, 문자열 반복, 문자열 자르기 String.prototype.trim (공백제거) 대상 문자열 앞뒤에 공백 문자가 있을 경우 이를 제거한 문자열을 반환한다 trimStart, End로 공백의 앞뒤를 구분해 제거할 수 있다 const str = ' soso ' str.trim()// 'soso' str.trimStart()// 'soso ' str.trimEnd()// ' soso' String.prototype.repeat (문자열 반복) 대상 문자열을 인수로 전달받은 정수만큼 반복해 연결한 새로운 문자열을 반환한다 전달받은 인수가 0이거나 빈 문자열이면 ' ' 을 반환한다 2.5는 2로 변환해 새로운 문자열을 반환한다 -1과 같이 음수는 Error를 발생시킨다 const str = '★' str.repeat()// '' str.re.. 2022. 11. 8.
JavaScript 문자열 변환, 치환 (replace, toUpperCase, toLowerCase) String.prototype.toUpperCase / toLowerCase 대문자 // 소문자로 변경한 문자열을 반환 const str = 'Hello World'; str.toUpperCase() // 'HELLO WORLD' str.toLowerCase() // 'hello world' String.prototype.replace 첫 번째 인수로 전달받은 문자열(정규표현식)을 검색하여 두 번째 인수로 전달한 문자열로 치환한 문자열을 반환한다 const str = 'hello world'; // world의 위치에 soyoung으로 치환 str.replace('world','soyoung') // 'hello soyoung' 2022. 11. 8.
JavaScript 문자열찾기 ( indexOf, includes, substring, charAt, slice) String.prototype.indexOf 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다. 검색에 실패하면 -1 을 반환한다. 검색을 시작할 인덱스를 지정할 수 있다. 대상 문자열에 특정 문자열이 존재하는지 확인할 때 유용하다 const str = 'hello World' //문자열 str에서 'l'을 검색하여 첫번재 인덱스를 반환한다 str.indexOf('l')// 2 str.indexOf('x')// -1 // 검색을 시작할 인덱스를 지정할 수 있다. // 3번째 인덱스부터 'l'을 검색하고, 이후에 나온 'l'의 인덱스 번호를 반환한다 str.indexOf('l', 3) // 3 // 대상 문자열에 특정 문자열이 존재하는지 확인 if (str.indexOf('hello') !== .. 2022. 11. 8.
JavaScript _ String객체 String객체는 생성자 함수다. new 연산자와 함께 호출하여 string 인스턴스를 생성할 수 있다. new 연산자를 사용하지 않고 string 생성자 함수를 호출하면 string인스턴스가 아닌 문자열을 반환한다 // 숫자타입, 불리언타입 => 문자열 타입 String(1)// "1" String(NaN)// "NaN" Stting(true)//"true" length 프로퍼티 문자열의 문자 개수를 반환한다. 'hello'.length// 5 String 메서드 배열에는 원본 배열을 직접 변경하는 메서드와 새로운 배열을 생성하여 반환하는 메서드가 있다. 문자열은 변경 불가능한 원시값이기 때문에 String 객체의 메서드는 언제나 새로운 문자열을 반환한다. 문자열 찾기 문자열찾기 ( indexOf, i.. 2022. 11. 8.
Math프로퍼티, 메서드(abs, around, ceil, floor, random, max, min) Math는 수학적인 상수,함수를 위한 프로퍼티와 메서드를 제공한다. Math프로퍼티 Math.PI 원주율값을 반환한다 Math.PI // 3.141592653589793 Math메서드 Math.abs 인수로 전달된 숫자의 절대값을 반환한다. Math.abs(-223) // 223 Math.around 인수로 전달된 숫자의 소수점 이하를 반올림한 정수를 반환 Math.round(1.4)// 1 Math.round(1.7)// 2 Math.round(-1.4) // -1 Math.round(-1.7) // -2 Math.ceil 인수로 전달된 숫자의 소수점 이하를 올림한 정수를 반환 Math.floor 인수로 전달된 숫자의 소수점 이하를 내림한 정수를 반환 // ceil 올림 Math.ceil(1.4)// .. 2022. 11. 7.
JavaScript _ Number 객체 Number객체는 생성자 함수다. new연산자와 함께 Number인스턴스(객체)를 생성할 수 있다. new연산자를 사용하지 않고 Number생성자 함수를 호출하면, 일반 함수를 호출하는 것과 같다. 이 때는 Number인스턴스가 아닌 숫자를 반환한다. 이를 이용하여 명시적으로 타입을 변환하기도 한다. // 문자열타입 -> 숫자타입 Number('0')// 0 Number('-1')// -1 Number('10.23')// 10.23 // 불리언타입 -> 숫자타입 Number(true)// 1 Number(false)// 0 Number.isNaN 인수로 전달된 숫자값이 NaN인지 검사하여 결과를 불리언으로 반환 Number.isNaN은 전달받은 인수를 암묵적 타입변환하여 검사하지 않는다. 숫자가 아닌 인.. 2022. 11. 7.
Array.reduce():누적의 결과를 출력한다 reduce메서드는 콜백함수와 초기값을 전달받아 자신을 호출한 모든 요소를 누적한 결과를 반환한다. reduce메서드의 네 가지 인수 accumulate : 초기값 또는 콜백함수의 반환값 (누산된 값) currentValue : reduce를 호출한 배열의 현재 요소값 index : 현재 요소의 인덱스 array : reduce를 호출한 원본 배열 아래 예제는 초기값0으로 시작해 콜백함수의 결과값을 전달받아 배열의 모든 요소를 누적한 결과를 반환한다. const sum = [1,2,3,4].reduce((accumulator, currentValue, index, array) => accumulator + currentValue, 0) 구분 콜백함수에 전달되는 인수 반환값 acc + cur accumul.. 2022. 10. 31.
css - flex의 정렬방식에 대하여! display flex에 대해 정리해봅시다 1 2 3 4 5 display : flex 부모 클래스에 flex 속성을 줘야 나머지 flex 속성을 사용할 수 있다. .box_wrap{ display: flex; } display : flex-direction : 정렬의 방향을 선택 정방향 : row; 정방향 + 역순정렬 : row-reverse; 세로방향 : column; 세로방향 + 역순정렬 : column-reverse; .box_wrap{ display: flex; flex-direction : row; // flex-direction : row-reverse; // flex-direction : column; // flex-direction : column-reverse; } justify-con.. 2022. 10. 24.

티스토리툴바