반응형 전체 글144 브라우저 저장소 브라우저 저장소 쿠키, 웹 스토리지, 로컬 스토리지, 세션 스토리지 HTTP통신을 통해서 클라이언트가 서버에게 requeset를 보내고 서버는 클라이언트에게 requeset에 대한 response를 보내고 접속을 종료한다. 통신이 끝나면 상태 인증에 쓰이는 상태 정보를 유지하지 않는다는 특징이 있다. 서버측에선 자원 낭비를 하지 않는 장점이 있지만, 통신을 할 때마다 새로 연결해줘야 하기 때문에 클라이언트는 그 때마다 인증을 해줘야하는 단점을 갖고있다. 이러한 문제에 사용하는 것이 브라우저의 스토리지이다. 브라우저의 저장공간인데, 쿠키, 웹 스토리지(로컬 스토리지, 세션 스토리지)가 있다. 웹 스토리지는 html5부터 제공되는 저장소이다. 쿠키와 웹 스토리지는 모두 해당 도메인에 대한 데이터를 브라우저에.. 2022. 12. 25. Lifecycle Hooks (vue.js) Lifecycle Hooks이란? 컴포넌트에서 생명주기 기능(생성, 수정, 소멸)의 과정을 말한다. 대표적인 경우 템플릿을 컴파일 하는 경우 데이터 설정이 필요한 경우 컴포넌트를 dom에 마운트 하는 경우 데이터가 변경되어 dom을 업데이트 하는 경우 Lifecycle Hooks 단계 크게 created, mounted, updated, destroyed 4단계로 나뉘어 진다. creation: 생성 단계 DOM이 생성되기 전 단계 beforeCreate, created 다른 훅과 달리 서버 렌더링 과정 중에도 실행이 된다. [beforeCreate] - 라이프사이클에서 가장 먼저 실행된다. - 컴포넌트가 DOM에 가장 처음으로 추가되기 전 상태를 말한다. - 컴포넌트가 DOM에 추가되기 전이기 때문에 .. 2022. 12. 25. 제네릭 화살표함수 화살표 함수식을 활용 let corsURL = (url:string): string => `https://crossorigin.me/${url}`; 제너릭 함수 구현 * function GenericReturnFunc(arg: T): T { return arg; } * const GenericReturnFunc = (arg: T): { return arg } 함수에서 타입스크립트 활용 return값은 type // number 타입의 매개변수를 return하는 함수 function NumberReturnFunc(arg: number): number{ return arg; } const NumberReturnFunc = (agr: number ):number => { return arg } // strin.. 2022. 12. 22. 제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 interface 타입정의가 늘어난다. interface Email { value: string; selected: boolean;}const emails: Email[] = [ { value: "naver.com", selected: true }, { value: "gmail.com", selected: false }, { value: "hanmail.net", selected: false },];interface ProdcutNum { value: number; selected: boolean;}const numberOfProducts: ProdcutNum[] = [ { value: 1, selected: true }.. 2022. 12. 15. 이전 1 ··· 18 19 20 21 22 23 24 ··· 36 다음 728x90 반응형