본문 바로가기
728x90

전체 글121

[TypeScript] 타입스크립트에서 any, unknown 타입이란? ❓타입스크립트에서 any, unknown 타입이란? 이 때까지 저는 타입스크립트를 사용하면서 any 타입을 많이 쓰면 타입이 느슨해지므로 타입스크립트를 쓰는 의미가 퇴색되는 것 같아 최대한 지양하며 사용해왔지만, any 타입에 대해 정확히 알지는 못했습니다. 또한 any 타입과 비슷하면서도 다른 unknown 이라는 타입도 있다는 것을 알게되어 함께 공부하게 되었습니다. 📌 any 타입이란? any 타입은 타입스크립트에서는 '어떤 타입이든'이라는 의미로 해석할 수 있습니다. 즉, 타입스크립트에서 any 타입은 어떠한 타입도 허용하는 타입인데요. 타입을 엄격하게 검사하고 처리하는 타입스크립트에서 any 타입은 치명적인 존재입니다. 아래의 코드는 변수 valueNumber를 number 타입으로 정의하고 v.. 2022. 7. 27.
[React] 클래스형 컴포넌트와 함수형 컴포넌트의 차이점 1. 선언방식 🏭 클래스형 컴포넌트 class 키워드로 시작합니다. Component로 상속을 받아야합니다. reunder() 메소드가 반드시 필요합니다. state, lifeCycle 관련 기능사용이 가능합니다. 함수형보다 메모리 자원을 더 사용합니다. 임의 메소드를 정의할 수 있습니다. 📦 함수형 컴포넌트 state, lifeCycle 관련 기능을 사용할 수 없습니다. (Hook을 통해 해결) 클래스형보다 메모리 자원을 덜 사용합니다. 컴포넌트 선언이 편합니다. 2. state 🏭 클래스형 컴포넌트 constructor 안에서 this.state 초기 값 설정 가능합니다. counstructor 없이도 바로 state 초기값을 설정 가능합니다. this.setState() 를 통해 state값을 변경.. 2022. 7. 21.
[TypeScript] Interface와 Class의 차이점 📕 기본 정의 인터페이스 인터페이스는 ES6가 지원하지 않는 타입스크립트만의 특징입니다. 인터페이스는 타입이며 컴파일 후에 사라집니다. 추상 클래스는 선언과 구현이 모두 존재하지만 인터페이스는 선언만 존재하며, 멤버 변수와 멤버 메서드를 선언할 수 있지만 접근 제한자는 설정할 수 없습니다. 클래스와 달리 인터페이스는 TypeScript의 컨텍스트 내에서만 존재하는 가상 구조입니다. TypeScript 컴파일러는 타입 체크 목적으로만 인터페이스를 사용합니다. 코드가 JavaScript 언어로 트랜스 파일되면 인터페이스에서 제거됩니다. 클래스 클래스는 ES6에서 JavaScript 생태계에 공식적으로 도입되었습니다. 클래스는 객체지향 프로그래밍 그 자체입니다. 객체지향 프로그래밍은 커다란 문제를 클래스라는 .. 2022. 7. 21.