inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

useReducer - 2

counterReducer.ts

71

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

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

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

cloudinary 관련

0

37

3

useOptimistic 실전-1 useState

0

56

2

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

0

59

1

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

0

79

2

Web 플랫폼 등록

0

96

2

함수 정의 기준

0

76

2

fetch는 사용되는가

0

74

2

전역상태 관리 선택 기준

0

82

2

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

0

146

2

카카오 web플랫폼 등록

0

134

2

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

0

58

2

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

0

40

1

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

0

43

2

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

0

41

2

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

0

63

2

수업자료 다운로드

0

50

2

리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.

0

64

2

useState 자동생성 하실때 누른 키보드가 궁금합니다.

0

51

1

타입스크립트 타입이 불일치하는데 에러가 안납니다.

0

74

3

default format >> prettier 이 실행이 안됩니다.

0

65

2

윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?

0

334

3

리렌더링 관련 문의

0

56

2

공부 방향에 대해서

0

62

2

form action 과 onSubmit

0

58

2