081_자바스크립트 날짜 문자열의 타임스탬프 확인하기 [적용] 타임스탬프로 날짜와 시간을 계산하고 싶을 때 [문법] 메소드 의미 반환 Data.parse() 날짜 문자열 타임스탬프 가져오기 숫자 [내용] Data.parse()는 인수를 타임스탬프로 변환한다. 타임스탬프는 1970년 1월 1일 00:00:00부터 현재까지의 경과 시간을 나태는 것으로 단위는 밀리초(1/1000초)다. 프로그래밍 시 타임스탬프를 기준으로 하여 시간을 계산하는 경우 해당 메소드의 사용이 가능하다. Data.parse() 메소드는 Date 인스턴스의 getTime() 메소드와 같은 값을 가진다. const num1 = Date.parse('2022/06/09') console.log(num1); // 결과: 16547004000..

080_자바스크림트에서 현재 시간과 날짜 가져오기 [적용] 간단히 날짜 정보를 출력하고 싶을 때 언어별 날짜 표시 형식으로 출력하고 싶을 때 [문법] 메소드 의미 반환 toLocaleDateString() 현재 날짜를 문자열로 가져오기 문자열 toLocaleTimeString() 현재 시각을 문자열로 가져오기 문자열 [내용] getDate()와 getHours()를 사용하면 정보를 세부적으로 가져올 수 있으나, 코드가 복잡해지기 쉽다. toLocaleString()을 사용하면 간결한 표현이 가능하며, 사용자의 언어 환경에 따라 날짜 형식을 지정하여 가져온다. 한국어 환경에서는 '2022/06/08 21:22:01'의 형식으로 가져오지만, 영어는 '08/06/2022, 9:22:01 PM'의 형식을 따른다..

079_자바스크립트에서 요일 다루기(가져오기) [적용] 요일을 표시하고 싶을 때 날짜 정보에서 요일을 확인하고 싶을 때 [문법] 메소드 의미 반환 getDay() 요일 가져오기 숫자 [내용] Date 객체 getDay()는 요일 정보를 가져온다. 날짜 정보를 가져오는 getDate()와 비슷해 헷살리기 쉽다.반환값이 숫자이므로 변환이 필요하며, 0은 일요일, 6은 토요일을 나타낸다. 값 해당 요일 0 일요일 1 월요일 2 화요일 3 수요일 4 목요일 5 금요일 6 토요일 [예시] 다음 예시를 확인해 보자. 일요일부터 토요일까지 해당하는 문자열을 배열에 넣고 getDay()의 반환값에 따라 배열에서 해당하는 요일을 가져온다. const date = new Date(); const day = date.get..

078_자바스크립트에서 시간 다루기(가져오기) [적용] 현재 시각을 불러오고 싶을 때 시간을 디지털 형식으로 표시하고 싶을 때 [문법] 메소드 의미 반환 getHours() 시간(Hour) 가져오기 숫자 getMunuites() 분(Minute) 가져오기 숫자 getSeconds() 초(Second) 가져오기 숫자 getMilliseconds() 밀리초(Millisecodn) 가져오기 숫자 [내용] 이 메소드를 이용해 현재 시간 정보를 가져온다. getHours()는 0~23의 정수, getMinutes(), getSeconds()는 0~59의 정수를 반환한다. 24:00의 경우 getHours()의 반환값은 24가 아닌 0이므로 주의하자. const date = new Date(); const hour..

076_자바스크립트 날짜 다루기(연도) [적용] 올해를 불러오고 싶을 때 [문법] 메소드 의미 반환 getFullYear() 연도 불러오기 숫자 [내용] Date 객체의 getFullYear()는 당해 년도 네 자리수를 반환한다. new Date()로 인스턴스화하여 연도를 불로올 수 있다. const date= new Date(); const yesr = date.getFullYear(); // 연도 // HTML에 표시 document.querySelector('#log').innerHTML = `지금은 ${year}년 입니다.`; 077_자바스크립트 날짜 다루기(월, 일) [적용] 현재 날짜를 화면에 표시하고 싶을 때 날짜를 기준으로 처리를 구분하고 싶을 때 [문법] 메소드 의미 반환 getMonth..

075_자바스크립트 빈 데이터(Null) 이해하기 [적용] 빈 데이터를 나타내고 싶을 때 [문법] 원시 타입 의미 예 Null 데이터가 존재하지 않음 null [내용] '데이터 없음'을 표시하고 싶을 때 Null을 사용한다. 다음의 샘플을 확인해 보자 function searchUser(targetId) { const userList = [ { id: 1, name: '사자' }, { id: 2, name: '곰' }, { id: 3, name: '여우' } ]; // 해당 유저 검색 const targetUser = userList.find((user) => user.id === targetId); return targetUser.name; } searchUser(1); // 1을 전달하면 사자를 반환..

074_자바스크립트 정의되지 않은 데이터(Undefined) 이해하기 [적용] 정의되지 않은 데이터의 처리를 이해하고 싶을 때 값이 없는 변수의 처리를 이해하고 싶을 때 [문법] 원시 타입 의미 예 Undefined 데이터가 정의되지 않음 undefined [내용] 자바스크립트에서 '데이터 없음'을 나타내는 방식은 Undefined와 Null이 있으며, 모두 원시 타입이다.Undefined는 데이터가 아직 정해지지 않은 상태를 나타낸다.일반적으로 Undefined는 개발자가 의도하여 사용하는 것이 아니라 브라우저에서 정의되지 않은 데이터를 다룰 때 사용된다.다음과 같은 상황에서 주로 나타난다. 변수에 데이터를 대입하지 않는다. 객체의 속성에 값을 대입하지 않는다. 파라미터에 값을 전달하지 않는다. 결과로..

073_자바스크립트 데이터 타입 변환하기 [적용] 숫자를 문자열로 변환하고 싶을 때 문자열을 숫자로 변환하고 싶을 때 [문법] 메소드 의미 반환 Boolean(데이터) 데이터를 진리값 타입으로 변환 진리값 String(데이터) 데이터를 문자열 타입으로 변환 문자열 Number(데이터) 데이터를 숫자 타입으로 변환 숫자 parseInt(문자열) 문자열을 숫자(정수) 타입으로 변환 숫자 parseFloat(문자열) 문자열을 숫자(부동 소수점) 타입으로 변환 숫자 [내용] 숫자 100과 문자열 '200'의 덧셈 계산을 하려면 먼저 문자열을 숫자 타입으로 변환해야 한다. number()를 사용해 타입 변환 후 덧셈을 계산하는샘플을 확인해 보자. const result = 100 + Number('200'); c..

072_자바스크립트 값(Value) 전달과 참조(Reference) 전달 이해하기 [적용] 원시 타임과 객체 타입의 처리를 이해하고 싶을 때 [문법] 데이터 타입 데이터 전달 방식 원시(Primirive) 타입 값의 전달 객체(Object) 타입 참조의 전달 [내용] 데이터를 변수에서 변수로 전달할 때 값에 의한 전달과 참조에 의한 전달 방식이 있다. 자바스크립트의 원시 타입은 값에 의한 전달, 객체 타입은 참조에 의한 전달 방식이다. 다음 코드를 통해 값에 의한 전달 방식인 원시 타입을 확인해 보자.2번에서 갑에 의한 전달이 실행 된다. 1. 변수 a에 100을 대입한다. 2. 변수 b에 변수 a를 대입한다. 변수 a에 대입한 값 100을 복사하여 변수 b에 전달한다. (값에 의한 전달) 3. 변수 a..

071_자바스크립트 객체 인스턴스(Instance) 확인하기 [적용] 데이터 종류에 따라 처리를 구분하고 싶을 때 [문법] 구문 의미 데이터 instanceof 객체 데이터가 객체의 인스턴스인지 확인 [내용] instanceof는 데이터가 객체의 인스턴스인지를 확인하는 연산자다. 함수를 정의할 때 특정 인스턴스만 구분하여 처리하도록 할 수 있다. const today = new Date(); console.log(today instanceof Date); // 결과: true colsole.log(today instanceof Array); // 결과: false Date 인스턴스가 전달되면 날짜를 출력하는 함수를 확인해 보자. instanceof는 데이터 종류에 따라 처리를 구분할 수 있어 유용하다. ..