inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

useReducer - 2

counterReducer.ts

85

himy1114

작성한 질문수 1

0

counterReducer.ts 파일은 왜 tsx파일이 아닌 ts인가요??

react react-router redux-toolkit zustand react.js

답변 2

0

수코딩

안녕하세요.

확장자를 선택하는 기준은 내부에서 JSX 문법을 사용했느냐입니다.

JSX 문법을 사용했다면 .tsx, 아니라면 .ts로 만들면 됩니다!

0

인프런 AI 인턴

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

counterReducer.ts 파일이 .tsx 확장자가 아닌 .ts 확장자를 사용하는 이유는 이 파일이 JSX 구문을 포함하고 있지 않기 때문입니다. 리액트 프로젝트에서 .ts.tsx 파일은 아래와 같은 차이점이 있습니다:

  1. .ts 파일: 이 파일은 순수하게 TypeScript 코드를 작성하기 위한 파일입니다. 즉, JSX 구문을 사용하지 않으며 주로 비즈니스 로직, 유틸리티 함수, 타입 정의 등의 작업에 사용됩니다.

  2. .tsx 파일: 이 파일은 TypeScript와 JSX를 함께 사용할 수 있도록 지원합니다. 리액트 컴포넌트를 정의하거나 JSX 구문을 포함할 때 사용됩니다.

counterReducer.ts 파일은 리덕스(redux)의 리듀서(reducer)를 정의하는 데 사용되는 파일일 가능성이 큽니다. 이러한 파일들은 일반적으로 상태(state)에 대한 비즈니스 로직을 처리하며, JSX와는 무관한 경우가 많아 .ts로 작성됩니다.

관련하여 추가적인 학습을 도와드릴 수 있는 링크를 아래에 추천드립니다:

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

몽고디비 접속의 건

0

12

2

소스코드 제공여부

0

47

2

기본 파일 구조

0

47

2

공부방향에 대한 조언

0

57

2

styled-components

0

44

2

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

0

61

2

import {} 중괄호 차이점

0

56

2

[ 문의]몽고DB connect 의 건

0

72

2

제공되는 react_code.zip 중에 ..

0

69

2

커리큘럼 비활성화

0

56

2

설명하시는 개념들을 잘 모르겠습니다.

0

60

2

이해가 절반 정도 되는데요.

0

70

1

styled-components(전역)

0

68

1

cloudinary 관련

0

88

3

useOptimistic 실전-1 useState

0

93

2

discord 초대장 갱신이 필요한거같습니다.

0

90

1

할일 관리 앱(메모이제이션)

0

110

2

Web 플랫폼 등록

0

169

2

함수 정의 기준

0

94

2

fetch는 사용되는가

0

97

2

전역상태 관리 선택 기준

0

133

2

tailwind css는 언제 사용되는가 또 다른 css와의 차이

0

259

2

카카오 web플랫폼 등록

0

213

2

컴포넌트 그리고 폴더 구조에 대해

0

91

2