Typescript 에서 Class문법 사용하기 + Next.js 시작

 

- TypeScript

 

 Ts 수업을 들으면서 오랜만에 Class문법에 대해 다시 복습하게 되었다.

 

Class 문법은 ES6에서 부터 도입된 JS 문법이고

 많은 Object를 만들 때 사용한다.

예전에 배웠을 땐 바로 이해되지 않았지만 그냥 단순히 쉽게 많은 Object를 만들 때 복붙한다는 개념으로 생각하면 

쉽게 이해가 됐다.

 

class Object{
	consturtor (a){
    	this.name = a
    }
}

let Object1 = new Object('객체1')
let Object2 = new Object('객체2')

//Object1.name = '객체1'
//Object2.name = '객체2'

 

 이외에도 Prototype에 대해서도 다시금 복습하게 되었는데, 

 부모 (class 생성자) 자식(새로 생성한 object) 간의 유전자를 새롭게 만들어주는 것이라고 생각하니

 이해가 빨리 되었다. 코딩애플님 감사합니다.

 

 이후 이것을 typescript에 적용시키는 과정은 간단했다.
 확실히 기초를 잘 이해하고 넘어가야지 이후에 배우는 것들에 응용이 쉽게 되는 것 같다.

 

class Object{
	name : string
	consturtor (a: string){
    	this.name = a
    }
}

let Object1 = new Object('객체1')
let Object2 = new Object('객체2')

//Object1.name = '객체1'
//Object2.name = '객체2'

//응용과정

class Car {
    model : string;
    price : number;
    constructor (a:string,b:number){
        this.model = a;
        this.price = b;
        
    }
    tax(b:number){
        return this.price/10
    }
}

let 아반떼 = new Car ('아반떼', 3000)

 

 

- Next.JS

 

 

그리고 많은 기업들에서 사용하고 있다는 next.js도 배워보기로 했다. 현재는 노마드코더를 통해 무료강의를 듣는 중이다.

localhost 3000 에서 만난 next.js

 

 리액트만 봐왔던 로컬호스트가 넥스트js로 바뀌니까 왠지 재밌다.