반응형
Jake Seo
제이크서 위키 블로그
Jake Seo
전체 방문자
오늘
어제
  • 분류 전체보기 (715)
    • 일상, 일기 (0)
    • 백준 문제풀이 (1)
    • 릿코드 문제풀이 (2)
    • 알고리즘 이론 (10)
      • 기본 이론 (2)
      • 배열과 문자열 (8)
    • 데이터베이스 (15)
      • Planet Scale (1)
      • MSSQL (9)
      • 디비 기본 개념 (1)
      • SQLite 직접 만들어보기 (4)
    • 보안 (7)
    • 설계 (1)
    • 네트워크 (17)
      • HTTP (9)
      • OSI Layers (5)
    • 회고 (31)
      • 연간 회고 (2)
      • 주간 회고 (29)
    • 인프라 (52)
      • 도커 (12)
      • AWS (9)
      • 용어 (21)
      • 웹 성능 (1)
      • 대규모 서비스를 지탱하는 기술 (9)
    • 깃 (7)
    • 빌드 도구 (7)
      • 메이븐 (6)
      • 그레이들 (0)
    • Java (135)
      • 이펙티브 자바 (73)
      • 자바 API (4)
      • 자바 잡지식 (30)
      • 자바 디자인 패턴 (21)
      • 톰캣 (Tomcat) (7)
    • 프레임워크 (64)
      • next.js (14)
      • 스프링 프레임워크 (28)
      • 토비의 스프링 (6)
      • 스프링 부트 (3)
      • JPA (Java Persistence API) (5)
      • Nest.js (8)
    • 프론트엔드 (48)
      • 다크모드 (1)
      • 노드 패키지 관리 매니저 (3)
      • CSS (19)
      • Web API (11)
      • tailwind-css (1)
      • React (5)
      • React 새 공식문서 요약 (1)
      • HTML (Markup Language) (5)
    • 자바스크립트 (108)
      • 모던 자바스크립트 (31)
      • 개념 (31)
      • 정규표현식 (5)
      • 코드 스니펫 (1)
      • 라이브러리 (6)
      • 인터뷰 (24)
      • 웹개발자를 위한 자바스크립트의 모든 것 (6)
      • 팁 (2)
    • Typescript (49)
    • 리눅스와 유닉스 (10)
    • Computer Science (1)
      • Compiler (1)
    • IDE (3)
      • VSCODE (1)
      • IntelliJ (2)
    • 세미나 & 컨퍼런스 (1)
    • 용어 (개발용어) (16)
      • 함수형 프로그래밍 용어들 (1)
    • ORM (2)
      • Prisma (2)
    • NODEJS (2)
    • cypress (1)
    • 리액트 네이티브 (React Native) (31)
    • 러스트 (Rust) (15)
    • 코틀린 (Kotlin) (4)
      • 자바에서 코틀린으로 (4)
    • 정규표현식 (3)
    • 구글 애널리틱스 (GA) (1)
    • SEO (2)
    • UML (2)
    • 맛탐험 (2)
    • 리팩토링 (1)
    • 서평 (2)
    • 소프트웨어 공학 (18)
      • 테스팅 (16)
      • 개발 프로세스 (1)
    • 교육학 (1)
    • 삶의 지혜, 통찰 (1)
    • Chat GPT (2)
    • 쉘스크립트 (1)
    • 컴파일 (2)
    • Dart (12)
    • 코드팩토리의 플러터 프로그래밍 (4)
    • 플러터 (17)
    • 안드로이드 스튜디오 (1)
    • 윈도우즈 (1)
    • 잡다한 백엔드 지식 (1)
    • 디자인 패턴 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 이펙티브 자바
  • 자바스크립트 면접
  • 서버리스 컴퓨팅
  • serverless computing
  • rust
  • 싱글톤 패턴
  • 자바 디자인패턴
  • 프로그래머의 뇌
  • 자바 검증
  • 메이븐 골
  • Pre-rendering
  • 참조 해제
  • 싱글턴
  • next js app
  • 외래키 제약조건
  • 추상 팩터리 패턴
  • item8
  • NEXT JS
  • 자바스크립트
  • try-with-resources
  • 토비의 스프링
  • 메이븐 페이즈
  • 러스트
  • 디자인패턴
  • 빈 검증
  • 작업기억공간
  • 싱글톤
  • 슬로우 쿼리
  • MSSQL
  • 이펙티브자바
  • Java
  • Next.js
  • 메이븐 라이프사이클
  • 팩터리 메서드 패턴
  • pnpm
  • 스프링 검증
  • 도커공식문서
  • 자바스크립트 인터뷰
  • 이펙티브 자바 item9
  • bean Validation
  • item9
  • 느린 쿼리
  • prerendering
  • 알고리즘
  • 자료구조
  • 플라이웨이트패턴
  • item7
  • Javadoc 자바독 자바주석 주석 Comment
  • 객체복사
  • 자바

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Jake Seo

제이크서 위키 블로그

Typescript

TS017. 타입스크립트에서 Any 타입 사용의 문제점

2023. 12. 30. 04:03

Any 타입의 문제점

1: 타입 세이프티가 손실된다.

  • Silent Type Errors: 컴파일 타임 타입 검사에서 에러를 받아보지 못하고 런타임에 에러가 발생하게 된다.
    • 서비스 운영에 치명적이다.
  • Masking Bugs: 타입 에러는 종종 잠재적 버그를 나타내주는 지표가 되는데 이런 지표가 마비된다. 결국 디버깅하기 어려운 버그가 발생할 수 있다.
function addNumbers(a: any, b: any) {
  return a + b;
}

const result = addNumbers("10", 5); // Expected number, but gets string "105"

2: 자동완성과 툴링에 있어서 손해를 많이 본다.

  • 아래와 같이 any 타입으로 변수를 선언하면 IDE 에서 primitive 지원 기본 메서드들이 추천되지 않는다.
  • 결국 직접 타이핑하다가 에러가 발생한다.
let any: any = "abc";
// any. // 메서드가 뭐가 있었지?

3: 잘못된 타입의 인자를 넘겼을 때 알기 힘들다.

  • 코드 분석 도구는 잠재적 문제를 해결하는데 도움을 주는데 이런 도움을 받기 어렵다.
function foo(x: number, y: number) {
  return x * y;
}

let v1: any = true;
let v2: any = false;

foo(v1, v2); // 에러가 검출되지 않는다.

4: 가독성 및 유지보수에서 손해를 많이 본다.

  • 불분명한 의도: 코드의 의도를 이해하는데 많은 어려움을 겪을 수 있다.
  • 리팩토링 위험: 타입 안정성을 보장할 수 없기 때문에 코드 리팩토링 과정이 위험해진다. 리팩토링 중 새로운 버그가 발생할 수도 있다.
let userDetails: any = { name: "John", age: 30 };
// Later in the code
userDetails = "Logged Out"; // Unclear why a user object becomes a string

의도를 알기 어려운 코드 예시이다.

5: 확장성 및 팀 협업에 문제가 발생한다.

  • 일관성 없는 코드 표준: any 를 사용하는 개발자가 있다는 것만으로 컨벤션이 깨질 수 있다.
  • 기술 부채: any 타입은 기술 부채가 되어 가까운 미래에 문제를 발생시킬 수 있다.

6: 의도치 않은 보안 문제를 일으킬 수 있다.

  • 함수와 메서드가 처리하도록 설계되지 않은 값을 받아들여 외부 소스에서 입력이 들어오는 경우 보안 취약점이 발생할 수도 있다.

베스트 프랙티스

  • 유형을 알 수 없는 동적 콘텐츠를 다룰 때만 한정적으로 사용하기
  • 제네릭 같은 보다 구체적인 타입을 사용하도록 노력하기
  • 구조가 복잡하더라도 타입 정의 잘하기
  • 단기적인 편의성에 속지 말기
반응형
저작자표시 비영리 (새창열림)

'Typescript' 카테고리의 다른 글

TS019. 타입스크립트 never 타입  (0) 2023.12.30
TS018. 타입스크립트 Unknown 타입과 Any 타입 비교  (0) 2023.12.30
TS016. 타입스크립트 타입, 인터페이스 상속과 오버라이딩  (0) 2023.12.30
TS015. 타입스크립트에서 타입과 인터페이스의 차이  (0) 2023.12.30
TS014. Type Predicate (타입 술어, 타입 가드)  (0) 2023.12.28
    'Typescript' 카테고리의 다른 글
    • TS019. 타입스크립트 never 타입
    • TS018. 타입스크립트 Unknown 타입과 Any 타입 비교
    • TS016. 타입스크립트 타입, 인터페이스 상속과 오버라이딩
    • TS015. 타입스크립트에서 타입과 인터페이스의 차이
    Jake Seo
    Jake Seo
    ✔ 잘 보셨다면 광고 한번 클릭해주시면 큰 힘이 됩니다. ✔ 댓글로 틀린 부분을 지적해주시면 기분 나빠하지 않고 수정합니다. ✔ 많은 퇴고를 거친 글이 좋은 글이 된다고 생각합니다. ✔ 간결하고 명료하게 사람들을 이해 시키는 것을 목표로 합니다.

    티스토리툴바