inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

useReducer - 2

counterReducer.ts

75

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로 작성됩니다.

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

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

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

0

34

2

import {} 중괄호 차이점

0

38

2

[ 문의]몽고DB connect 의 건

0

47

2

제공되는 react_code.zip 중에 ..

0

47

2

커리큘럼 비활성화

0

46

2

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

0

43

2

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

0

56

1

styled-components(전역)

0

56

1

cloudinary 관련

0

71

3

useOptimistic 실전-1 useState

0

87

2

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

0

83

1

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

0

99

2

Web 플랫폼 등록

0

140

2

함수 정의 기준

0

87

2

fetch는 사용되는가

0

88

2

전역상태 관리 선택 기준

0

109

2

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

0

210

2

카카오 web플랫폼 등록

0

193

2

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

0

78

2

152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요

0

52

1

폼테그 다른 태그를 하나의 상태 객체로 묶기

0

55

2

class를 className으로 전부 수정하실 때

0

49

2

JWT에 대한 개념도 학습할 수 있나요?

0

74

2

수업자료 다운로드

0

61

2