inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

node.js 설치방법

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

예전에 다운 받을 때랑 달라서 질문 드립니다. 도커 방식으로 선택해서 다운로드 하는게 맞을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
skykwj0422 댓글 1 좋아요 0 조회수 181

아니... 강의 자료가 없나요?

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

강의에 쓰신 노션 자료는 따로 안주시나요?? 강의 자료에 todo list 만 있네요? 이게 다인가요?

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
코딩도니 댓글 3 좋아요 0 조회수 222

landscape에 대하여

해결됨

웹 프론트엔드 포트폴리오의 모든 것 - 주제 선정부터 실전 배포까지 압축 실습 강의!

안녕하세요! 강의 잘 보고 있습니다! 저렇게 사과에 적용된 회전을 다시 제거했을때, 유저가 모바일 화면에서 게임을 플레이 하려면 휴대폰을 가로로 뒤집을 수 밖에 없을 텐데, 그러면 OrientationGuide가 활성화가 되어 플레이를 할 수 없지 않나요?

  • HTML/CSS
  • react
  • git
  • 포트폴리오
  • next.js
나나바 댓글 1 좋아요 1 조회수 103

localhost:12345/book 접속 시, 500 에러

해결됨

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

안녕하세요 강의 잘 듣고 있습니다. fetch-book.ts를 만든 후, index.tsx에 불러와서 console.log(allBooks) 를 찍어봐도 빈 배열만 나와서 localhost:12345/book 이 api 주소로 들어가보면 해당 오류가 떠서 혹시 .env 파일이 잘못 됐나 해서 올바르게 수정을 해도 계속 같은 에러가 떠서 진행을 못 하고 있는 상태입니다 ㅠ

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

맥북 m4에서 nvm으로 설치불가

미해결

처음 배우는 리액트 네이티브

현재 맥북에서 nvm으로 node 14버전 설치가 불가능합니다 18로 대신 설치했는데 문제가 없을지 궁금합니다.

  • javascript
  • react-native
스탈트 댓글 2 좋아요 0 조회수 137

cursor 프롬프트 답변 한글

미해결

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

저는 답변이 한글로 나오지 않는데요. 선생님의 경우, 한글로 나오네요. 그리고 피그마의 경우, 동일하게 하는데 MCP화면설정이 다르고 내용을 넣어도 다르게 진행되어서요, pro를 사용하셔서 그런걸까요?

  • firebase
  • next.js
  • vercel
  • cursorai
Soojung Hong 댓글 1 좋아요 0 조회수 454

시뮬레이터 관련 질문

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

강의 [1-5] VScode에서 시뮬레이터를 활성화 하는 부분이 있던데 이때 원도우에서 개발 하면 Xcod가 실행이 되지 않아 ios 시뮬레이터를 활성화하지 못하던데 이러면 ios 환경 개발을 못하는건가요 아직 제가 초반 부분만 봐서 그런지 이해를 못 하겠습니다. 혹시나 해서 여 줘봅니다. (info Opening the app on iOS... Error: Error: Command failed with exit code 1: xcodebuild -list -json 'xcodebuild'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� ��ġ ������ �ƴմϴ�. at getProjectInfo (C:\Users\사용자\NTMap\node_modules\@react-native-community\cli-platform-ios\build\tools\getProjectInfo.js:29:11) at Object.runIOS [as func] (C:\Users\사용자\NTMap\node_modules\@react-native-community\cli-platform-ios\build\commands\runIOS\index.js:88:58) at Command.handleAction (C:\Userㄴ\사용자\NTMap\node_modules\@react-native-community\cli\build\index.js:111:23) at Command.listener [as actionHandler] (C:\Users\사용자\NTMap\node modules\commander\lib\command.js:482:17) at C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1283:65 at Command._chainOrCall (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1177:12) at Command._parseCommand (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1283:27) at C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1081:27 at Command._chainOrCall (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1177:12) at Command._dispatchSubcommand (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1077:23))

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
김은수 댓글 2 좋아요 0 조회수 101

jotai 이후로 강의가 안맞네요;

해결됨

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. jotai 이후로 강의가 안맞네요;;

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
chey.kim 댓글 3 좋아요 0 조회수 286

Sidebar & Header 컴포넌트 등 레이아웃 설정 방식

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

강의에서 레이아웃을 담당하는 Sidebar, Header 컴포넌트를 만들때 Props으로 children을 받고 렌더링 하는 방식으로 만들었는데 이렇게 만든 이유가 있을까요? 지금까지 진행한걸 계층별로 생각해보면 최상위 Root->Sidebar->Header->... 등 형제 노드는 없고 자식 노드 형태로 계속 깊어지는구조. ------------ 아래의 방법과 비교해서 궁금합니다. 아래 코드와 동일하지 않더라도,Sidebar, Header 컴포넌트가 children과 분리된 구조. <body> <Sidebar/> <div> <Header/> <main>{children}</main> </div> </body>

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
정재웅 댓글 3 좋아요 0 조회수 134

iOS 배포문제 ㅠ.ㅠ

미해결

React Native with Expo: 제로초에게 제대로 배우기

빌드는 성공적으로 진행된것 같은데 orbit실행하면 아래 사진처럼 오류가 나옵니다 eas build --platform ios --profile development 명령어 사용하여 빌드하였습니다. 당연히 애플 개발자 결제는 했습니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
지환 댓글 2 좋아요 0 조회수 117

[JS 10-2-3] 트렌드 및 방향 - 3단계 강의 질문

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

리액트 컴포넌트 실습에서 <철수의버튼 /> <영희의인풋 /> 하면 실행이 안되고, {철수의버튼} <영희의인풋 /> 하면 실행이 되는데 첫번째 실행이 안되는 이유가 무엇인가요?!

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
skykwj0422 댓글 2 좋아요 0 조회수 57

웹 프론트엔드 부트캠프 과제 관련 질문드립니다

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

게시글 등록 컴포넌트 생성해서 렌더링 하는 것 같은데, 등록 페이지는 피그마에서 보여지는 "트립토크 등록" 컴포넌트 UI를 스스로 생성해서 연결하라는 뜻인가요? 아니면 레퍼런스 코드에 있는 것처럼 단지 렌더링만 하는 코드를 작성하라는 건가요? 그리고 모든 과제는 피그마를 참고하면서 A-Z 까지 스스로 하는건가요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 80

윈도우에서 안드로이드 열었는데 '텍스트' 문구가 안보여요

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

https://github.com/minpppal/react-native-avartar 에러는 안뜹니다. 윈도우 환경입니다. "react-native": "0.79.4", node : v22.16.0 화면에 아무것도 안떠요. 웹으로 열면 잘뜹니다. (아래 사진은 웹)

  • react-native
  • typescript
  • expo
  • react-hook-form
  • react-query
min 댓글 2 좋아요 0 조회수 101

폴더구조

미해결

Next.js 15로 완성하는 실전 YouTube 클론 개발

해당 영상에서 사용된 폴더구조는 어떤 아키텍처를 따른것일까요?

  • react
  • postgresql
  • 클론코딩
  • next.js
  • tailwindcss
  • drizzle
고성인 댓글 1 좋아요 0 조회수 116

데이터셋 자료를 받을 수가 없어요.

미해결

Next.js와 yolov11로 화재감지 시스템 구축하기

안녕하세요, Roboflow에서 Dataset 다운로드 받을 수 있게 알려주셨는데, 영상과 같이 다운로드 받으면 실제 zip 파일에 README.dataset.txt파일과 README.roboflow.txt 파일만 존재합니다. 데이터셋파일도 강의자료로 올려주시면 감사합니다.

  • react
  • python
  • next.js
  • FastAPI
  • yolo
Teddy 댓글 1 좋아요 0 조회수 156

github 코드를 받아서 빌드 생성시 에러가 납니다.

미해결

React Native with Expo: 제로초에게 제대로 배우기

커서 자동완성 기능 때문에 놓치는 코드들이 있어서 github에서 특정 시점 코드를 받아서 npm install eas build --platform android --profile development 를 통해 빌드를 생성하려는데, 빌드가 실패해서 expo 관리자에서 로그를 확인해보니 아래와 같은 에러가 계속 나고 있습니다. npm error npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing. package.json과 package-lock.json이 동기화가 안됐다는 것 같아서 package-lock.json 삭제 후 npm install 로 다시 설치 후 빌드를 해도 계속 위와 같은 에러가 나고 있습니다. ㅠㅠ 해결 방법이 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
simjeongwoo 댓글 2 좋아요 0 조회수 138

카카오톡 공유 API 연동 중 SDK 오류에 대한 질문

해결됨

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

카카오톡 공유 API 연동 중 SDK 오류에 대한 질문 선생님, 안녕하세요. Next.js 프로젝트에 카카오톡 공유 API를 연동하는 과정에서 지속적으로 'SDK error'가 발생하여 질문드립니다. 제가 이해하고 적용한 방식이 올바른지 검토가 가능하시다면 답변 부탁드립니다.! 1. JavaScript 키 관리 방식 (.env.local) 민감한 정보인 카카오 JavaScript 키를 안전하게 관리하기 위해 .env.local 파일을 사용하고 있습니다. Next.js 환경의 특성상, 클라이언트 사이드(브라우저)에서 해당 키를 사용해야 하므로 환경 변수 이름에 아래와 같이 저장하는 것이 올바른 방법인지 궁금합니다. .env.local NEXT_PUBLIC_KAKAO_JAVASCRIPT_KEY="여기에_발급받은_자바스크립트_키" 2. SDK 연동 및 초기화 과정 카카오 개발자 가이드를 참고하여 아래와 같은 순서로 SDK 연동 및 초기화를 진행했습니다. 이 과정이 올바른지 확인하고 싶습니다. 1단계: SDK 불러오기 웹 페이지에 아래 스크립트 태그를 추가하여 JavaScript SDK를 불러왔습니다. ${VERSION} 과 ${INTEGRITY_VALUE} 는 카카오 개발자 사이트에서 제공하는 최신 값으로 적용했습니다. HTML <script src="https://t1.kakaocdn.net/kakao_js_sdk/${VERSION}/kakao.min.js" integrity="${INTEGRITY_VALUE}" crossorigin="anonymous"></script> 2단계: SDK 초기화 불러온 SDK를 초기화하기 위해 Kakao.init() 함수를 호출했습니다. 이때, 인자 값으로 .env.local 에 저장한 process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT_KEY 를 사용했습니다. JavaScript // SDK를 초기화합니다. Kakao.init(process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT_KEY); // SDK 초기화 여부를 콘솔에 출력하여 확인합니다. console.log(Kakao.isInitialized()); 전체 코드 예시 최종적으로 아래와 같은 구조로 코드를 작성하여 초기화를 시도하고 있습니다. HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Kakao JavaScript SDK</title> <script src="https://t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js" integrity="sha384-..." crossorigin="anonymous"></script> <script> // 2. SDK 초기화 // 실제로는 Next.js 환경 변수를 사용합니다. Kakao.init('YOUR_JAVASCRIPT_KEY'); // 초기화 여부 확인 console.log(Kakao.isInitialized()); </script> </head> <body> ... </body> </html> 요약 질문하자면.. Next.js 프로젝트에서 카카오 JavaScript 키를 .env.local 파일에서 관리 하는 방식이 올바른가요? script 태그로 SDK를 로드한 후, Kakao.init() 함수에 환경 변수 값을 넣어 초기화 하는 현재의 구현 방식이 정확한가요? 만약 위 과정에 문제가 없다면, 'SDK error'가 발생할 수 있는 다른 일반적인 원인 (예: 카카오 개발자 사이트의 플랫폼 도메인 설정 오류, 앱 키 오타 등)은 무엇이 있을까요? 바쁘시겠지만 시간 나실 때 확인 부탁드립니다. 감사합니다!

  • react
  • 웹앱
  • next.js
  • cursor
  • 인공지능(ai)
CHOI 댓글 1 좋아요 0 조회수 215

globals.css를 삭제하니 404가 나옵니다

미해결

Next.js 시작하기

styles/globals.css의 내용을 삭제하니 _app.jsx에서 import 에러가 생기고 import를 삭제하니 화면에 Link 의 내용과 404화면이 함께 나옵니다 그리고 다음강의에서 Layout.tsx도 Module not found: Can't resolve '@/layouts/Layout.tsx' 이러한 에러가 나오는데 next 15버전이라서 에러가 나는걸까요?..

  • javascript
  • react
  • next.js
귀한 불도새 댓글 1 좋아요 0 조회수 91

섹션 8 모달 관련 질문

해결됨

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

안녕하세요! 섹션 9 마지막 강의 듣던 중 궁금한 점이 생겨서 질문 드립니다. 모달 뒤쪽에 모달이 띄워지기 이전 페이지를 병렬로 렌더링 하기 위해 Parallel Route를 이용해서 루트 레이아웃에 modal을 전달하면, 리턴 내부의 {modal} 에 모달 컴포넌트가 나타나는 건가요? 앞서 createPortal 에서 두 번째 인수( document.getElementById("modal-root") )는 모달이 렌더링 될 위치라고 들었던 것 같은데, 루트 레이아웃에 모달이 렌더링 되는 위치를 나타내는 div 태그( modal-root 라는 id값을 가지는 div 태그)와 {modal} 이 함께 있는 것이 문제가 되지는 않는지, 모달 컴포넌트가 중복되어 열리는 건 아닌지 궁금합니다..!

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

인기 태그

인프런 TOP Writers

주간 인기글