SvelteKit 으로 웹 프로젝트 개발 중, Drag and Drop 및 레이아웃 커스텀 기능을 사용하기 위해 GridStack.js 를 사용하게 되었는데,사이즈 조절을 위해 GridStack 에서 임의의 속성값을 Element 에 설정해주어야한다. 이때, 다음과 같은 에러가 발생하면서 빨간줄이 생겨 몹시 거슬리는 상황이었다. 에러 내용Object literal may only specify known properties, and '"gs-w"' does not exist in type 'HTMLProps>'.ts(2353) 구글링해도 나오지 않고, GPT 도 통쾌한 답을 내지 못하는 상황,,,, SvelteKit 프로젝트를 뒤적거리다 .svelte-kit 하위의 non-ambient.d.ts 파일을 ..

Type Alias 란? Type Alias 는 새로운 타입을 정의할 때 사용한다. 타입으로 사용할 수 있다는 점에서 Type Alias 는 Interface 와 유사하다. Type 사용 방법 type PositionType = { x: number; y: number; }; const position: PositionType = { x: 3, y: 4 } Type 의확장 Interface 와 type 을 비교해보면 확장 기능에 있어서 interface 가 조금 더 준수한 성능을 가지고 있다고 한다. (최신 버전에서는 성능으로 인한 차이는 없다고 확인) type 과 interface 를 사용하는 데에는 팀 내 규칙에 따라서 달라지곤 하지만 일반적으로 type 을 사용할 때에는 단순히 값을 담아두기 위해..

Interface 란? 인터페이스는 일반적으로 상호 간에 정의한 약속 혹은 규칙을 말하는데, 우리가 사용하는 Object 객체에는 특정 속성값에 대한 정보가 없기 떄문에 인터페이스로 선언해서 사용할 수 있다. 인터페이스는 프로퍼티와 메서드를 가질 수 있다는 점에서 클래스와 유사하지만 직접 인스턴스를 생성할 수 없고, 모든 메서드는 추상 메서드로 선언되어 있다. 하지만, 추상 클래스의 추상 메서드와는 다르게 abstract 키워드를 사용하지 않는다. 인터페이스는 변수의 타입으로 사용될 수 있으며, 이때 선언된 변수는 인터페이스에 정의된 프로퍼티와 메서드 규칙을 준수해야 한다. 이는 사용자가 새로운 타입을 만들어서 정의하는것으로도 볼 수 있다. 이제 Interface 에 대해 알아봤으니 어떠한 경우에 사용하..