💡인프런 강의시작 : 타입스크립트 올인원 (문법편) 1. 기본 타입 지정const a = '5'; // const는 값이 지정되기 때문에 굳이 :string으로 타입을 한번더 지정해줄 필요가 없다.const b = 5; // const b:number = 5;const c = undefined; // const c:undefined = undefindedconst d = true; // const d:boolean = true;const e = null; // const e:null = null; 2. 타입에 고정된 값 지정//타입에 고정된 값 지정 가능 (타입은 항상 정확해야한다.)const f: true = true;const g: 2 = 2; 3. 함수 작성하는 방법function add..

✔타입스크립트 학습전 알고 넘어가야 할 개념! 💡 컴파일러와 타입스크립트 컴파일러(tsc) 1. 컴파일러란 무엇인가의의컴파일러는 프로그래밍 언어로 작성된 소스 코드를 다른 프로그래밍 언어로 변환하는 도구로 변환하는 과정에서 구문과 구조를 검사하여 문제가 없는 지 확인해주고 오류가 있는 경우 미리 알려주어 문제를 해결할 수 있게 해준다. 등장배경- 컴퓨터는 기본적으로 기계어로 작성된 프로그램만 이해할 수 있기 때문에 사람이 기계어를 이해하기 어려워 c언어로 작성된 코드를 컴퓨터가 이해 시키기 위해 기계어로 변환해야 하는데 이를 위해 컴파일러가 등장하게 되었다.타입 검사- 컴파일러는 타입검사를 해주는 것을 말한다.- 타입검사를 통해 개발자는 코드에서 타입 오류를 미리 발견하여 수정할 수 있게 된다.코드 변..

💡WebSocket이란?  웹소켓 - 웹소켓(WebSocket)은 서버와 브라우저 간 연결을 유지한 상태로 데이터를 교환할 수 있게하는 프로토콜이다. 이때, 데이터는 '패킷(packet)' 형태로 전달된다.- HTTP와의 차이점으로 웹소켓은 양방향통신이고 HTTP는 요청을 보내어 받고 응답을 보내는 단방향 프로토콜이다.  커넥션 만들기  - 웹소켓은 브라우저 자체에서 web Socet Api를 지원하기 때문에 패키지 설치 없이 new 웹소켓만 호출하여 사용하면 된다. - 웹소켓 커넥션을 만들기위해 new WebSocket 을 호출하며, 이때 ws라는 특수 프로토콜을 사용한다.let socket = new WebSocket("ws://javascript.info"); ※  ws와 wss - ws와 wss..

💡 class class -  함수를 함수 표현식과 함수 선언으로 정의할 수 있듯이 class 문법도 class 표현식과 class 선언 두 가지 방법을 제공한다. 클래스는 객체를 생성하기 위한 틀이라 볼 수 있다.1. class 선언 - class를 선언하기 위해서 클래스 이름과 함께 class 키워드를 사용한다.class Human {constructor(name, gender) { this.name = jessi; this.gender = female;} }- 함수 선언과 클래스 선언의 중요한 차이점은 함수의 경우는 정의하기전에 호출할 수 있지만, 클래스는 반드시 정의한 뒤에 사용할 수 있다.- 클래스 내에 정의된 함수를 method로 부르며, 클래스를 통해 생성된 객체를 인스턴스라고 부른다.- ..

💡프로젝트를 진행하며 이해하지 못한 코드 리뷰 🔎 - upsert() 메서드로 생성 또는 업데이트된 토큰 데이터를 반환해준다. 🔎 - 토큰 생성시 payload에 사용자 정보 데이터가 들어가기 때문에 userId로 payload에 있는 id를 받아액세스토큰과 리프레시 토큰을 생성한다.- jwt.sign() 메서드를 사용하여 액세스 토큰을 생성하고, payload 객체와 시크릿키를 사용하여 토큰 서명을 해준다.- 이때 만료기간은 12시간과 7일로 설정한다.- userRepository에 있는 upsertRefreshToken 메서드를 호출하여 리프레시토큰을 데이터 베이스에 저장한다. 🔎  사용자 인증 정보를 추출하는 코드로, 요청에더에 인증 정보가 담겨있기때문에 authorization 변수로 엑세..

💡TypeError: Cannot read properties of undefined (reading 'user') 개요 : accessToken을 사용하여 api 작동할려고 할때 발생한 에러 분석 : Cannot read propertries of undefined (reading ' user')- user를 불러오기 위해서 user 앞에 객체를 불러와야 하는데 객체를 찾을 수 없어 뜨는 오류였다.- 코드안에서 prisma.user로 user를 불러오고 있었는데 prisma 의존성 주입을 넣지 않은 부분이 있었다.  해결 :빠진 부분에 prisma 를 넣어줘야 객체로 사용할 수 있다. ✍ 에러를 차근차근 분석해야 해결하는 능력이 생긴다!