본문 바로가기

전체 글150

[TypeScript] Generic과 Utility Type 1. Genericfunction printStrings(arr: string[]): void {    for (let i = 0; i arr.length; i++) {        console.log(arr[i]);    }}function printNumbers(arr: number[]): void {    for (let i = 0; i arr.length; i++) {        console.log(arr[i]);    }} 위 함수들은 기능이 비슷하지만, 각각 String 타입과 number 타입의 배열을 처리할 수 있는 함수이다.위와 같은 코드가 많아졌을 때 하나의 함수로 만들 수는 없을까? -> 이러한 상황에서 Generic을 사용할 수 있다.Generic은 타입을 변수처럼 사용하는.. 2024. 9. 27.
[TypeScript] Type 추론 // 타입 추론 : TypeScript의 중요한 기능 중 하나로, 개발자가 타입을 명시적으로 지정하지 않아도, // 타입 안정성을 유지할 수 있도록 도와줌let numbers = [1,2,3,4,5];let string = ["a","b","c"];// { name: string; age: number }로 추론let person = {    name: "Alice",    age: 25}; person.name = "Bob"; // 정상person.age = 30; // 정상person.age = "thirty"; // 오류: 'string' 형식은 'number' 형식에 할당할 수 없습니다. // 객체 리터럴 방식의 추론 let person = {    name: "Alice",    age: 25}.. 2024. 9. 27.
[TypeScript] 여러가지 Type 선언 function add(a: number, b: number): number {    return a + b;  }    const sum: number = add(1, 2); // Error  console.log(sum);    //Boolean  let isBoolean: boolean;  let isBooleanFalse: boolean = false;  //Number  let num : number;  let nan : number =  NaN;// stringlet str : string;let name : string = "tester";// Arraylet names : string[] = ["tester","tester2","tester3"];let someArr : any[] = [".. 2024. 9. 26.
[TypeScript]TypeScript에 관하여2.... 1. 구조적 타입type Person = {    name : string;    age : number;    address : string;};let p : Person;const person = {    name : "Fujii kaze",    age : 12000,    address: "서울특별시 금천구",};// 이 둘은 구조적으로 같음 둘 다 Person!p = person;  2. Generic// 제네릭 : 타입을 동적으로 마치 클래스나 함수 등의서의 함수처럼 사용하는 것// -> 타입을 유연하게 쓰고싶을 때 타입을 유동적으로 사용해야할 때 function sum(a: number, b: number): number {    return a + b;}sum(1,2)type Generic.. 2024. 9. 20.
[TypeScript] TypeScript 정리.. 1. TypeScript = Javascript + type브라우저에서 사용 하기 위해 10일만에 만들어진 언어..  자바스크립트의 단점 -> 매우 자유롭고 ,모든걸 수정할 수 있다 -> 이 문제점을 정적 타입 시스템으로 보완한것이 TypeScript  타임스크립트는 똑같이 동작하는 자바스크립트의 확장팩 그 이상 그 이하도 아님 -> 거의 비슷함.  TypeScript etc...1. Python으로 만든 pipy가 python보다 빠르다.1-1. pipy로 만든 pypypi가 훨씬 더 빠르다.2. TypeScript는 100% TypeScript로 만들어져 있다.. 2. TypeScript  Settingnpm install typescript 3. TypeScript Setting Check{  "n.. 2024. 9. 20.
[Web Knowloege] Local Storage와 Sesstion Storage의 차이 웹 저장소인 Local Storage와 Session Storage 모두 브라우저 내에서 키-값 쌍의 형태로 저장한다는 점에 대해서는저장소로서의 기능은 대부분 동일하다.다만 가장 큰 차이점은 Session Storage의 경우 세션이 종료되면 저장된 데이터도 함께 사라진다는 점이다. [Local Storage]값을 직접 지우기 직전 까지는 값이 지워지지 않는다.시간제한이 없고 브라우저가 꺼져도 죽지 않는다. [Session Storage]세션(프로세스 ,탭, 브라우저)가 종료될 때까지 지속되는 Storage로써 소멸 타이밍이 LocalStorage와는 다르다.Local Storage는 소멸 타이밍이 없어서, 직접 지워줘야만 그 값이 지워진다. 그에 반하여 Session Storage는 세션이종료가 되었을.. 2024. 9. 17.

티스토리툴바