inflearn logo
강의

講義

知識共有

[React 第1部] 作って比較しながら学習するReact

import에 관해서 질문드립니다

解決済みの質問

254

clw86799822

投稿した質問数 19

1

안녕하세요 강의 정말 잘 듣고 있습니다.

해당 강의를 듣는중 궁금한점이 생겨서 질문 드립니다.

제가 원래 java/spring을 공부하다가 이번에 프론트 엔드쪽에 관심이 생겨서 React를 학습중인데

ide에서는 .js 파일을 Import할때 뒤에 왜 자동으로 .js가 안붙도록 되어있나요?

저는 강사님과 다른 ide를 사용중인데도 여기서도 .js가 자동으로 붙지 않습니다.

import React from "react";
import Header from "./components/Header.js";
import KeywordList from "./components/KeywordList.js";
import SearchForm from "./components/SearchForm.js";
import SearchResult from "./components/SearchResult.js";
import Tabs, { TabType } from "./components/Tabs.js";
import store from "./Store.js";

제가 추측한건데 React를 import 하는 경우에는 react 파일이 typeScript로 되어있고 나머지 경우는 전부 javaScript로 되어있습니다. 따라서 기본이 .ts로 설정 되어 있어서 javascript파일은 별로로 명시해줘야 찾을 수 있게 되어 있다고 생각이 듭니다.

별로 의미없는 질문이지만 궁금해서 질문 드립니다.

감사합니다.

react mvc

回答 1

1

jeonghwan

'ide에서 파일을 가져올 때 왜 확장자가 붙지 않는가?' 라고 질문 주신 거죠?

저는 vscode를 사용하는데요. 강의를 만들 당시에는 확장자가 붙지 않는 것을 영상으로 확인했어요. 지금 vscode로 확인해 보니 또 잘 가져오더라고요. 참고로 1.85.1 버전을 사용합니다.

 

그런데 3-component 폴더에 있는 프로젝트는 가져오기할 때 확장자를 붙이지 않아도 됩니다. 웹팩이 모듈 가져오기를 모두 처리하는데요. 이때 js 확장자가 없어도 알아서 찾아주기 때문입니다.

1-vanilla, 2-react 폴더의 프로젝트는 웹팩을 사용하지 않아서 확장자를 붙여야했습니다. 브라우져의 모듈 시스템과 바벨 스탠드얼론 버전을 사용했는데요. 최소한의 개발 환경으로 리액트 수업에만 집중하려는 의도였습니다.

1

clw86799822

답변 감사합니다 ㅎㅎ

리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

1

90

2

super.show() 호출하는 이유가 궁금합니다.

1

81

2

class와 constructor를 이용한 객체 지향 프로그래밍

0

224

2

mvc 패턴 질문

0

197

2

Cannot read properties of undefined (reading 'props')

0

270

2

delegate, emit 필요한 이유

0

196

2

어떤거를 먼저 들어야 하는지 도와주세요

1

265

1

localhost:8080 접속 불가

1

282

1

최근검색어 3 풀이에서

1

188

1

import 문제

1

231

1

자동변환 관련

1

203

1

sort() 질문 드립니다.

1

304

2

reset 시점에 searchResult 빈 배열로 update

2

311

2

Button에 Onclick사용

1

247

1

npx lite-server error 확인 요청드립니다.

1

470

2

node 20이상 쓸때 꿀팁

4

758

3

디버깅 관련질문이 있습니다.

1

295

1

[순수JS2]탭 3(풀이) 질문있습니다.

1

229

1

추상화를 어떻게 받아들이면 될까요??

1

435

1

[검색폼 1] View.js 파일 질문과 학습 질문

1

329

1

on 메서드 eventName 문의

1

266

1

view.js의 on 메소드에 대해 질문드립니다

1

258

1

componentDidMount에서 getKeywordList()를 하는 이유

1

241

1

[순수JS1]검색폼2_git branch 이동관련

1

279

1