묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결스프링 시큐리티 완전 정복 [6.x 개정판]
CSRF 통합 GIT 주소 오류
안녕하세요. 좋은 강의 감사드립니다.다만 강의자료에 CSRF 통합 챕터 깃 주소를 들어가면 아래와 같이 404 에러가 발생합니다.
-
미해결Amazing JavaScript - 입문
Destructuring 할 때 변수 선언.
강의에서 var [myFruit, myNum] = arr; 로Destructructing을 하는것으로 보았는데요. 변수가 동적인 경우가 필요할 떄.예를들어 var [a,b,c..]에서 a,b,c.. 부분에 for문으로 여러 변수를 세팅할 수 있을까요?할 수 있다면 어떻게 구현을 할 수 있을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
display:none 적용 안됨 문제
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>index</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="main-content"> <div class="left"> <header> <div class="header-logo"></div> <div class="nav"> <ul class="menu"> <li> <a href="#none">메뉴</a> <div class="sub-menu"> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> </div> </li> <li> <a href="#none">메뉴</a> <div class="sub-menu"> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> </div> </li> <li> <a href="#none">메뉴</a> <div class="sub-menu"> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> </div> </li> <li> <a href="#none">메뉴</a> <div class="sub-menu"> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> <a href="#none">서브메뉴</a> </div> </li> </ul> </div> <div class="spot-menu"></div> </header> </div> <div class="right"> <div class="slide"> <div class="slide-image"></div> <div class="slide-banner"></div> </div> <div class="items"> <div class="shortcut"></div> <div class="news-gallery"></div> </div> </div> </div> <footer> <div class="footer-logo"></div> <div class="footer-content"> <div class="footer-link"></div> <div class="copyright"></div> </div> </footer> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html>@charset "utf-8"; body { margin: 0; background: white; color: #333; } a { text-decoration: none; color: inherit; } /* entire layout */ .container {} .main-content { display: flex; } .main-content > div { /* height: 800px; */ border: 1px solid #000; } .left { width: 200px; } .right { flex: 1; } /* header */ header { z-index: 999; position: relative; } header > div { border: 1px solid #f00; } .header-logo { height: 100px; } /* 네비 */ .nav { width: 95%; margin: 20px auto; } .menu { list-style: none; padding: 0; margin: 0; } .menu > li { position: relative; } .menu div { display: inline-block; } .menu > li > a { transition: 0.5s; border: 1px solid #000; display: block; text-align: center; padding: 10px; } .menu > li:hover > a { background: #00000050; color: white; } .sub-menu { border: 1px solid #000; display: none; background: #00000050; width: calc(100vw - 200px); top: 0; left: 100%; position: absolute; padding: 6px; } .sub-menu > a { transition: 0.5s; padding: 5px; cursor: pointer; text-align: center; width: 120px; color: white; display: inline-block; } .sub-menu a:hover { color: white; background: #00000060; } /* 네비 */ .spot-menu { height: 50px; } /* slide */ .slide { position: relative; height: 400px; } .slide > div { border: 1px solid #0f0; } .slide-image { height: inherit; } .slide-banner { top: 0; right: 0; width: 150px; height: 300px; position: absolute; } /* news-gallery */ .items {} .items > div { border: 1px solid #000; } .news-gallery { height: 250px; } /* shortcut */ .shortcut { height: 200px; } /* footer */ footer { display: flex; } footer > div { height: 120px; border: 1px solid #000; } .footer-logo { width: 200px; } .footer-content { flex:1; } .footer-content > div { border: 1px solid #0f0; height: 50%; box-sizing: border-box; }$('menu li').mouseenter(function(){ $('.sub-menu').stop().fadeIn() }) $('menu li').mouseleave(function(){ $('.sub-menu').stop().fadeOut() })D유형 메가메뉴 제작중서브메뉴가 display:none으로 없어지지 않는 문제가 생겼습니다.!important 로 적용하면 없어지긴 하는데 제이쿼리가 안먹네요 혹시 어떤 부분이 잘못된걸까요?
-
미해결DevOps를 위한 Docker 가상화 기술 (Private Harbor Registry)
Harbor 인증서 설정 후 IP 변경
안녕하세요,Harbor+Jenkins 실습 중 문의사항이 생겨 질문 남깁니다.Jenkins에서 Harbor로 푸시를 할 때 에러가 발생해 확인해보니 https 관련 에러가 나는 것 같았습니다. 확인해보니 Harbor를 설치하고 며칠 뒤 실습을 진행해 host pc의 ip가 변경되었고, 이로 인해 문제가 발생하고 있었습니다.이럴 경우, 매번 재설정을 해주는 것 외에 다른 해결법이 있을까요? 감사합니다.
-
미해결실습으로 손에 잡히는 SQLD의 정석(2과목)
dbeaver 설정
오라클도 깔았는데 뭐가 문제일까요.. 노션 설명이 많이 부족합니다.. ++ 결국 GPT유료 지르고 4시간 걸려서 해결했습니다. 노션을 입문자 시야에서 많이 보완해주세요ㅠ
-
미해결게임 엔진을 지탱하는 게임 수학
반지름이 r인 경우에 cos^2θ+sin^2θ = 1 검증
제가 이해하기로는 반지름이 r일 때 (r · cosθ)^2 + (r · sinθ)^2 = r^2 이라는 것 같은데 교수님이 써 주신 공식에는 r^2 cos^θ 라고 표기되어 있습니다!오타인 듯 하여 수정이 필요해보입니다.
-
미해결배달앱 클론코딩 [with React Native]
강의 외 질문입니다!
안녕하세요 제로쵸님리액트 네이티브로 이번에 처음으로 앱을 개발해서 출시를 했습니다. 그런데 도저히 해결이 안되는 문제가 있어서 질문을 남깁니다!import * as Application from "expo-application"; export const getUserAppVersion = () => { return Application.nativeApplicationVersion ?? null; };안드로이드에서 앱버전을 가져오는 곳에서 에러가 생기고 있는데...개발 과정에선 expo go 앱의 버전이 뜸 (정상)프로덕션 배포 IOS의 경우 앱의 버전이 정상적으로 뜸 (정상)내부 앱공유로 배포한 안드로이드의 경우 앱의 버전이 정상적으로 뜸 (정상)프로덕션 배포 안드로이드의 경우 앱 버전이 안뜸 (문제) 참고로 버전은 아래와 같습니다."react-native": "0.76.7""expo": "~52.0.31" 혹시 이런 이슈의 원인이 짐작가시나요? ㅜㅜ 빌드까지 해서 테스팅 했을 때도 문제가 없었는데 프로덕션 배포 후에 정상적으로 작동을 안하니 어떻게 디버깅을 해야할지도 너무 난감하더군요...
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
업데이트 이후 조회
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]em.find()로 가져온 후 이름을 바꾸고 commit 이전에 em.find()로 똑같은 id의 이름을 조회해서 이름을 확인했을 때 영속성 컨텍스트에서 1차 캐쉬로 조회하기에 바뀐 이름으로 조회되는 것이 맞나요?
-
해결됨김영한의 실전 자바 - 중급 1편
static 사용
package exception.ex; public class NetworkService { public void sendMessage(String data) { String url = "http://example.com"; NetworkClient networkClient = new NetworkClient(url); networkClient.initError(data); String connectResult = networkClient.connect(); if (isError(connectResult)) { System.out.println("[log] 오류 코드: " + connectResult); } else { String sendResult = networkClient.send(data); if (isError(sendResult)) { System.out.println("[log] 오류 코드: " + sendResult); } } networkClient.disconnect(); } private static boolean isError(String resultCode) { return !resultCode.equals("success"); } }오늘 강의 중 작성해주신 코드입니다.isError()를 static method로 잡으신 이유가 궁금합니다.instance method로도 가능할텐데 어떤 의도로 static 여부를 결정해야하는지 팁이 있을까요?
-
미해결[AI 실무] AI Research Engineer를 위한 논문 구현 시작하기 with PyTorch
import 오류 관련
안녕하세요 선생님, 주피터 test.ipynb 파일에서 models 파일의 StyleTransfer을 불러오는 기본적인 import가 안되어 문의 드립니다. 혹시 코드의 문제인가 싶어 loss.py라는 파일에 A라는 클래스를 만들고 똑같이 import 시도해 보았지만 실행이 되지 않습니다 ㅜ test와 loss 파일은 실행해 보았고 문제없이 돌아가는 것을 확인하였습니다. gpt를 통해 여러 방법을 시도해 보았지만 잘 풀리지 않아 질문 드립니다..
-
미해결핵심만 골라배우는 CSS3
css 지정시 class 네이밍에 대해 질문이 있습니다.
안녕하세요. 강의 잘 보고 있습니다. 심플 배너 해설 영상을 보고 있는데 css class 명이 어떨때는 banner-bg 이런식이고 어떤때 에는 cousre__txt 이런식으로 네이밍을 지으시는 것 같은데 권장되는 규칙같은게 있는 건가요??
-
해결됨스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판
해당 강의가 실제로 현업에서 쓰는 방법들인가요??
학습 관련 질문을 최대한 상세히 남겨주세요!고민 과정도 같이 나열해주셔도 좋습니다.먼저 유사한 질문이 있었는지 검색해보세요.인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요 강사님 이번에 강의를 구매한 학생입니다.해당 강의가 실제로 현업에서 사용될 수 있는 방법들인가요? 해당 강의를 수강하고, 이를 바탕으로 프로젝트에 녹여내볼려고 하는데 현업에서 사용하지 않는 방법들이라던가 교육용 강의라면 고민을 좀 해봐야 될 것 같아 문의글 남깁니다 감사합니다.
-
미해결15일간의 빅데이터 파일럿 프로젝트
카프카 토픽 생성에서 에러
25/02/26 18:11:20 INFO zookeeper.ZooKeeper: Session: 0x0 closed25/02/26 18:11:20 INFO zookeeper.ClientCnxn: EventThread shut down25/02/26 18:11:20 INFO zookeeper.ZooKeeperClient: [ZooKeeperClient] Closed.Exception in thread "main" kafka.zookeeper.ZooKeeperClientTimeoutException: Timed out waiting for connection while in state: CONNECTING at kafka.zookeeper.ZooKeeperClient$$anonfun$kafka$zookeeper$ZooKeeperClient$$waitUntilConnected$1.apply$mcV$sp(ZooKeeperClient.scala:242) at kafka.zookeeper.ZooKeeperClient$$anonfun$kafka$zookeeper$ZooKeeperClient$$waitUntilConnected$1.apply(ZooKeeperClient.scala:238) at kafka.zookeeper.ZooKeeperClient$$anonfun$kafka$zookeeper$ZooKeeperClient$$waitUntilConnected$1.apply(ZooKeeperClient.scala:238) at kafka.utils.CoreUtils$.inLock(CoreUtils.scala:251) at kafka.zookeeper.ZooKeeperClient.kafka$zookeeper$ZooKeeperClient$$waitUntilConnected(ZooKeeperClient.scala:238) at kafka.zookeeper.ZooKeeperClient.<init>(ZooKeeperClient.scala:96) at kafka.zk.KafkaZkClient$.apply(KafkaZkClient.scala:1824) at kafka.admin.TopicCommand$ZookeeperTopicService$.apply(TopicCommand.scala:262) at kafka.admin.TopicCommand$.main(TopicCommand.scala:53) at kafka.admin.TopicCommand.main(TopicCommand.scala)카프카 토픽생성에서 이런 에러가 뜹니다...
-
해결됨(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>
URL 복사 버튼 만들기 챕터에서 react-copy-to-clipboard 오류가 발생합니다.
Q. npm i react-copy-to-clipboard 패키지 설치시 아래와 같은 오류가 발생합니다. > npm i react-copy-to-clipboard npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: mbti-contents-platform@0.0.0 npm error Found: react@19.0.0 npm error node_modules/react npm error react@"^19.0.0" from the root project npm error npm error Could not resolve dependency: npm error peer react@"^15.3.0 || 16 || 17 || 18" from react-copy-to-clipboard@5.1.0 npm error node_modules/react-copy-to-clipboard npm error react-copy-to-clipboard@"*" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error ... 강의 들으며 문제가 발생했고, 직접 해결한 방법을 공유합니다.🎯 오류 원인 분석오류 메시지를 분석하면, react-copy-to-clipboard@5.1.0 패키지가 React 19을 지원하지 않기 때문에 설치에 실패한 것입니다.🎯 1. 오류 원인 분석오류 메시지를 보면:npm error Found: react@19.0.0 npm error Could not resolve dependency: npm error peer react@"^15.3.0 || 16 || 17 || 18" from react-copy-to-clipboard@5.1.0 📌 원인프로젝트에 React 19.0.0이 설치되어 있음.하지만 **react-copy-to-clipboard@5.1.0**은 React 19을 지원하지 않음 (React 15~18까지만 지원).📌 결과react-copy-to-clipboard는 react@19와 호환되지 않아서 설치할 수 없음.강사님은 18버전으로 진행, 실습 시 vite로 최신버전이 19버전으로 설치됨 Soultion ✅ react-copy-to-clipboard 대신 다른 패키지 사용 (추천)현재 react-copy-to-clipboard는 React 19을 공식적으로 지원하지 않음.대신 React 19에서 정상적으로 동작하는 최신 패키지를 사용하는 것이 좋음.대체 패키지: @uidotdev/usehooks이 패키지는 useCopyToClipboard() 훅을 제공하며, React 19에서도 사용 가능.npm i @uidotdev/usehooks 📌 사용 예시 (useCopyToClipboard 활용)import { useCopyToClipboard } from "@uidotdev/usehooks"; export default function CopyButton() { const [copiedText, copy] = useCopyToClipboard(); return ( <div> <button onClick={() => copy("Hello, World!")}>복사하기</button> {copiedText && <p>복사 완료: {copiedText}</p>} </div> ); } 저는 위 방식을 통해 해결하였습니다. 더 좋은 방법이 있으면 공유해주세요.
-
해결됨[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
brew tap homebrew/cask-versions 오류
brew tap homebrew/cask-versions사이트가 달라져서 직접 해당 명령어를 입력해서 작업했는데 오류가 뜨고 잇는 상황입니다 어떻게 해결해야되는지 이거 때문인지 안드로이드 앱이 동작을 안하고 있습니다.
-
미해결
면접 질문에 대한 답변 부탁드립니다..
안녕하세여 3년차 주니어 mmorpg 서버개발자입니다.제가 담당한 mmorpg 서버의 iocp 처리 후 큐에 담는 과정은 멀티스레드이였고 큐에 담긴 메세지를 처리하는 스레드는 단일스레드 였습니다.최근에 면접보러 갔을 때 제일 난처했던 질문이 있었는데Q : 대규모 전투가 이루어질때 수많은 유저가 있는데 어떻게 동기화 할 것이냐??A : 하나의 존의 메세지 처리를 단일로 하여 동기화를 최소화 할 것입니다.Q : 메세지처리가 스레드가 멀티스레드라면 어떻게 처리하실건가요??A : 메세지 유형별로 멀티스레드 처리 할 것 같습니다. 이렇게 대답을 했었습니다...면접에 대한 답변을 어떻게 했어야 했는지와 멀티스레드 환경 mmo서버에서는 실제로는 어떻게 사용되고 있는지 궁굼합니다.
-
해결됨파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)
정규표현식
안녕하세요! 강의 들으며 많은 부분 배우고 있습니다.DateCoverter 정규표현식 부분을 보면서 드는 의문이 있어 질문드립니다. 제가 이해한 바가 맞다면, 정규표현식에서 {1,2}부분은 앞부분의 패턴을 1번 또는 2번 반복한다고 이해했습니다.그렇다면 r"20\d{2}/([1-9]|0[1-9]|1[0-2]){1,2}/([1-9]|0[1-9]|[12][0-9]|3[01]){1,2}"라는 정규표현식에서 월과 일의 숫자를 체크하는 부분이 1번 또는 2번 반복될 수도 있으니 "2023/0303/1212"와 같은 문자열도 통과 가능한 것일까요?
-
해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
함수 타입 호환성의 실제 예제가 궁금합니다.
안녕하세요! 강의 잘 들었습니다. 내용은 모두 이해가 되었는데, 이런 함수 타입 호환성을 실무나 프로젝트에선 어떤식으로 사용하는지 궁금합니다! 동일 질문을 chatGPT에게 했더니 콜백 함수 관련 예제를 알려주었는데, 그렇게 와닿지 않아 질문드리게 되었습니다 ㅠㅠ간단한 코드라도 예시를 주실 수 있다면 감사하겠습니다.
-
미해결Next + React Query로 SNS 서비스 만들기
next-auth 사용 이유
안녕하세요. 백엔드에서 connect.sid 쿠키와 next-auth의 auth.js-session-token을 사용해서 유저 인증을 하는 것 처럼 보입니다. 프론트서버에서 유저가 접근 시 세션 쿠키(connect.sid)를 받아 백엔드에 유저 세션을 확인한다면 next-auth를 사용하지 않아도 되는 것처럼 보입니다. 백엔드에서 auth.js-sessoin-token으로 유저 인증을 한다면 역시 세션 쿠키(connect.sid)가 필요없는 것처럼 보입니다.connect.sid와 auth.js-session-token 쿠키를 모두 사용해야 하는 이유가 있을까요? 만약 둘 다 사용하는게 좋다고 한다면 동기화가 필요할 것 같은데(만료 시간, 세션 무효화 등..), 이건 어디서 어떻게 처리하는게 좋을까요?(예외 질문) connect.sid의 쿠키에 httpOnly 옵션이 false여도 괜찮은가요? 혹시 백엔드에서 connect.sid의 쿠키를 httpOnly로 보냈다면 쿠키파싱이 제대로 안된 것 같습니다. 아래 모듈로 쿠키파싱하면 되는 것 같습니다. 혹시나하고 남겨봅니다. //현재 코드 //import cookie from "cookie"; //const parsed = cookie.parse(setCookie); import { parseSetCookie } from "next/dist/compiled/@edge-runtime/cookies"; const parsed = parseSetCookie(setCookie);
-
해결됨실전! Querydsl
상수, 문자 더하기 (참고) 부분 질문
안녕하세요. 상수처리에 궁금한 점이 있습니다.3장 기본문법pdf의 p.21 참고를 강의촬영후 달아주셨는데요.Q1. '위와 같이 최적화가 가능' 이란 설명을 하셨는데 위 쿼리가 어떤 점에서 최적화가 된 쿼리인지 알고싶습니다.Q2. 상수를 더하는 것 처럼 최적화가 어려우면 SQL에 constant 값을 넘긴다. 이 말씀도 잘 이해가 되지 않습니다.상수를 더한다는 표현과 상수를 넘긴다라는 표현이 낮설기만 한데요. 혹시 예시를 들을 수 있을까요?
