inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

컴포넌트 자동 import 관련

해결된 질문

106

이상영

작성한 질문수 5

0

안드로이드 윈도우로 개발중에 있습니다
강의를 보면

<Button/> 컴포넌트
<Text/> 컴포넌트 추가하면

 

자동으로 import 부분에 추가가 되던데
전 안되서.. 혹시 어떤 설정해야하나요?
아님 어떤 Extension 설치해야하나요??

 

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React from 'react';
import {Button, StyleSheet, Text, View} from 'react-native';

function App(): React.JSX.Element {
  return (
    <View style={styles.conatiner}>
      <Text>텍스트</Text>
      <Button title="버튼이름" />
    </View>
  );
}

const styles = StyleSheet.create({
  conatiner: {
    backgroundColor: 'red',
  },
});

export default App;

react-native typescript nestjs react-query zustand

답변 2

0

Kyo

저는 따로 설정이나 익스텐션을 사용하지는 않았는데요. ctrl + .(마침표) 단축키로 임포트하면 동작하나요??

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 이상영님.

자동으로 import가 생성되지 않는 문제는 주로 사용 중인 개발 환경의 설정이나 확장 프로그램의 설치 여부와 관련됩니다. React Native 프로젝트에서 컴포넌트를 추가할 때 자동으로 import가 이루어지도록 하려면, 다음과 같은 설정과 확장 프로그램을 고려해보세요:

  1. 개발 환경 설정 확인:

    • VS Code 사용 시: 특정 설정이 필요할 수 있습니다. settings.json 파일에서 typescript 또는 javascript의 suggest.autoImports 옵션이 true로 설정되어 있는지 확인하세요.

  2. 관련 확장 프로그램 설치:

    • ES7+ React/Redux/React-Native snippets: 이 확장 프로그램은 다양한 React/Redux/React Native 코드를 쉽게 입력할 수 있도록 도와줍니다.
    • Auto Import: 이 확장 프로그램은 자동으로 모듈을 import할 수 있게 해 줍니다. 사용자가 새로운 컴포넌트를 추가하면 필요한 import 구문을 제안합니다.

  3. 타입스크립트 또는 자바스크립트 파일 내에서:

    • 자동 import 기능이 제대로 동작하지 않는 경우, 파일 저장 시나 편집기 실행 시에도 변화가 있는지 확인해 보세요.

  4. Tsconfig.json 및 Jsconfig.json 설정:

    • 프로젝트 루트에 있는 tsconfig.json 또는 jsconfig.json 파일에서 compilerOptions 내 "moduleResolution": "node"나 "target": "es6" 등의 설정이 되어 있는지 확인해 주세요.

아래의 질문들을 참고하시는 것도 좋습니다. 이 곳에서 비슷한 문제에 대한 해결 방법이 제시되고 있습니다:

  • 자동 import 질문
    • 이 질문에서는 자동 import 관련하여 발생할 수 있는 다양한 문제와 그에 대한 해결 방법이 설명되어 있습니다.

다양한 설정과 확장 프로그램을 점검해 보시고, 추가적으로 궁금한 점이 있으시면 질문해 주세요.

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

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

95

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

207

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

84

2

안드로이드 안켜집니다.

0

90

2