inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

프로젝트 진행중 발생한 모듈 불러오기 오류

미해결

안녕하세요 프로젝트를 진행하다 모듈 불러오기 관련 오류가 발생하여 질문 남겨봅니다. 문제상황 > 모듈 불러오기중 not found react + typescript + yarn berry 를 사용했고 zero install과 pnp 를 사용해 모듈들을 캐싱했습니다. 이 과정에서 모듈들을 import 할때아래와 같은 오류가 발생합니다. 예시 // main.tsx import * as ReactDOM from "react-dom/client"; // Cannot find module 'react-dom/client' or its corresponding type declarations import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; // Cannot find module '@tanstack/react-query' or its corresponding type declarations. import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; // Cannot find module '@tanstack/react-query-devtools' or its corresponding type declarations. import { BrowserRouter } from "react-router-dom"; // Cannot find module 'react-router-dom' or its corresponding type declarations import App from "./App"; import { GlobalStyle } from "./themes/globalStyle"; const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: true, refetchOnMount: true, staleTime: 60_000, retry: 2, }, }, }); ReactDOM.createRoot(document.getElementById("root")!).render( <QueryClientProvider client={queryClient}> // Cannot find module 'react/jsx-runtime' or its corresponding type declarations. <BrowserRouter> <ReactQueryDevtools /> <App /> <GlobalStyle /> </BrowserRouter> </QueryClientProvider> ); 기대효과 > 모든 모듈들이 정상적으로 불러와짐 참고자료 // package.json { "name": "fe", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc -b && vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "@emotion/react": "^11.13.3", "@emotion/styled": "^11.13.0", "@tanstack/react-query": "^5.59.0", "@types/react-router-dom": "^5.3.3", "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^6.26.2", "styled-components": "^6.1.13", "zustand": "^5.0.0-rc.2" }, "devDependencies": { "@eslint/js": "^9.11.1", "@tanstack/react-query-devtools": "^5.59.0", "@types/node": "^22.7.4", "@types/react": "^18.3.10", "@types/react-dom": "^18.3.0", "@types/styled-components": "^5.1.34", "@vitejs/plugin-react-swc": "^3.5.0", "eslint": "^9.11.1", "eslint-plugin-react-hooks": "^5.1.0-rc.0", "eslint-plugin-react-refresh": "^0.4.12", "globals": "^15.9.0", "typescript": "^5.6.2", "typescript-eslint": "^8.7.0", "vite": "^5.4.8" }, "packageManager": "yarn@4.5.0" } // tsconfig.json { "compilerOptions": { "target": "ES2020", "useDefineForClassFields": true, "lib": ["ES2020", "DOM", "DOM.Iterable"], "module": "ESNext", "skipLibCheck": true, /* Bundler mode */ "moduleResolution": "node", "allowImportingTsExtensions": true, "allowSyntheticDefaultImports": true, "resolveJsonModule": true, "isolatedModules": true, "esModuleInterop": true, "jsx": "react-jsx", "noEmit": true, /* Linting */ "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, "baseUrl": ".", "paths": { "@/*": ["./src/*"] } }, "include": ["src", "**/*.ts", "**/*.tsx"] } 타입스크립트 버전 : 5.6.2 vsc 버전 : September 2024 (version 1.94) 시도한 것 > vsc 재시작, 재설치

  • yarn
  • react
  • typescript
식충나무 댓글 0 좋아요 0 조회수 226

참조형 변수 관련해서 질문이 있습니다.

미해결

김영한의 실전 자바 - 기본편

기본형 변수와 참조형 변수에 대해서 공부하던 중 참조형 변수에 대해서 궁금한 점이 있습니다. 객체를 만들고 변수에 할당을 하면 변수에는 해당 객체가 저장된 주소값을 저장한다는 내용은 이해를 했습니다. 하지만 곱씹어 보면서 궁금했던 점이 주소값도 결국 숫자일텐데 기본형 변수와 주소값을 어떻게 구별하는지 궁금합니다. 조금 더 풀어서 설명하면 변수에 저장된 숫자값을 기본형 변수인지 참조형 변수의 참조값인지 Java가 구별하는 메커니즘이 궁금합니다. 구글링을 해봤는데 기본형 변수와 참조형 변수의 차이점과 같은 표면적인 내용에 대해서만 나와서 질문드립니다. 강의 잘 듣고 있습니다. 감사합니다.

  • java
  • 객체지향
김시환 댓글 2 좋아요 0 조회수 131

for i in lst의 뜻이 무엇인가요?

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

우선 제가 이 문제를 풀었던 방식을 설명드려보겠습니다. i는 그냥 0부터 시작이다라고 생각해서 i=0일 때 0번 인덱스는 apple이니까 문자열이 맞으니까 result에 0-를 추가하고 i=1일 때 1번 인덱스는 3인데 문자열이 아니라 숫자니까 1을 문자화 해서 result에 이어붙여서 0-1이 되고 이걸 쭉 반복해서 이 문제의 정답으로 0-12-34로 풀었습니다. 그런데 해설을 들어보니 33분41초에서 강사님께서는 i는 처음에 apple을 가지고 온다라고 말씀하셨습니다. 아무래도 제가 접근을 잘못한 것 같습니다. for i in lst을 제가 for i in range(len(lst))으로 보고 잘못 풀었던 것일까요? for in in lst는 그냥 lst의 인덱스가 아니라 그 값을 하나씩 가지고 온다는 뜻인가요?

  • python
  • java
  • c
  • 정보처리기사
yys 125 댓글 1 좋아요 0 조회수 253

MemberController안에 static class MemberForm을 만들어도 상관없나요?

해결됨

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 내용] 회원 등록을 위해 데이터를 전달 받을 객체를 위한 컨트롤러로 MemberForm클래스를 따로 만들지 않고 MemberContorller안에서 static class MemberForm클래스로 만들어도 상관없나요? @PostMapping("/members/new") public String create(MemberForm form) { Member member = new Member(); member.setName(form.getName()); System.out.println("member = " + member.getName()); memberService.join(member); return "redirect:/"; } static class MemberForm { private String name; public String getName() { return name; } public void setName(String name) { this.name = name; } }

  • java
  • spring
  • mvc
  • spring-boot
soojinkimss 댓글 1 좋아요 0 조회수 315

소괄호 자동 생성

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 강사님, 강의 잘 듣고 있어요!! 다름이 아니라, 강사님 화면에서는 return 뒤에 작성하시고 소괄호가 자동으로 생성되면서 작성한 내용을 감싸주던데, 어떻게 하는건가요? ESLint, Prettier등 설치는 했어요 ㅠ.ㅠ 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • javascript
  • react
  • node.js
정새롬 댓글 2 좋아요 0 조회수 324

특정 상황에서 상세페이지에 적합한 렌더링 방식은 무엇인가요?

해결됨

한 입 크기로 잘라먹는 Next.js

현재 페이지 라우터 강의까지 듣고 궁금한 점이 생겨서 질문드립니다! Q1. 다음과 같은 상황일 때, book페이지는 어떤 렌더링 방식이 적합한가요? SSG, SSR, ISR 모두 완벽히 맞아 떨어진다는 생각이 들지 않아 질문드립니다 데이터 변경 가능성이 적고, 관리자 서비스를 통해 데이터가 변경되나, 변경 시점이 명확하지 않은 경우 on-demand revalidation 사용이 안되는 경우 (next12) Q2. 만약 on-demand revalidation을 사용할 때, 별도의 서비스에서 일어난 요청을 기준으로 렌더링을 해야한다면 그 요청이 일어났음을 알 수 있는 방법이 있나요?

  • react
  • typescript
  • next.js
jb 댓글 2 좋아요 0 조회수 156

MemberController가 아닌 MemberForm을 만든 이유

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 내용] 회원을 등록하기 위해 데이터를 전달 받을 컨트롤러를 만드는데 왜 MemberController에서 객체를 정의하지 않고 따로 MemberForm이라는 컨트롤러 안에서 객체를 만드는 건지 궁금합니다.

  • java
  • spring
  • mvc
  • spring-boot
댓글 1 좋아요 0 조회수 269

업캐스팅

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

7분29초 a.g() 는 부모를 상속하지않고 바로 gc를 출력하는건가요?

  • python
  • java
  • c
  • 정보처리기사
kimtall 댓글 2 좋아요 0 조회수 116

Object 자동 import 및 메서드 오버라이딩 관련 질문 있습니다.

미해결

김영한의 실전 자바 - 중급 1편

[질문 내용] 안녕하세요, Object Class에 대해 궁금한 점이 있어 질문드립니다. 모든 클래스는 최상위 부모인 Object Class가 제공하는 공통 기능(메서드)을 사용할 수 있는 것으로 알고 있습니다. 그러면 '객체.(Object Class의 메서드)' 형태[예시: child.toString()]로 충분히 상속받은 기능을 사용할 수 있는데 왜 Object Class가 java.lang 패키지에 포함되어 자동으로 import 되는지 궁금합니다. (자동으로 import되는 System, String가 바로 사용이 가능한 것과 다르게, Object는 객체 생성을 하고 상속을 이용해서만 기능 사용이 가능한 것 같은데 왜 굳이 자동으로 import되는 목록에 껴있는지 궁금합니다 ㅠ 혹시 Object형 변수 선언을 위해 그런걸까요?) 마지막으로 Object 클래스의 메서드가 오버라이딩이 가능하던데 그대로 사용하지 않고 오버라이딩할 일이 따로 있나요? 지금까지 공부하며 느낀 자바는 굉장히 효율적이고 적절한 제약이 있는 언어라고 생각이 들어서 이유없이 오버라이딩 가능하게 남겨두지는 않았을 거라는 생각이 들어 여쭤봅니다.

  • java
  • 객체지향
h7ee7k 댓글 1 좋아요 0 조회수 139

질문있습니다~~

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

질답을 잘 해주셔서 항상 감사하게 생각하고 있습니다 ㅎㅎㅎ최고!! 혹시 SQL기출문제 29:43초에 나온 정답 말고 단가 > SUM(SELECT 단가 FROM 제품 WHERE 제조사='H') 혹시 이렇게 해도 답이 되는걸까요..?? ㅜ

  • python
  • java
  • c
  • 정보처리기사
관히 댓글 2 좋아요 0 조회수 138

findOne() 메소드 자료형

해결됨

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 내용] MemberService 클래스에서 findOne 메소드를 정의할때 왜 자료형이 Optional<Member>여야 하는지 궁금합니다.

  • java
  • spring
  • mvc
  • spring-boot
soojinkimss 댓글 1 좋아요 0 조회수 127

기출 24년 2회차 (파이썬 Split() 문제 )

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

강사님 안녕하세요 파이썬 Split 문제 풀던중 궁금한점이 있어 문의 드립니다. 아래 코드 수행시 최종 출력값은 아래와 같이 출력 되어야 하는거 아닌가요? 실제로 잘린 값: ['I' , 'IS', 'ES' , 'S' , 'RING'] S 코드 (아래 부터) dedef split_k(input_str, k): split_result = input_str.split('T') print(" 실제로 잘린 값: ", end="") print(split_result) return split_result[k] (중략)

  • python
  • java
  • c
  • 정보처리기사
ohseungwon5 댓글 2 좋아요 0 조회수 234

강의에서 구조적, 행위 다이어그램 구분이 잘 된건가요?

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

화면설계/애플리케이션 테스트 강의의 4:15 입니다. PPT 상단에 [구조 - 커뮤니케이션, 활동 다이어그램] 제목으로 커뮤니케이션, 상태 다이어그램을 설명하고 있습니다. 하지만 3:00 내용에 따르면 커뮤니케이션, 상태 다이어그램은 행위 다이어그램이지 않나요?

  • python
  • java
  • c
  • 정보처리기사
dnwls8462 댓글 2 좋아요 0 조회수 226

정렬 문제에서 질문있습니다~~

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

혹시 강사님 ~~ printf ( "\n\n" ) printf ( "\n정렬된 배열 상태: \n" ); 이런식으로 나오면 계행을 세번해서 출력문을 써야하나요?? 정렬강의 보다가 밑에 추가 예제보고 질문드립니다.

  • python
  • java
  • c
  • 정보처리기사
관히 댓글 2 좋아요 0 조회수 102

빌드 배포

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

안녕하세요 강사님 ! 쇼핑몰 만들기 강의 빌드 배포과정에서 헤매는 수강생들이(저 포함) 많은 것 같은데 혹시 빌드 배포과정까지 영상으로 올려주실 계획은 없으실까요??

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
rang3176 댓글 1 좋아요 0 조회수 161

getLayout이 받는 page라는 인자는 왜 "현재 페이지"인가요??

해결됨

한 입 크기로 잘라먹는 Next.js

각 페이지에 레이아웃을 덮어씌워 보내는 함수인 getLayout이라는 메소드는 저희가 정의한 커스텀 메소드인데 이 메소드가 받는 page라는 인자는 어떻게 현재 페이지가 되는지 모르겠습니다. 떄문에 app.tsx에서 해당하는 Component(접속한 페이지)의 getLayout이라는 메소드가 없을 경우에 (page)=> page라는 함수를 리턴시켜 기본의 페이지를 리턴한다는 맥락도 또한 이해가 가지 않습니다. page라는 인자는 도대체 왜 현재페이지라고 인식해서 오는지요ㅠㅜ

  • react
  • typescript
  • next.js
mungyun1234 댓글 4 좋아요 0 조회수 495

module CSS 말고 Styled-Component로 css를 작성하는 방법은 어떤가요??

해결됨

한 입 크기로 잘라먹는 Next.js

동료들과 협업할때 CSS를 작성하는 방법을 module로 할지 Styled-Component로 할지 고민인데요. module로 하면 className에 계속 "style." 접두사를 넣어주어야 한다는 불편함이 있고 Styled-Component를 쓰게 되면 하나의 파일에 줄이 길어지는 단점과, 스타일링을 코드 한줄 넣고싶어도 하나의 스타일 컴포넌트를 만들어야 한다는 단점이 있더라고요. 강사님꼐서는 module을 추천하시기에 module을 강의에 넣으신걸까요??

  • react
  • typescript
  • next.js
mungyun1234 댓글 1 좋아요 0 조회수 258

createMemberForm.html안에 <input name="name>태그가 setName과 동일한가

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 내용] createMemberForm.html안에 <input>태그에 name="name"을 HTML 화면 상에 "spring"이라고 등록하면 MemberForm 컨트롤러에서 개체인 name으로 들어오게 된다는 것을 이해 했는데요. 그렇다면 name="name"이 form.setName한거라고 봐도 무방한가요?

  • java
  • spring
  • mvc
  • spring-boot
soojinkimss 댓글 2 좋아요 0 조회수 199

리턴타입 사용시 any를 사용해도 괜찮은가요?

미해결

자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)

코틀린으로 스프링을 개발해 보고 있습니다. 리턴할떄 ResponseEntity<Any> 이런식으로 Any를 사용해도 괜찮을까요?

  • java
  • kotlin
  • 객체지향
devdev 댓글 1 좋아요 1 조회수 154

인기 태그

인프런 TOP Writers

주간 인기글