본문 바로가기

Programming32

[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.
[React]Tailwind.css의 필요성 css 프레임워크는 웹 어플리케이션 개발에서 매우 중요하다. 작은 규모의 css는 관리가 간단하지만, 규모의 개발로 가서, 규모가 커지고, 참가하는 이해관계자들이 늘어나면 그에 따라 css 관리가 더 복잡해진다.  여기서 Tailwind css 의 필요성이 대두가 된다. 기존에 강력한 css in js 라이브러리인 styled-components는 강력하고 편리하지만, 복잡하고, 유연하고 직관적이지 못하다.-> tailwind처럼 class로 간단하고 직관적으로 css를 설정할 수 있는 시스템이 아니라, const newDiv = styled.div`display:"fixed"` 같은 느낌으로 코드를 작성하고 , 선언한 스타일 코드를 다른데서 선언하거나, 함수형 컴포넌트로 사용하는 경우가 보통인 경우인 .. 2024. 9. 13.

티스토리툴바