반응형 전체 글144 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. prototype 프로토타입은 자바스크립트의 핵심이다. 프로토타입 기반의 언어가 자바스크립트라는 개념을 인식해야한다. 클래스를 사용할 때도 프로토타입과 연관되어 있다. const user = { name: 'cap', age: 100 } const admin = user = { name: 'cap', age: 100, role: 'admin' } user과 admin 객체를 만들었다. 코드에서 보면 중복되는 name, age 속성들이 있다. 중복되는 코드를 줄일 수 있는 방법이 javascript에서 지향하는 prototype상속의 개념이다. user의 정보를 admin도 사용할 수 있도록 __proto__를 사용해서 prototype을 상속시켜줬다. admin을 조회해보니 [[prototype]] 안에는 age와 nam.. 2022. 12. 8. 이전 1 ··· 19 20 21 22 23 24 25 ··· 36 다음 728x90 반응형
