변수의 선언이 중복되었다고 할 때

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

Spread Operator

작성

안녕하세요 코팩님

강의 잘 듣고있습니다!

문제가 발생하는 부분은요

a.ts 파일에서 num1 이라는 변수를 선언하여 사용하고

b.ts 파일에서 num1 이라는 변수를 다시 선언하면

중복되었다고 나오는데...

이와 같은 문제는 왜 생기는 걸까요?

어떻게 해결해야 할 수 있는지 알고싶어요.

분명 강의 도중에 언급하신 것 같은 기억은 있는데, 도통 어디서 언급해주셨는지 기억이 안나서 질문드립니다.

감사합니다.

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다!

[코드팩토리 디스코드]
https://bit.ly/3HzRzUM

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

typescript

답변 2

코드팩토리

지식공유자

안녕하세요!

moduleDetection: force 세팅 맞을까요!?

초반 tsconfig.json 설정하는 부분에서 말씀 드렸습니다.

감사합니다!

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 리얼큐님.

TypeScript에서 선언된 변수의 이름이 중복될 때 발생하는 문제는 변수의 스코프와 관련이 있습니다. a.ts와 b.ts 같은 두 개의 파일에서 동일한 전역 변수 num1을 선언하면, 컴파일 타임에 변수 중복에 대한 에러를 발생할 수 있습니다. 이는 두 파일이 같은 스코프 내에 있기 때문입니다.

이 문제를 해결하는 몇 가지 방법은 다음과 같습니다:

모듈 사용: 변수나 함수를 파일 내에 모듈로 캡슐화하여 사용하면 서로 다른 파일의 전역 변수가 겹치지 않습니다.
```
// a.ts
export const num1 = 10;


// b.ts
import { num1 } from './a';
console.log(num1);  // 10
```

Namespace 사용: TypeScript에서는 네임스페이스를 사용하여 전역 변수 충돌 문제를 방지할 수 있습니다.

// a.ts
namespace MyNamespace {
  export const num1 = 10;
}


// b.ts
namespace MyNamespace {
  console.log(MyNamespace.num1);  // 10
}

자세한 설명과 코드 예제를 통한 해결책은 다음 링크에서 확인하실 수 있습니다:

TypeScript에서 변수 충돌 해결하기 : 변수의 스코프와 네임스페이스 사용 방법을 설명한 게시물입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

변수의 선언이 중복되었다고 할 때