본문 바로가기

전체 글

 (166)
메인 페이지 생성하기 Vite을 이용한 React 생성 npm init vite 위 코드를 통해 vite을 이용해 react 생성합니다. project name은 react-pockmon-app으로 지어줬고, framework는 react, variant는 JS입니다. npm install axios react-router-dom npm install -D autoprefixer postcss tailwindcss 필요한 패키지 설치합니다. npx init tailwindcss 위 명령어를 통해 tailwindcss 실행합니다. /** @type {import('tailwindcss').Config} */ module.exports = { content: [ // './src/**/*.{js, jsx, ts, tsx}', '..
Typescript 기본 배우기(2) 호출 시그니처, 인덱스 시그니처 이 함수의 타입을 재사용할 수 있습니다. 위에 빨간 박스가 호출 시그니처입니다. 인덱스 시그니처는 객체와 배열을 위한 시그니처입니다. 객체에 어떤 타입을 명확하게 더 추가될지 몰라서 [key:string] : unknown방식으로 인덱스 시그니처를 사용합니다. 함수 오버로딩 左) 같은 로직 및 매개변수를 갖고 있는 함수 2개가 있습니다. 右) 두 함수를 하나로 만듭니다. 타입만 변경하면 됩니다. 접근 제어자 public default 값이며, 어디서나 접근 가능 protected 클래스 내, 상속받은 자식 클래스에서 접근 가능 private 클래스 내에서만 접근 가능 Generic 기본 generic을 사용하면 재사용성이 높은 함수와 클래스를 생성할 수 있습니다. any처..
Typescript 기본 배우기(1) Typescript란? TypeScript는 JavaScript에 타입을 부여한 언어입니다. JavaScript의 확장된 언어(superset)라고 볼 수 있습니다. TypeScript는 JavaScript와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(compile)이라고 부릅니다. TypeScript는 정적 타입(static)이며 코드 작성 단계에서 오류를 확인할 수 있습니다. JavaScript는 동적 타입(dynamic)이며 런타임에서 동작할 때 오류를 확인할 수 있습니다. Typescript Type Type이란, 그 value가 가지고 있는 프로퍼티나 함수를 추론할 수 있는 방법입니다. TypeScript는 JavaScript에서 기본으로 제공하..

티스토리툴바