묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결실무 중심! FE 입문자를 위한 React
recoil error 나시는 분들 보세요
리코일 에러 나시는분들 보세요 최근에 강의 시작하셨으면 리액트가 19로 설치되셨을탠데 리코일이 리액트 18까지만 지원하고있습니다. 원활하게 나머지 진행하시기위해서 npm install react@18 react-dom@18 --save으로 react18로 버전 낮춰주시면 나머지 진행 가능하십니다.
-
해결됨실무에 바로 적용하는 스토리북과 UI 테스트
storybook 프로젝트 세팅 중 궁금한 점이 있습니다.
만약 회사에서 Next.js로 프로젝트를 진행하고 있다고 가정할 때, storybook은 Next.js 프로젝트 내에서 세팅하는 것보다 아예 다른 프로젝트 디렉토리로 만드는 게 나을 것 같다는 생각이 드는데, 어떻게 생각하시나요?! 왜냐하면 특정 디렉토리 내에서 세팅할 경우 해당 프로젝트에서 기존 서비스와 Storybook 프로젝트가 혼재하여 복잡도를 높이고, (이건 추측이지만) storybook 배포 시 특정 디렉토리를 제외해야 할 것 같다고 생각합니다. 그리고 다른 프로젝트 생성 시 또 다시 storybook을 설치하는 것은 비효율적일 것 같습니다. 그래서 아예 다른 프로젝트 디렉토리에서 리액트로 storybook 을 세팅하고 npm 패키지로 업로드 후 install 하여 사용한다고 생각했는데, 제가 생각한 게 맞을까요?
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
수업에사용되는 ppt
강의중에서 설명하시는 ppt는 어디서 확인할 수 있을까요?
-
미해결웹에서 미디어를 다루는 방법 MediaStream API
안녕하세요 8장 학습하다 궁금한게 있어 질문드립니다.
안녕하세요, 선생님! 8장 강의 학습 중에 궁금한 부분이 있어 이렇게 질문드립니다.8장 실습 중 WebRTC 관련 예제를 크롬에서 먼저 실행한 뒤, 익스플로러 엣지에서 실행했더니첨부한 이미지와 같은 현상이 발생했는데요, 혹시 이 경우가 왜 발생하는 건지 조언 구드려도 될까요?강의 덕분에 많은 걸 배워가고 있습니다.무더운 여름 건강 유의하시고, 감사합니다!
-
미해결React Native with Expo: 제로초에게 제대로 배우기
iOS 배포문제 ㅠ.ㅠ
빌드는 성공적으로 진행된것 같은데 orbit실행하면 아래 사진처럼 오류가 나옵니다eas build --platform ios --profile development명령어 사용하여 빌드하였습니다.당연히 애플 개발자 결제는 했습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
[JS 10-2-3] 트렌드 및 방향 - 3단계 강의 질문
리액트 컴포넌트 실습에서 <철수의버튼 /> <영희의인풋 /> 하면 실행이 안되고,{철수의버튼} <영희의인풋 /> 하면 실행이 되는데 첫번째 실행이 안되는 이유가 무엇인가요?!
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요
강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
웹 프론트엔드 부트캠프 과제 관련 질문드립니다
게시글 등록 컴포넌트 생성해서 렌더링 하는 것 같은데, 등록 페이지는 피그마에서 보여지는 "트립토크 등록" 컴포넌트 UI를 스스로 생성해서 연결하라는 뜻인가요?아니면 레퍼런스 코드에 있는 것처럼 단지 렌더링만 하는 코드를 작성하라는 건가요?그리고 모든 과제는 피그마를 참고하면서 A-Z 까지 스스로 하는건가요?
-
해결됨(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>
db 를 연결하려면 어떤걸 추천하시나요?
안녕하세요. 강의 잘 보고 있습니다.제가 서비스하고 싶은 사이트는 지금 예시로 만든 mbti 서비스처럼 정적웹으로는 조금 운영이 어려운 사이트입니다. 그래서 db 연결이 필수인데, rdbms 든, noSQL 기반 db 이든 클라우드 db를 써서 연결을하자니 용량에 따라 과금이 돼서 사실 부담이 좀 됩니다.코배투님도 결국 사이트를 키우시면서 db는 선택이 아니라 필수로 연결하셨을것 같은데 어떤걸 선택하셨나요? 만약 추천하신다면 어떤걸 추천하시나요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
여러 단어 선택해서 한번에 수정하는 법!
안녕하세요.이번 영상 4:33쯤에서 커서를 여러군데에 만들고 수정하는 부분이 나오는데 어떻게 하신건지 궁금해요! 그리고 단어를 한번에 수정하더라도 원래 소문자였던 부분은 소문자, 원래 대문자였던 부분은 대문자로 처리되던데 이 부분도 궁금해요!
-
미해결코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)
뽀모도로 insert 버튼이 안나오고 에러가 뜹니다
뽀모도로 이제 막 시작했는데, ctrl + j, ctrl+k 인가 눌러서 말씀하신 명령어 입력했더니 화살표 처럼 나옵니다.insert 라는게 안떠서 그냥 엔터 눌렀더니 아래 빨간 글자로 막 오류가 뜨네요 ㅠㅠ어떻게 해야 제대로 설치가 될까요?
-
미해결코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)
node.js 설치 링크가 안열립니다
실습 첫강의 수업노트에 링크 눌렀는데1번 사진처럼 존재하지 않는 사이트라고 뜨네요ㅠㅠ링크 수정 및 전달 부탁드립니다! ㅠㅠ얼른 만들어보고싶은데 진행을 못 하고 있습니다! 답변 기다리겠습니다. 감사합니다:)
-
미해결Next.js 15로 완성하는 실전 YouTube 클론 개발
폴더구조
해당 영상에서 사용된 폴더구조는 어떤 아키텍처를 따른것일까요?
-
미해결Next.js와 yolov11로 화재감지 시스템 구축하기
데이터셋 자료를 받을 수가 없어요.
안녕하세요,Roboflow에서 Dataset 다운로드 받을 수 있게 알려주셨는데, 영상과 같이 다운로드 받으면 실제 zip 파일에 README.dataset.txt파일과 README.roboflow.txt 파일만 존재합니다.데이터셋파일도 강의자료로 올려주시면 감사합니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
github 코드를 받아서 빌드 생성시 에러가 납니다.
커서 자동완성 기능 때문에 놓치는 코드들이 있어서 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 로 다시 설치 후 빌드를 해도 계속 위와 같은 에러가 나고 있습니다. ㅠㅠ해결 방법이 있을까요?
-
해결됨제로베이스부터 배우는 웹개발의 개념과 바이브 코딩
카카오톡 공유 API 연동 중 SDK 오류에 대한 질문
카카오톡 공유 API 연동 중 SDK 오류에 대한 질문 선생님, 안녕하세요.Next.js 프로젝트에 카카오톡 공유 API를 연동하는 과정에서 지속적으로 'SDK error'가 발생하여 질문드립니다. 제가 이해하고 적용한 방식이 올바른지 검토가 가능하시다면 답변 부탁드립니다.! 1. JavaScript 키 관리 방식 (.env.local) 민감한 정보인 카카오 JavaScript 키를 안전하게 관리하기 위해 .env.local 파일을 사용하고 있습니다.Next.js 환경의 특성상, 클라이언트 사이드(브라우저)에서 해당 키를 사용해야 하므로 환경 변수 이름에 아래와 같이 저장하는 것이 올바른 방법인지 궁금합니다..env.localNEXT_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.js) : 기초부터 실전까지
8.5) Read -투두리스트 렌더링하기 강의 내용 중 질문드립니다!
import "./List.css"; {import Todoitem from "./Todoitem"; const List = ({ todos }) => { return ( <div className="List"> <h4>Todo List🎉</h4> <input placeholder="검색어를 입력하세요"></input> <div className="todos_wrapper"> {todos.map((todo) => { return <div>todo</div>; })} </div> </div> ); }; export default List; <질문> {todos.map((todo) => { return <div>todo</div>; })} {todos.map((todo) =>{ ....})} 빨간줄 친 todo는 어디서 나온건지 이해가 되지 않습니다 8.5) Read -투두리스트 렌더링하기 강의1분 46초 입니다!
-
미해결Next.js 시작하기
globals.css를 삭제하니 404가 나옵니다
styles/globals.css의 내용을 삭제하니_app.jsx에서 import 에러가 생기고import를 삭제하니 화면에Link 의 내용과 404화면이 함께 나옵니다 그리고 다음강의에서 Layout.tsx도Module not found: Can't resolve '@/layouts/Layout.tsx' 이러한 에러가 나오는데 next 15버전이라서 에러가 나는걸까요?..
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
섹션 8 모달 관련 질문
안녕하세요! 섹션 9 마지막 강의 듣던 중 궁금한 점이 생겨서 질문 드립니다.모달 뒤쪽에 모달이 띄워지기 이전 페이지를 병렬로 렌더링 하기 위해 Parallel Route를 이용해서 루트 레이아웃에 modal을 전달하면, 리턴 내부의 {modal}에 모달 컴포넌트가 나타나는 건가요?앞서 createPortal에서 두 번째 인수(document.getElementById("modal-root"))는 모달이 렌더링 될 위치라고 들었던 것 같은데, 루트 레이아웃에 모달이 렌더링 되는 위치를 나타내는 div 태그(modal-root라는 id값을 가지는 div 태그)와 {modal}이 함께 있는 것이 문제가 되지는 않는지, 모달 컴포넌트가 중복되어 열리는 건 아닌지 궁금합니다..!
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
강의 노트
281강 강의 노트는 어디서 확인이 가능할까요? 안보이네요ㅠ
