반응형 전체 글130 타입 추론과 타입 단언 타입스크립트가 타입을 추론해 나아가는 과정은 변수를 선언하거나 초기화 할때 이외에도 변수, 속성, 인자의 기본 값, 함수 반환 값등을 설정할 때 타입 추론이 일어난다. 보통은 몇개의 표현식을 바탕으로 추론하는데 가장 근접한 타입을 Best Common Type 이라고 한다.그리고 타입을 추론하는 다른 방법으로는 바로 문맥상으로 타입을 결정하는 것이있다. 자세한 내용https://joshua1988.github.io/ts/guide/type-inference.html#%EB%AC%B8%EB%A7%A5%EC%83%81%EC%9D%98-%ED%83%80%EC%9D%B4%ED%95%91-contextual-typing 타입 추론 | 타입스크립트 핸드북타입 추론(Type Inference) 타입 추론이란 타입.. 2024. 8. 15. History모드 : SPA, SSR, CSR SPA: (Single Page Application)각 UI는 javascript 코드로 만들어서 하나의 페이지( html 문서) 에 마운트 시킨다.페이지를 따로 로딩하지 않아도 되기 때문에 UI를 빠르게 사용할 수 있다. SSR: 서버측에서 각 페이지 UI에 보여질 리소스를 생성해서 화면으로 내려주는 방식CSR: 클라이언트에서 javascript코드로 html생성해서 보여주는 방식 [운영서버에 배포할 때 차이점] History모드: 전체 경로를 포함해서 리소스를 요청한다.하지만 히스토리 모드로 서버에 배포를 하게 되면 404 NotFound 페이지가 보여지게 된다. 즉 히스토리 모드로 서버에 배포를 할 때는 추가로 사용하는 서버에 맞게 설정을 해줘야 한다. hash모드: 해시모드로 서버에 자원.. 2024. 8. 5. vue3 ref와 reactive 사용법과 차이점 Options API는 data, methods, mounted 와 같은 옵션을 사용. (vue3 이전 버전)Composition API는 반응형 코드를 작성하는 단일 setup 함수가 있음. (vue3)composition api는 vue 컴포넌트를 작성할 수 있는 api세트이다. 그 중 ref와 reactive는 컴포넌트와 별개로 사용할 수 있는 반응형 데이터를 생성할 수 있다. ref는 premity type(string, number, object) 어떠한 타입도 사용할 수 있고,reactive는 object, array, map, set과 같은 타입에서만 사용할 수 있다. 객체를 선언할때 둘 다 사용할 수 있는데, ref를 사용하면 객체를 한꺼번에 객체 할당할 수 있다.반대로 reactive.. 2024. 8. 5. vue router 이동 // 리터럴 문자열 경로router.push('/users/eduardo')// 경로가 있는 개체router.push({ path: '/users/eduardo' })// 이름을 가지는 라우트router.push({ name: 'user', params: { username: 'eduardo' } })// 쿼리와 함께 사용, 결과적으로 /register?plan=private가 됩니다.router.push({ path: '/register', query: { plan: 'private' } })// 해시와 함께 사용, 결과적으로 /about#team가 됩니다.router.push({ path: '/about', hash: '#team' }) 2024. 8. 3. 이전 1 2 3 4 ··· 33 다음 728x90 반응형