inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 React

3-1. import와 require 비교

cjs와 esm을 사용하는 방법에 있어서 제로초님 만의 기준이 있으신지 궁금합니다.

337

gigo96

작성한 질문수 20

0

이전 node강좌를 수강할 때는 cjs 방식을 사용하셨고, 이번 리액트 강좌에서는 esm 방식을 사용하셔서 cjs와 esm 모듈 방식에 대해 찾아본 결과 둘이 미묘하게 비슷하면서 동작 방식 확연히 다른 것을 확인했습니다.

또한 노드 강좌에서는 cjs가 deprecated 안 된다고 하셨으나 vscode에서는 cjs 방식을 리팩토링 대상으로 보는 것도 제 궁금증을 증폭시켜서 찾아봤지만 확실하게 제 기준을 만들지 못했습니다.

혹시 강의에서 예를 들어주신 것처럼 백엔드에서는 cjs를 사용하고 프론트에서는 esm을 사용한다던지 하는 제로초님만의 기준이 있으신가요?

react

답변 1

0

제로초(조현영)

프론트는 esm만 사용하면 됩니다. 문제는 노드쪽인데 esm으로 하는게 베스트긴 하나 cjs와 완벽하게 1대1이 아닌지라 문제가 계속 발견되고 있습니다. 결국 esm으로 통일될 겁니다.

0

gigo96

결국엔 역시 esm으로 통일 되겠군요...

감사합니다!

npm run dev 실행 시 포트가 안뜨는 문제

0

239

2

timeouts.current를 useEffect 의 input값으로 넣었을때

0

98

2

렌더링 테스트 코드 (Hooks)

0

93

1

Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.

0

166

1

해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"

1

208

1

강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ

0

106

1

useMemo와 useCallback 사용 시기

0

221

2

onRightClickTd가 작동을 하지 않습니다.

0

237

1

action.type 불러오는 방식

0

226

2

onClickRedo 질문

0

177

1

const Try = require(./Try) 빨간줄

0

261

1

npx webpack 실행시

0

324

1

지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.

0

243

1

강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?

0

319

1

react devtool이 enable 않됩니다.

0

548

2

React 랜더링이 되지 않습니다.

0

422

2

비동기로 동작하는 setState에 대해서

0

339

1

npm run dev 할 때 에러발생

0

496

2

memo, PureComponenet, shouldComponentUpdate 관련 질문

0

211

1

devMiddleware의 필요성

0

358

1

리액트에서 화살표 함수를 사용해야하는 이유

0

947

2

path.join관련질문

0

287

2

2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러

0

384

1

next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니

1

503

4