24.02.12 (월)

학습구간 및 정리본

질문과 답변

1. 캡슐화

❓ 프론트엔드 개발에서 React 컴포넌트의 '상태(state)'와 'props'를 캡슐화하는 것이 어떤 이점을 가지나요?

나의 답변

1. 명확한 역할과 책임 분리

캡슐화를 통해 각 컴포넌트는 자신의 역할과 책임에 집중할 수 있습니다. 이는 각 컴포넌트가 수행하는 기능을 명확히 하고, 그 결과 전체 애플리케이션의 가독성과 유지보수성이 향상됩니다.

2. 재사용성 향상

캡슐화된 컴포넌트는 다른 부분의 코드와 격리되어 있기 때문에, 다른 곳에서도 재사용하기 쉽습니다. 이는 개발 시간을 줄이고, 코드의 일관성을 유지하는 데 도움이 됩니다.

3. 사이드 이펙트 최소화

상태와 props를 적절히 캡슐화함으로써, 한 컴포넌트의 변경이 다른 컴포넌트에 미치는 영향을 최소화할 수 있습니다. 이는 예기치 않은 버그를 방지하고, 시스템의 안정성을 높입니다.

4. Prop Drilling 방지

캡슐화는 Prop Drilling 문제를 줄이는 데 도움이 됩니다. 즉, 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 과정을 최소화함으로써, 컴포넌트 간의 의존성을 줄이고 관리를 용이하게 만듭니다.

5. 테스트 용이성

캡슐화된 컴포넌트는 독립적으로 테스트하기가 더 쉽습니다. 각 컴포넌트가 명확한 역할과 책임을 가지므로, 단위 테스트를 통해 기능을 검증하기가 용이합니다.

이러한 측면들은 프론트엔드 개발에서의 캡슐화가 코드의 품질과 애플리케이션의 전반적인 건강성을 향상시키는 데 기여한다는 것을 강조합니다.

2. 객체 지향 관점에서의 타입스크립트

❓ 객체 지향 관점에서 타입스크립트의 이점을 서술하세요

TypeScript를 활용하면 프론트엔드에서 객체 지향을 구현할 수 있습니다. 컴포넌트를 조합하는 것도 객체 지향을 활용하는 것이기 때문에 컴포넌트를 개발하는 것이 사실상 객체 지향을 구현하고 있다고 말할 수 있습니다.

그렇다면 객체 지향 관점에서 TypeScript가 프론트엔드에 주는 이점에 대해 서술해주세요.

나의 답변

명확한 의존성 주입(Dependency Injection) 표현

인터페이스를 사용하여 컴포넌트 간의 협력 관계를 명확하게 정의할 수 있으며, 이를 통해 객체 간의 결합도를 낮출 수 있습니다.

객체 지향적 표현의 다양성

타입스크립트는 점진적, 구조적, 덕 타이핑을 결합한 언어로서 객체 지향의 폭을 넓혀, 리액트와 같은 라이브러리에서 컴포넌트와 상태 관리를 객체 지향적으로 접근할 수 있게 합니다.

3. 타입스크립트가 객체지향을 구현할 수 있는 이유

❓ 자바스크립트에 비해 타입스크립트가 객체 지향을 온전히 구현할 수 있는 이유는 무엇인가요?

나의 답변

1. 접근 제어자

타입스크립트는 private, public, protected와 같은 접근 제어자를 제공합니다.
이를 통해 클래스 내부의 속성과 메소드의 접근성을 제어할 수 있어, 캡슐화를 더욱 효과적으로 구현할 수 있습니다.

2. 인터페이스와 추상 클래스

타입스크립트는 인터페이스와 추상 클래스를 제공하여, 설계 단계에서 객체의 행동을 더 명확하게 정의하고 구현을 강제할 수 있습니다.
이는 코드의 일관성과 안정성을 높이는 데 기여합니다.

3. 강력한 타입 시스템

타입스크립트의 강력한 타입 시스템은 코드의 가독성과 유지보수성을 향상시킵니다. 타입 안정성을 통해 런타임 오류를 줄이고, 개발자가 의도한 대로 객체와 클래스가 사용되도록 보장합니다.

4. 더 나은 도구 지원

타입스크립트의 타입 시스템은 IDE와 다양한 개발 도구에서 더 나은 자동 완성, 리팩토링, 타입 체크 등을 가능하게 합니다.
이는 개발 과정에서 실수를 줄이고 생산성을 향상시키는 데 도움이 됩니다.

이러한 특징들은 타입스크립트가 객체 지향적인 설계와 프로그래밍을 더 효과적이고 명확하게 구현할 수 있게 해줍니다.