반응형 분류 전체보기137 제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 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. ts에서 class를 사용할 때 ts에서 class를 사용할 때 다른점. 1. 클래스에서 사용할 속성(멤버변수)에는 type을 정의해줘야 한다. 2. constructor의 parameter에도 type을 정의해줘야 한다. 3. 멤버변수에는 유효범위도 사용할 수 있다. private, public, readonly등의 속성을 사용할 수 있다. class Person7 { // 멤버변수를 써줘야 한다. name: string age: number // 멤버변수의 유효범위도 쓸 수 있다. private name2: string public age2: number readonly log: string constructor(name:string, age: number){ this.name = name, this.age = age } } 2022. 12. 14. vue3 yarn install 하기 npm install --global yarn yarn --version yarn global add @vue/cli yarn -v CND 사용 1. [CDN Package] npm 설치 방법 1. [vue cli] npm install vue@next npm install -g vue-create npm install -g @vue/cli --- 설치 후 --- 1) npm init vue 또는? vue create 2) 터미널 열고 의존성 모듈 설치 npm install vite 설치 방법 npm init vite-app eslint 설정 1) .eslintrc.cjs /* eslint-env node */ require("@rushstack/eslint-patch/mod.. 2022. 12. 13. params를 쓸까 query를 쓸까? (참고로 이 글은 파라미터와 쿼리스트링에 대한 정보가 담긴 글은 아닙니다ㅋㅋ) 포트폴리오에 readme를 모달로 띄워놓은 상태였다. 따로 만든 이력서에 플젝설명을 또다시 적는 삽질보다는 해당 링크를 거는게 낫지 않겠는가 싶어서 호기롭게 시작했지만, 코린이에게는 역시나 고비가 왔다. 내 포폴은 SPA이다. 컴포넌트 하나에만 route를 해놓은 상태였다. 제일 먼저 생각한 방법 1. params가 있을 때 모달을 띄울때 걸어놓은 setState 상태를 바꾸자 라는 방법이였다. Layout컴포넌트는 nav와 footer는 공통 Outlet 갖고 있는 화면 전체 레이아웃이다. 처음에는 그냥 layout의 path에 :parmas를 했지만 아예 화면이 보이질 않았다. 그래서 따로 Project 컴포넌트를 path.. 2022. 12. 13. 이전 1 ··· 17 18 19 20 21 22 23 ··· 35 다음 728x90 반응형
