개발일지

Login Process 일반적인 컴퓨터 사용에서 Login(로그인)은 일반적으로 원격 컴퓨터에서 운영 체제나 응용 프로그램에 엑세스 하는 데 사용되는 절차이다. 로그인을 하려면, (1)UserId, (2) Password 가 있어야 한다. 종종 UserId는 페이지에 따라 8자와 같은 제한된 길이를 따라야 하고, 암호는 최소한 하나의 숫자를 포함해야 한다. 암호는 비밀로 유지해야해서 마스킹표시로 표시된다. 일부 웹사이트는 사용자가 사이트를 사용하기 위해 등록해야하며, 사용자는 로그인을 하여 사이트에 들어갈 수 있다. 다음 소셜 로그인 부분을 배우면서 내용을 보충해야겠다

Cookie 쿠키는 key-value 형식의 문자열로 이루어져있다 클라이언트가 어떤 사이트를 방문할때 그 사이트가 사용하고 있는 서버를 통해 클라이언트의 브라우저에 설치되는 작은 기록 정보 파일이다 각 사용자마다 브라우저에 정보를 저장하니 고유정보 식별이 가능하다. Cookie인증방식 브라우저(클라이언트)가 서버에 요청(접속)을 보낸다. 서버는 클라이언트의 요청에 대한 응답을 작성할 때, 클라이언트 측에 저장하고 싶은 정보를 응답 헤더의 Set-Cookie에 담는다. 이후 해당 클라이언트는 요청을 보낼 때마다, 매번 저장된 쿠키를 요청 헤더의 Cookie에 담아 보낸다. 서버는 쿠키에 담긴 정보를 바탕으로 해당 요청의 클라이언트가 누군지 식별하거나 정보를 바탕으로 추천 광고를 띄우거나 한다. Cookie..

JWT 인증에 필요한 정보들을 암호하시킨 JSON토큰 JWT 기반 인증은 JWT 토큰(Access Token)을 HTTP 헤더에 실어 서버가 클라이언트를 식별하는 방식이다 JWT 구조 JWT는 . 을 구분자러 나누어서 세가지 문자열로 나누어져있다 JWT 토큰의 구성 header : 토큰의 타입, 암호화시 사용한 알고리즘 정보 payload : 토큰 발행정보(누구인지, 언제 발행되었는지, 언제 만료될 것 인지) signature : 토큰의 비밀번호 iat = issued At 언제 발급되었는지 발급받을때마다 바껴야함 jwt 토큰은 비밀번호 없이 누구든지 열수 있음 노출이 되어도 아무상관 없는걸 넣어줘야함 JWT인증과정 사용자가 ID, PW를 입력하여 서버에 로그인 인증을 요청한다. 서버에서 클라이언트로부터..

ORM ( Object Relational Mapping ) Object Relational Mapping의 줄임말로 객체와 관계를 매핑해주는 것 입니다.객체 지향 언어에서는 모델을 정의할 때 Class를 사용하고, 관계형 데이터 베이스에선 Table을 사용합니다. 바로 여기서 객체 지향 언어로 된 Class를 관계형 데이터 베이스의 Table와 연결시켜 준다는 것이죠. 이것은 직접 SQL문을 작성하지 않고, 객체 지향적으로 코드를 작성할 수 있도록 도와주는 것이죠. : 데이터베이스와 객체 지향 프로그래밍 언어 간의 호환되지 않는 데이터를 변환하는 프로그래밍 기법을 말합니다. TypeORM은 Node.js, Browser, React Native 플랫폼 등에서 JS,TS와 함께 사용할 수 있는 ORM입니..

NestJS Nestjs는 타입스크립트 기반으로 OOP (Object Oriented Programming, 객체지향프로그래밍), FP (Functional Programming, 함수형 프로그래밍) 및 FRP (Functional Reactive Programming) 요소를 결합하는 특징을 가지고 있습니다. NestJS는 Architecture 구조를 제공함으로써 Node.js의 주요 문제를 해결해 줍니다. NestJs는 Node.js를 위한 프레임워크로, 규칙과 구조 없이 자유분방한 node.js를 순식간에 Python+Django, Java+Spring 수준으로 만들어줍니다. 때문에 각 개발자들이 Architecture를 통일하고 소통 비용을 절감하며, 확장성 있고 효율적인 개발을 할 수 있습니다..

ES6 ECMA스크립트(ECMAScript, 또는 ES)는 자바스크립트를 표준화 하기위해 만들어진, ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말합니다 추가된 기능 const, let const 와 let 는 기존 var에 있던 재할당과 재선언에 대해서 심각한 오류가 발생하는걸 막기 위해 나타난 거다 let 재할당 이 가능하고 재선언은 안됩니다 const 재할당, 재선언이 불가능해서 다른곳에서 쓰일 일이 없어서 오류와 같은 상황이 적다 객체와함께 사용할때를 제외하고는 변경이 불가능한 변수이다 화살표 함수 함수를 쓰는 방식에 표현식과 선언식이 있었는데 더 간략하게 쓸수 있는 화살표 함수가 나왔다 화살표 함수를 map과 filter, reduce 등 내장 함수와 함께..