React로 개발시 많이 사용되는 script는 어떤건가요

Question

안녕하세요! 최근에 React를 공부중에 있습니다.근데 막히는 부분을 구글링하면 jsx,tsx,js 중구난방으로 검색이 되어 되게 불편하고 짜증나면서 혼란스럽네요!위 3개중 어떤걸 많이 사용하는가요?react version별로 선택을 하는지 궁금합니다.감사합니다.

bodyMist · Answer

저는 회사에서 패키지매니저로는 yarn을 쓰고 언어는 TS를 사용합니다.불편한 점이라면 아무래도 JS&#43;npm 보다는 라이브러리가 적다는 점이겠네요.

오케잇 · Answer

ㅎㅎ 저도 공감되는 질문이네요.버전업되면서 쓰는법이 더욱 다양해져서 해깔리긴합니다.가장 최신 jsx 문법이지만 js확장자에서 되는게 기본이라 기본을 쓰고있습니다.이래서 뷰도 인기가 있는건지 모르겠습니다.저는 뷰가 쓰기편하고 쉽고 일관된문법이 맘에 들더라고요

RWB · Answer

React를 사용한다면 보통 JSX 혹은 TSX를 활용합니다.순수 JavaScript 기반이라면 JSX, TypeScript 기반이라면 TSX라 부릅니다.리액트는 렌더링 시 대부분의 동작을 JS에 의존합니다. 따라서 스타일, HTML, 스크립트 모두 JS에 기술하게 됩니다.// JSX 방식 function Main({ name }) { return

Hello {name}

; } // JS 방식 function Main(props) { return React.createElement("div", null, "Hello ", props); }JS와 달리 JSX는 HTML 태그를 명시해줌으로써, 개발자 친화적인 코딩이 가능합니다. 지금이야 간단한 한 줄 이지만, HTML 여러개가 중첩될 경우, JSX 방식의 이점은 더더욱 커집니다.때문에 페이지 및 컴포넌트를 기술하는 스크립트는 JSX를 쓰는 것이 보통이고, 그 이외 HTML을 사용하지 않는 순수 스크립트(공통 모듈이라던가..)는 JS를 씁니다.제 식견이 그리 많진 않지만, 적어도 React 쓰면서 JSX 구문을 쓰지 않는 경우는 본 적 없습니다.JS나 TS나 결국 기본적인 JS에 타입이 명시된거라, TS -> JS 변환은 그냥 타입만 지워주면 되기 때문에 큰 어려움은 없으실겁니다.

OKKY_OP2 · Answer

해당 게시물은 관리자에 의해 기술에서 기타로 이동 되었습니다.

React로 개발시 많이 사용되는 script는 어떤건가요

4개의 답변

기타 목록