study/TypeScript

여러 sns를 보면 작성한 게시글이나 댓글이 '방금 전', '2분 전', '4시간 전'과 같이 현재 시간과 작성 시간을 비교한 내용으로 표시가 되어있다. 오늘은 이렇게 현재 시간을 기준으로 작성일자를 표시하는 방법을 정리해보려고 한다.  먼저 날짜를 구하는 로직을 작성해보면 이렇다. // 현재 날짜를 구한다.// 작성한 날짜를 구한다. // 현재 날짜에서 작성한 날짜를 빼준다. // 뺀 결과값이 어느 범위에 포함되느냐에 따라 결과값을 리턴한다. 이제 현재 날짜와 작성한 날짜의 차이를 구해보자. Javascript의 Date 객체는 날짜 정보를 밀리초로 저장한다. 따라서 연산도 초단위로 해주어야 한다. 나중에 차이 값을 1000으로 나누어줄것이기때문에 함수를 선언하고,  일반적인 기준으로 초, 분, 시, ..
* 노마드코더 Typescript로 블록체인 만들기 강의 듣고 필기한 내용 타입스크립트의 타입 추론 // 타입 추론 let a = "hello" // let a : string a = "bye" // OK => string -> string a = 1 // Error => string -> number // 타입 설정(Type Checker) let b:boolean = "x" // Error => boolean -> string 명시적 표현은 최소한으로 하는 것을 추천. 시간을 아낄 수 있음. 하지만 값이 비어있다면(빈 배열 등) 명시적으로 타입을 설정해주는 것을 추천. 타입스크립트의 타입 // number, string, boolean // :type 형태로 작성 // 변수 생성시 항상 반드시 타입을..
** 유튜브 코딩앙마님 강의 보고 배운 내용을 정리한 글 https://www.youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0 TypeScript 강좌 www.youtube.com 함수 함수 타입 정의 // 함수 타입 정의 // number 값을 리턴하기때문에 number function add(num1:number, num2:number):number { return num1 + num2; // console.log(num1+num2); 19; } 매개변수 // ? : 옵셔널 파라미터. 선택적 매개변수. function hello(name?:string):string { return `Hello, ${name || "world"}`; // 매..
** 유튜브 코딩앙마님 강의 보고 배운 내용을 정리한 글 https://www.youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0 TypeScript 강좌 www.youtube.com 기본 타입 let car:string = 'bmw'; // 문자열 타입. // 타입을 선언하지 않아도 문자열임을 알고 있긴 함(=타입 추론) // 숫자 타입 let age:number = 30; // 불리언 타입 let isAdult:boolean = true; // 배열 - 숫자로 이루어짐 let a:number[] = [1,2,3]; let a:Array = [1,2,3]; // 배열 - 문자로 이루어짐 let week1:string[] = ['a', 'b', '..
해리Harry
'study/TypeScript' 카테고리의 글 목록