TypeScript(4)
-
[TypeScript] TypeError: Unknown file extension ".ts"
이번에 타입스크립트를 배우게되었는데 타입스크립트에서 간단하게 서버를 열어 테스트를 해보려고하는중 에러가 발생하였습니다.이미지와 같이 에러가 발생을 하였는데 일단 해석을 해보면 .ts에 확장자 파일을 찾을수가 없다고 해석이 되었습니다. 코드에 문제가 아닌 package.json파일이나 tsconfig.json파일에 문제가 있어 발생을 하는것으로 보였습니다. 그래서 에러를 구글링을 해보니 친절한 stackoverflow에서 답변을 찾을수 있었습니다. 그래서 저의 프로젝트에서도 혹시나 type: module이 작성이되어있나 찾아보니 // package.json{ "name": "1", "version": "1.0.0", "main": "app.js", "type": "module", "scripts..
2024.06.25 -
Nest.js 카카오 로그인 (passport) 구현
일단 소셜로그인을 하려면 flow를 알아야하기 때문에 flow를 보고 진행합니다 카카오 로그인을 클릭했을때 // src/auth/kakao/kakao-stateagy.ts import { Injectable } from '@nestjs/common'; import { PassportStrategy } from '@nestjs/passport'; import { Strategy } from 'passport-kakao'; import { AuthService } from '../auth.service'; @Injectable() export class KakaoStrategy extends PassportStrategy(Strategy) { constructor(private authService: Aut..
2024.04.18 -
TypeScript 프로젝트 초기세팅
1.프로젝트 폴더 생성 새로운 디렉토리를 만들고, 프로젝트의 이름으로 폴더를 명명합니다. 2.TyppeScript 설치 프로젝트 폴더에서 다음 명령을 사용하여 필요한 패키지를 설치하고 TypeScript를 설치합니다. npm install -g typescript 3.package.json 파일 생성 프로젝트 폴더에서 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행하여 package.json 파일을 생성합니다. npm init -y 4.tsconfig.json 파일 생성 tsc --init 명령어를 통해 tsconfig.json 파일을 생성합니다. 이 파일은 TypeScript 프로젝트의 설정을 담고 있습니다. tsc --init 5.TypeScript로 개발하기 이제 src 디렉터리를 생성하고 그 ..
2023.10.27 -
TypeScript 데이터타입
타입스크립트란? 타입스크립트는 자바스크립트와 거의 동일한 문법을 가지지만, 변수나 함수에 '타입'을 지정할 수 있다는 큰 차이점이 있습니다. 이 '타입' 덕분에 우리는 코드를 작성하는 단계에서 이미 발생할 수 있는 오류들을 미리 찾아낼 수 있습니다. 실제로 타입스크립트를 사용하면, 오류 발생 시 그 원인에 대해 상세하게 알려주는 메세지를 받을 수 있기 때문에, 많은 프론트엔드 개발자들이 선호하고 있습니다. 타입스크립트 기본 타입 설정 : 를 이용하여 변수나 함수에 타입을 정의하는 것을 "타입 표기(Type Annotation)"라고 합니다. 예를 들면, let name : string = 'heeming';에서 string이 타입 표기입니다. 1. 문자형(String) const str: string =..
2023.10.27