묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 실습 준비하기에서 브라우저 콘솔에 오류
리액트 실습 준비하기에서npm install 까지 마치고 라이브 서버로 열려고 하는데 빈 공백만이 뜹니다.브라우저의 개발자용 콘솔에는Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec.라고 떠있어요.제미니한테 물어보니까 브라우저가 jsx를 못 읽어서라고 하네요. 열심히 여러가지 시도 해봤으나 잘 안되서 도움 요청드립니다ㅠㅠ
-
해결됨수익형 AI Agent n8n 전문가 강의, 블로그·쇼츠 자동화
12강 Clusting Agent 질문입니다
잘 따라가고 있는데요,Clustering Agent에서GPT - 4.1mini나 GPT-5mini 등 여러 모델로 바꿔가면서 해보고 있는데Rate Limit에 자꾸 걸립니다. 혹은 그게 아니라 프론티어 모델(GPT-5 등)을 쓰면 너무 오래 걸려서 Time out이 되기도 하고요 ㅠ그나마 Gemini Flash 2.5 정도가 결과값을 주는데 해결책이 없을까요..?!!
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
ios 배포 - Distribute App 에러
Distribute App 버튼 클릭 시, 다음과 같은 에러가 표시됩니다 Upload Symbols FailedThe archive did not include a dSYM for the hermes.framework with the UUIDs 현재 React Native 버전으로 강의를 진행하다 보면 환경변수에서 Android 버전 관련 에러가 떠서, GitHub에서 pull 받아서 진행했는데 혹시 그게 원인일까요?
-
해결됨[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
@Size는 되는데 @Past는 안 됩니다.
제목 그대로 validation에서 size부분은 포스트맨에서 400처리가 잘 되는데 Past 부분은 년도를 1,2 년 뒤로 설정하고 send해봐도 생성이 됩니다.
-
미해결동영상으로 배우는 PTC Creo Parametric 6.0 3D모델링, Part 1
각도변경
숫자를 넣어도 숫자가 변경되지 않고 유지되는건가요? 뭐가 창이 뜨지도 않고 변하지도 않습니다.
-
해결됨스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
오류 메시지 원래 없는건지? (5:41초에 나오는 밑에 at [source: 생략]) 아니면 무엇을 추가 했나요?
=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]안녕하세요. 궁금증이 생겨서 질문을 드립니다.영한님 강의를 따라 하면서 하는데영상의 의 사진처럼 저는 한 줄이 안보여서 그러는데, 혹 무엇을 추가 하신 적이 있으신가요?사진에 나오는,스프링 로그 밑에 나오는at [source : (pushbackInputStream); line 1, column:30) 이 코드요. 저의 경우에서는 포스트맨 에서, 실행을 send를 눌렀지만 이 로그는 보이지가 않아서 물어봅니다. 혹 무언가를 추가 하신 적이 있으신가요? 아니면 무료 버전 이어서 차이가 있는 건가요?답변 부탁 드립니다.
-
미해결동영상으로 배우는 PTC Creo Parametric 6.0 3D모델링, Part 1
각도변경
노란색 부분이 60도로 절대 각도변경이 불가한데 어떠한 방법으로 수정해야하는지 알고싶습니다.
-
미해결[개념은 호옹~, 실습 빡] 스프링 부트, 입문!
15.14 강 에러 문제 질문
영상에서 따라하라는대로 따라했는데 위에 사진처럼 에러가 나서 서버가 실행이 되지 않습니다.혹시 스프링 부트 버전에 문제인가요?현재 스프링 부트 버전은 2.6.7 입니다.
-
해결됨Next + React Query로 SNS 서비스 만들기
게시물 업로드 시 userId가 undefined로 들어가는 오류
안녕하세요.게시물 업로드 요청 시 500 Internal Server Error 에러가 발생합니다.현재 코드에는 쿠키도 함께 전달되고, 네트워크 탭에서 확인해보면 formData 값도 정상적으로 전송되는 것으로 보입니다. const onSubmit: FormEventHandler = (e) => { e.preventDefault(); // formData 객체에 값 넣기 const formData = new FormData(); formData.append("content", content); preview.forEach((item) => { if (item) { formData.append("images", item.file); } }); // 전송 fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/posts`, { method: "post", credentials: "include", body: formData, }); };그런데 서버에서는 userId가 undefined로 들어가고 User 정보가 없다(?)는 오류가 발생합니다.다른 분들의 Internal server error 관련 질문을 살펴봐도, 이 문제가 프론트에서 확인할 수 있는 부분인지 잘 구분이 되지 않아 질문드립니다.제가 어디를 중점적으로 확인해보면 좋을까요?
-
미해결
Productivity Tools Web Development Agencies Can’t Miss
If you run a web development agency, you know that coding isn't the most challenging part. The real battle is managing deadlines, clients, and revisions. The good news? The right productivity tools transform chaos into a well-oiled system that lets your team focus on building great websites instead of chasing lost tasks. Here’s a no-fluff breakdown of the tools your agency should have on deck if you want to ship faster and keep clients happy without burning out.Project Management That Doesn’t Feel Like HomeworkEmail threads and sticky notes are stress in disguise. Every agency needs a visual project management tool that makes it dead-simple to see who’s doing what and when. Think of it like this. Developers want clarity, not clutter. A Microsoft Kanban board app is a great example. You can map out projects and drag-and-drop tasks as they move from backlog to live. It’s flexible and doesn’t require a three-hour training session to get started.Time TrackingLoved by managers, loathed by developers. But here’s the thing. The right time tracking software is about clarity. Your agency can see how long certain types of projects take versus how long you think they take. That data is gold when you’re scoping new client proposals. No more underestimating a simple landing page that somehow eats up two full sprints. The best tools integrate directly with your project management board, so developers can log hours without switching tabs.Communication Tools That Don’t Make People HideSlack, Teams, or Discord, the tool itself matters less than how you use it. The golden rule is to keep it intentional. Here’s how to do it.. Don’t let client requests drown in a sea of memes. Create dedicated channels for projects.. Don’t ping developers at midnight unless the website is actually on fire.. And for the love of all things productive, turn off unnecessary notifications.Version Control That Everyone UnderstandsThis one’s non-negotiable. If your agency isn’t using Git (or a hosted platform like GitHub or GitLab), you’re living dangerously. Version control is about enabling better collaboration. Several developers can work on one project without tripping over each other's code. But you need to set rules. Don’t just hand out Git access like Halloween candy. Define branching strategies and review workflows. Otherwise, you’ll end up with spaghetti code that nobody wants to touch.Client-Friendly Collaboration PlatformsAgencies don’t just build websites, but build relationships. And nothing tests a relationship faster than “Can you resend that PDF? I can’t find it.” Enter client collaboration tools. Platforms like Notion and ClickUp can serve as client dashboards, where you can share assets and timelines in one place. They also reduce the number of “Just checking in!” emails clogging your inbox.Bottom lineProductivity is about removing friction so your agency can build great digital experiences. With the right mix of project management, time tracking, and communication tools, your web development agency can stay efficient and even have fun along the way. The truth is, productivity tools are the difference between sprinting through projects with confidence and stumbling over chaos disguised as process.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
useState() 초기값에 대한 질문
안녕하세요. useState의 초기값으로 함수를 넣는 경우를 처음 접해서 질문드립니다. 제가 따로 찾아본 결과useState() 초기값으로 값이 아닌 함수를 넣어주게되면 -> 리랜더링시에 값이 평가되지않고 -> 쓸때없이 uuid가 생성되지 않아서 강의(86강 5분대)와 같이 useState 초기값으로 함수를 넣어주신게 맞나요??그리고 이를 lazy-initialization이라 명명하는게 맞을까요??좋은 강의 감사드립니다.
-
해결됨친절한 블렌더 - [LV.3] 캐릭터 애니메이션
양말과 신발 웨이트 값 수정
15:23양말이나 신발 완성하고 DEF 다시 켜고 웨이트 페이팅 수정할 때, 양말이나 신발의 웨이트값이 아예 0으로 하고 (또는 본 데이터 프로퍼티에서 영향을 주는 본을 모두 삭제한 후에) 양말과 신발을 rig에 오토리그 시켜도 되나요? 인체에서 복사후 양말과 신발을 만드는 과정에서 형태와 위치가 바뀐 부분은 새로 자동웨이팅하는게 수정이 빠르지 않을까 해서요.
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
params 에 Promise 객체 타입이 지정되어야 하는 이유? 최신?
안녕하세요! 강의 5:15초 부터의 설명에 조금만 더 자세히 설명해주시면 감사할것 같아서요!"이러한 파람즈도 프라미스로 가져와야겠죠 우리가 최신을 사용하고 있기 때문에 다시 generateMetadata 함수를"라고 스크립트(영상자막)는 나와 있는데, 이유를 설명하는 파트가 잘 안 와닿아서 혹시 설명해주실 수 있나요?직관적으로 생각하면 export generateStaticParams에서 slug 를 params으로 가져오는데 시간이 걸리니까, 기다려야 하니까 await 으로 params를 기다리는건 알겠는데, 'params'가 왜, 어떻게 해서 Promise 타입인지 궁금합니다. 너무 두서없었네요. 정리하자면1.왜 params 가 Promise 객체 타입인지, 코드 어디에서, 어떻게 해서 Promise 객체 타입이 되었는지 궁금합니다.2. 혹시 params 가 Promise 객체 타입인 이유는, 그저, [slug]폴더로 동적페이지로 정의되었으니, 컴포넌트로 들어오는 입력값 {params}는 [] 안에 들어간 변수값이 들어오는 건가요? 그래서 그냥 nextjs 스펙상 무조건promise 로 params 가 주어지게 되는건가요?너무너무 헷갈려서 그런데, 동적라우팅/정적 라우팅 별, 그리고 Clientside /serverside 별로 4가지로 나누어서 params 가져오는 방법을 설명해주실수 있나요? 너무너무 헷갈리네요.... 동적/정적라우팅에 따라 나뉘나요, client/server 에 따라 나뉘나요? 후자인걸로 생각하고 있긴 한데 맞는지 너무 헷갈리네요.. 감사합니다! 좋은 하루 되세요!
-
미해결김영한의 실전 자바 - 기본편
9장 상속 문제와 풀이 부분 궁금한게 있어서 질문드립니다
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오) -> 네 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) -> 네 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) -> 네 [질문 내용]여기에 질문 내용을 남겨주세요.9장 실습 문제에 대한 질문입니다. 이건 제가 직접 작성하면서 썼던 Item.java 에 있는 코드입니다. public void print() { System.out.print("이름:" + name + "가격:" + price); } 그리고 이건, Movie.java에 있는 제 코드입니다. System.out.println("이름:" + Movie.getName() + ", 가격:" + Movie.getPrice()); super를 사용 안하고 Override를 이용해서 print() 부분을 Movie.getName을 사용해서 재 정의 했다고 생각했는데 출력 결과는 이렇게 나왔습니다. 어떤 부분 때문에 이런 결과가 나왔는지 궁금합니다. 코드의 다른 부분은 상속.pdf와 동일합니다. 이름:영화1, 가격:18000- 저자 :han, isbn :12345이름:영화1, 가격:18000- 감독 :seo이름:영화1, 가격:18000- 감독 :감독1, 배우 :배우1상품 가격의 합: 54000 그리고, 헷갈린 부분에서 어떤 이론을 다시 복습해야할지도 궁금합니다 감사합니다!
-
해결됨실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
주문 목록 조회 fetch join 질문드립니다
주문 목록을 화면에 뿌려줄 때 N+1 문제가 발생하는 것을 확인하고페치 조인으로 이를 해결해보았습니다. OrderRepository.javapublic List<Order> findAllByString(OrderSearch orderSearch) { String jpql = "select o from Order o join fetch o.member m join fetch o.orderItems oi join fetch oi.item"; ... }다른 부분은 건들지 않고 문자열 jpql 만 위와 같이 변경했습니다.이처럼 변경 후 확인을 해보니 N+1 문제 없이 한방 쿼리로 주문 목록을 가져오는 것을 확인했습니다. 하지만, 기본편에서 페치 조인 대상에는 별칭을 줄 수 없다고 하셨습니다.물론 하이버네이트는 되지만 아래의 이유 때문에 가급적 사용을 금한다고 말씀하셨습니다.위의 o.member m 를 예로 들면 where 절에서 m.name like 와 같이 몇개만 따로 가져오는 것은JPA가 설계한 관련된 것들을 싹 가져온다 의 방향과는 맞지 않기 때문입니다. 여기서 질문이 있습니다질문 1) where 절에 member에 대한 조건이 없으면 별칭을 쓰지 않아도 될거같은데 이처럼 있는 경우는 어떻게 하면 될까요?(이 부분에 대해서 활용 2편에서 다뤄주시면 그렇다라고만 답해주셔도 됩니다)질문 2)기본편에서 페치 조인을 여러 단계 하는 경우는 간혹 별칭을 쓸 수 있다고 하셨는데 그게 위의 o.orderItems oi 에 해당될까요?(여기에 별칭을 안주고는 도저히 item을 가져올 방법이 떠오르지 않습니다..)
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
미리보기가 안됩니당...
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님이랑 코드가 다 똑같고 index.js에서도 props:true 로 잘 넘겨주는데요 PostDetailView.vue 컴포넌트에서도 props.id로 잘 넘겨줍니다 다 바꿔줫는데도 예시가 나오질 않네요 리스트에서도요ㅜㅜ 왜 이럴까요?
-
미해결프론트엔드 마스터클래스
메모이제이션 뒷부분 짤린건가요?
103강 메모이제이션과 104강 가상화가 매끄럽게 이어지지 않고 끊긴 느낌이라 질문드립니다!
-
해결됨PM을 위한 데이터 리터러시(프로덕트 데이터 분석)
데이터 로그 관련 질문
안녕하세요, 입사한지 약 두달된 신입 PM입니다.다름이 아니라 데이터 로그 설계에 대해 배우면서 어떤걸 만져야 하나 고민을 하고 있습니다. 회사가 amplitude나 GA를 주로 쓰지 않아서 카일님의 방법대로 로그를 설계하기 보다는 mixpanel 기반으로 AB하는게 대부분이더라구요. 그리 크지 않아서 그럴 수도 있겠지만요, 오늘 팀장님과 면담을 했을 때는 아직 로그기반으로 트래킹을 세밀하게 하고 있는 건 없는 듯 한데, 일단 기본적인 것부터 하고 나중에 생각해보라고 하시긴 하시네요 ㅋㅋ 그냥 mixpanel 기반으로 계속 해보고 나중에 하는게 좋겠죠 ?
-
해결됨토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1
Exception 정의 기준
application 쪽에서는 커스텀 예외를 정의해서 사용했는데 Profile과 Email 레코드에서 값 형식 검증 부분에서는 표준 예외를 사용하셨더라구요 예외를 분리해서 사용하는 기준이 무엇일까요?
-
미해결해킹 입문부터 중급까지, 한 번에 배우는 웹해킹
XSS-WAF4 문제풀이
iframe을 써도 no hack이라고 나옵니다..