전체 글 (47) 썸네일형 리스트형 Typescript 배우기 7(제네릭) // Generic // 함수 // function getSize(arr:number[] | string[] | boolean[] | object[]):number { // return arr.length; // } function getSize(arr: T[]) { // 타입파라미터 어떤 타입이든 전달받아서 사용 return arr.length; } const arr1 = [1, 2, 3]; getSize(arr1); // 3 const arr2 = ['a', 'b', 'c']; getSize(arr2); // 3 const arr3 = [true, false, true]; getSize(arr3); // 3 const arr4 = [{}, {}, { name: 'Tim' }]; getSize(arr4.. Typescript 배우기 6 (클래스) // 클래스 // class Train{ // constructor(color){ // this.color = color; // } // start(){ // console.log("start"); // } // } // JavaScript에서는 문제없지만 Typescript에서는 타입선언이 안되어 있어 에러 //추상 class abstract class Train { public name: string = 'train'; // public, private(#), protected static wheels = 100; constructor(public color: string, name) { // public or readonly 변수 앞 선언 this.color = color; this.name = n.. Typescript 배우기 5 (리터럴, 유니온/교차 타입) // 리터럴 타입 const userName1 = 'Bob'; // 문자열 리터럴 타입 // 상수로 정의되어진 타입 let userName2: string | number = 'Tom'; // 변수로 정의하더라도 문자열로 정의되어지면 문자열 변수만 사용가능 // 해서 | 유니온 타입 사용 userName2 = 3; // error type job = 'police' | 'developer' | 'teacher'; interface User { name: string; job: job; } const user: User = { name: 'Bob', // job: "student" error job: 'police', }; interface HighSchoolStudent { name: number | s.. 리눅스를 사용하는 이유 https://wonit.tistory.com/277 [Linux] 왜 우리는 윈도우 대신 리눅스를 배우고 사용해야 할까? :: 리눅스를 사용해야할 10가지 이 지난 시간 우리는 TUI 환경의 우분투 서버, x windows를 사용하는 우분투 데스크톱, 그리고 우분투 플레이버인 쿠분투를 설치하는 방법에 대해서 알아보았다. 하지만 우리는 의문을 갖는다. 윈도우 wonit.tistory.com SEO 검색 엔진 최적화 SEO(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. 검색 랭크 개선이라고도 합니다. 검색 엔진은 웹을 크롤링 (en-US)하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성합니다. 검색 결과에 보이는 것은 바로 그 콘텐츠 색인입니다. 크롤러는 일정 규칙을 따르므로, SEO를 진행하며 해당 규칙을 밀접하게 따라가면 웹사이트가 검색 결과의 보다 높은 곳에 노출돼 (전자상거래와 광고라면) 수익으로 연결될 수도 있습니다. 검색 엔진은 일부 SEO 가이드라인을 제공하긴 하지만 대형 검색 엔진의 경우 결과 랭킹은 영업 비밀로 취급합니다. 따라서 SEO는 검색 엔진의 공식 가이드라인에 더해 경험적인 지식, 논문과 특허 등에서 가져온 이론적 지식을 결합한 과정.. Next.js 배우기 시이이이작! https://kyounghwan01.github.io/blog/React/next/basic/#link-%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%92%E1%85%A1%E1%84%80%E1%85%B5 next.js 기본 개념 알아보기 next.js 기본 개념 알아보기, react, seo, ssr kyounghwan01.github.io Typescript 배우기 4 ( 함수) // 함수 function addNm(num1: number, num2: number): number { return num1 + num2; } addNm(1, 2); // 매개변수 function Hello(name: string, age?: number): string { // 옵션 매개변수는 필수 매개변수 앞에 오면 안됨! // age: number | undefined, name: string 은 가능 if (age !== undefined) { return `Hello, ${name || 'world'}. You are ${age}.`; } else { return `Hello, ${name || 'world'}`; } // name이 없을 경우 "world"가 출력되도록 지정했어도 ?를 사용해.. Typescript 배우기 3 (interface) // 인터페이스 // let user:object; // user = { // name : 'xx', // age : 30 // } // console.log(user.name) // error // property를 정의해서 객체를 사용할 때 interface 사용 type Score = 'A' | 'B' | 'C' | 'F'; interface User { name: string; age: number; gender?: string; // 있어도 되고 없어도 되고 readonly birthYear: number; // 읽기 전용 [grade: number]: Score; // type을 생성해서 사용할 수 있음 } let user: User = { name: 'xx', age: 30, birthYea.. 이전 1 2 3 4 5 6 다음