전체 글
-
[TS] 배열과 튜플codeStates front-end/Typescript 2023. 3. 12. 20:49
HTML 삽입 미리보기할 수 없는 소스 📌 배열 개별 자바스크립트 배열은 하나의 특정 타입의 값만 가진다. 타입 스크립트는 초기 배열의 어떤 데이터 타입이 있는지 기억하고 배열이 해당 데이터 타입에서만 작동하도록 제한한다. 📍배열 타입 변수에 타입 에너테이션을 제공해 배열이 포함해야하는 값의 타입을 알려주어야 한다. // 선언과 할당을 동시에 let car:string[] = ['BMW','AUDI','BEN'] // 선언과 할당을 분리 let fruits: string[] = []; fruits.push("apple"); fruits.push("banana"); // 제네릭 사용 let fruits:Array= new Array(); fruits.push(1); fruits.push(2); 배열과 함수..
-
[TS] 함수codeStates front-end/Typescript 2023. 3. 12. 19:46
HTML 삽입 미리보기할 수 없는 소스 📌 함수 📍함수 매개변수 💁매개변수란? 함수를 정의할 때 사용되는 변수를 의미 타입 스크립트에서 함수는 자바스크립트처럼 생성할 수 있으나, 매개변수의 타입과 반환 타입을 설정해야 한다. // 타입을 선언하지 않으면 any로 간주한다 function sing(song : string){ console.log('Singing : ${song}!'); } 🔗 필수 매게변수와 선택적 매게변수 필수 매게변수 타입스크립트는 함수에 정의된 모든 매개변수가 함수에 필요하다고 가정한다. function sendGreeting (message : string, userName: string):void { console.log (`${message}, ${userName}`); } s..
-
[인증/보안] OAuthcodeStates front-end/node(server) 2023. 3. 9. 16:18
HTML 삽입 미리보기할 수 없는 소스 📌 OAuth 📍OAuth 인증을 중개해주는 메커니즘 보안된 리소스에 액세스하기 위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜 OAuth의 예시 - 소셜 로그인 OAuth의 주체 Resource Owner : 소셜로그인을 하고싶어하는 사용자 Resource Server : 사용자의 정보를 저장하고 있는 서버 Authorization Server : 인증을 담당하는 서버 Application : 소셜 로그인을 활용해 이용하고자하는 새로운 서비스 🔗 OAuth의 인증 방식의 종류와 흐름 Grant Type : Authorization Server에서 Access Token을 받아오는 방식 🔑 Implicit Grant Type 사이트에 사용자가 접속..
-
[인증/보안] TokencodeStates front-end/node(server) 2023. 3. 8. 21:09
HTML 삽입 미리보기할 수 없는 소스 📌 Token 📍 해싱(Hashing) hash : 고기, 감자, 야채 등을 잘게 다져서 볶아낸 음식 암호화 방식 중 하나 해싱은 암호화만 가능하다, 복호화 불가능 🔗 해시 함수(Hash Function) 임의의 값을 넣으면 일정한 크기의 결과 값이 나온다 항상 같은 길이의 문자열을 리턴 서로 다른 문자열에 동일한 해시 함수를 사용하면 반드시 다른 결과값이 나온다. 동일한 문자열에 동일한 해시 함수를 사용하면 항상 같은 결과값이 나온다. 🤦♂️뭔소리노 예시를 확인해봤다. 어떠한 값을 넣어도 결과 값을 암호화하면서 다시 암호화한 값으로 임의의 값을 유추 가능하다. input : higgs output : 3FD838397804752452BAC4F637BBE6D8 i..
-
[인증/보안] SessioncodeStates front-end/node(server) 2023. 3. 8. 19:56
HTML 삽입 미리보기할 수 없는 소스 📌 Session 📍Session 쿠키는 클라이언트에 정보를 저장하는 방식 세션은 데이터를 서버에 저장하고 쿠키에는 데이터에 대한 아이디만 암호화된 상태로 부여한다 세션기반 인증 (Session-based Authentication) - 로그인 서버 : 사용자가 로그인을 한 것을 알고 있어야한다 클라이언트 : 인증 성공을 증명할 수단을 갖고 있어야 한다 ❗️❗️이때, 사용자가 인증에 성공한 상태를 세션이라한다. 서버는 일종의 저장소에 세션 또는 세션 저장소(DB)을 저장 👉🏻👉🏻 웹사이트에서 로그인을 유지하는 수단으로 쿠키를 사용한다. 쿠키에는 서버에서 발급한 세션 아이디를 저장한다. [인증/보안] Cookie HTML 삽입 미리보기할 수 없는 소스 📌 Cookie..
-
[인증/보안] CookiecodeStates front-end/node(server) 2023. 3. 7. 23:53
HTML 삽입 미리보기할 수 없는 소스 📌 Cookie 📍 Cookie 서버에서 클라이언트에 영속성있는 데이터를 저장하는 방법 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있다 http 프로토콜의 무상태성을 보완해주는 작업 보안 목적이 아니다 !!! 쿠키를 사용하는 대표적인 예시 쿠키를 사용하는 방법 쿠키는 헤더를 통해서 사용한다(내가 만든 쿠키 헤더에 담았지 ~~) 🔗 쿠키 옵션 종류 Domain : 서버의 접속할 수 있는 이름 Path : 세부 경로, 서버가 라우팅할 때 사용하는 경로를 의미 MaxAge or Expries : 쿠기가 유효한 기간을 저아는 옵션 Secure : 사용하는 프로토콜에 따른 쿠키의 전송 여부를 결정하는 옵션 HttpOnly : 자바스크립트로 브라우저의 쿠키에 접근..
-
[TS] 객체codeStates front-end/Typescript 2023. 3. 6. 20:36
HTML 삽입 미리보기할 수 없는 소스 📌 객체 📍객체 타입 기존 객체에서 타입을 유추하는 방법도 좋치만, 객체 타입을 명시적으로 선언하는 방법도 좋다. 값의 속성의 접근하려면 value.멤버 또는 value['멤버'] const poet = { born : 1935;, name : "Mary Oliver" } poet['born']; // 타입 : number poet.name; // 타입 : String poet,end; // Error // 객체 타입 선언 let student : { age : number; name : string; } student = { age : 20; name : "jeong"; } // 별칭 객체 타입 let student2 : student; student2 = { a..
-
[TS] 타입 시스템, 유니언과 리터럴codeStates front-end/Typescript 2023. 3. 6. 17:43
HTML 삽입 미리보기할 수 없는 소스 📌 타입 시스템 📍 타입의 종류 🔗 타입스크립트의 기본 윈시 타입 null undefined boolean string number bigint symbol 🔗 할당가능성 함수 호출이나 변수에 값을 제공할 수 있는지 여부를 확인하는 것 'Type... is not assignable to type ...' // 할당가능성 오류 🔗 타입 에너테이션 초기 다입을 유추할 수 없는 변수는 진화하는 any let rocker; // 진화하는 any rocket = "John" // 타입 : string 📍 유니언과 리터럴 유니언 : 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 리터럴 : 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것 ..