inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

display:none 적용 안됨 문제

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

<!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 로 적용하면 없어지긴 하는데 제이쿼리가 안먹네요 혹시 어떤 부분이 잘못된걸까요?

  • HTML/CSS
  • jquery
  • 웹-디자인
Cheon 댓글 2 좋아요 1 조회수 1009

Harbor 인증서 설정 후 IP 변경

미해결

DevOps를 위한 Docker 가상화 기술 (Private Harbor Registry)

안녕하세요, Harbor+Jenkins 실습 중 문의사항이 생겨 질문 남깁니다. Jenkins에서 Harbor로 푸시를 할 때 에러가 발생해 확인해보니 https 관련 에러가 나는 것 같았습니다. 확인해보니 Harbor를 설치하고 며칠 뒤 실습을 진행해 host pc의 ip가 변경되었고, 이로 인해 문제가 발생하고 있었습니다. 이럴 경우, 매번 재설정을 해주는 것 외에 다른 해결법이 있을까요? 감사합니다.

  • docker
  • 가상화
  • ci/cd
  • msa
수빈 댓글 2 좋아요 0 조회수 209

dbeaver 설정

미해결

실습으로 손에 잡히는 SQLD(2과목)

오라클도 깔았는데 뭐가 문제일까요.. 노션 설명이 많이 부족합니다.. ++ 결국 GPT유료 지르고 4시간 걸려서 해결했습니다. 노션을 입문자 시야에서 많이 보완해주세요ㅠ

  • sql
  • oracle
  • mssql
  • SQLD
펭수날개털 댓글 2 좋아요 0 조회수 534

반지름이 r인 경우에 cos^2θ+sin^2θ = 1 검증

미해결

게임 엔진을 지탱하는 게임 수학

제가 이해하기로는 반지름이 r일 때 (r · cosθ)^2 + (r · sinθ)^2 = r^2 이라는 것 같은데 교수님이 써 주신 공식에는 r^2 cos^θ 라고 표기되어 있습니다! 오타인 듯 하여 수정이 필요해보입니다.

  • 게임수학
이희언 댓글 2 좋아요 0 조회수 416

강의 외 질문입니다!

미해결

배달앱 클론코딩 [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" 혹시 이런 이슈의 원인이 짐작가시나요? ㅜㅜ 빌드까지 해서 테스팅 했을 때도 문제가 없었는데 프로덕션 배포 후에 정상적으로 작동을 안하니 어떻게 디버깅을 해야할지도 너무 난감하더군요...

  • react-native
  • 앱버전
  • expo
suh.kiseok.new 댓글 2 좋아요 0 조회수 197

업데이트 이후 조회

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] em.find()로 가져온 후 이름을 바꾸고 commit 이전에 em.find()로 똑같은 id의 이름을 조회해서 이름을 확인했을 때 영속성 컨텍스트에서 1차 캐쉬로 조회하기에 바뀐 이름으로 조회되는 것이 맞나요?

  • java
  • jpa
염경호 댓글 1 좋아요 0 조회수 127

static 사용

해결됨

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

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 여부를 결정해야하는지 팁이 있을까요?

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

import 오류 관련

미해결

[AI 실무] AI Research Engineer를 위한 논문 구현 시작하기 with PyTorch

안녕하세요 선생님, 주피터 test.ipynb 파일에서 models 파일의 StyleTransfer을 불러오는 기본적인 import가 안되어 문의 드립니다. 혹시 코드의 문제인가 싶어 loss.py라는 파일에 A라는 클래스를 만들고 똑같이 import 시도해 보았지만 실행이 되지 않습니다 ㅜ test와 loss 파일은 실행해 보았고 문제없이 돌아가는 것을 확인하였습니다. gpt를 통해 여러 방법을 시도해 보았지만 잘 풀리지 않아 질문 드립니다..

  • python
  • 딥러닝
  • pytorch
Emilie 댓글 2 좋아요 0 조회수 222

css 지정시 class 네이밍에 대해 질문이 있습니다.

미해결

핵심만 골라배우는 CSS3

안녕하세요. 강의 잘 보고 있습니다. 심플 배너 해설 영상을 보고 있는데 css class 명이 어떨때는 banner-bg 이런식이고 어떤때 에는 cousre__txt 이런식으로 네이밍을 지으시는 것 같은데 권장되는 규칙같은게 있는 건가요??

  • HTML/CSS
rujung1225 댓글 2 좋아요 0 조회수 207

해당 강의가 실제로 현업에서 쓰는 방법들인가요??

해결됨

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님 이번에 강의를 구매한 학생입니다. 해당 강의가 실제로 현업에서 사용될 수 있는 방법들인가요? 해당 강의를 수강하고, 이를 바탕으로 프로젝트에 녹여내볼려고 하는데 현업에서 사용하지 않는 방법들이라던가 교육용 강의라면 고민을 좀 해봐야 될 것 같아 문의글 남깁니다 감사합니다.

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
blackhole124 댓글 2 좋아요 0 조회수 239

카프카 토픽 생성에서 에러

미해결

15일간의 빅데이터 파일럿 프로젝트

25/02/26 18:11:20 INFO zookeeper.ZooKeeper: Session: 0x0 closed 25/02/26 18:11:20 INFO zookeeper.ClientCnxn: EventThread shut down 25/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) 카프카 토픽생성에서 이런 에러가 뜹니다...

  • 빅데이터
  • hadoop
  • kafka
  • zookeeper
  • redis
  • flume
  • impala
  • 데이터-엔지니어링
지욱 댓글 2 좋아요 0 조회수 187

URL 복사 버튼 만들기 챕터에서 react-copy-to-clipboard 오류가 발생합니다.

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

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
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
7유스카트 댓글 2 좋아요 1 조회수 434

brew tap homebrew/cask-versions 오류

해결됨

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

brew tap homebrew/cask-versions 사이트가 달라져서 직접 해당 명령어를 입력해서 작업했는데 오류가 뜨고 잇는 상황입니다 어떻게 해결해야되는지 이거 때문인지 안드로이드 앱이 동작을 안하고 있습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
팀 리미티드개발 공식 계정 댓글 2 좋아요 0 조회수 298

면접 질문에 대한 답변 부탁드립니다..

미해결

안녕하세여 3년차 주니어 mmorpg 서버개발자입니다. 제가 담당한 mmorpg 서버의 iocp 처리 후 큐에 담는 과정은 멀티스레드이였고 큐에 담긴 메세지를 처리하는 스레드는 단일스레드 였습니다. 최근에 면접보러 갔을 때 제일 난처했던 질문이 있었는데 Q : 대규모 전투가 이루어질때 수많은 유저가 있는데 어떻게 동기화 할 것이냐?? A : 하나의 존의 메세지 처리를 단일로 하여 동기화를 최소화 할 것입니다. Q : 메세지처리가 스레드가 멀티스레드라면 어떻게 처리하실건가요?? A : 메세지 유형별로 멀티스레드 처리 할 것 같습니다. 이렇게 대답을 했었습니다... 면접에 대한 답변을 어떻게 했어야 했는지와 멀티스레드 환경 mmo서버에서는 실제로는 어떻게 사용되고 있는지 궁굼합니다.

EJ J 댓글 0 좋아요 0 조회수 48

정규표현식

해결됨

파이썬/장고 웹서비스 개발 완벽 가이드 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"와 같은 문자열도 통과 가능한 것일까요?

  • react
  • python
  • django
  • web-api
  • htmx
김은혜 댓글 2 좋아요 0 조회수 144

함수 타입 호환성의 실제 예제가 궁금합니다.

해결됨

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

안녕하세요! 강의 잘 들었습니다. 내용은 모두 이해가 되었는데, 이런 함수 타입 호환성을 실무나 프로젝트에선 어떤식으로 사용하는지 궁금합니다! 동일 질문을 chatGPT에게 했더니 콜백 함수 관련 예제를 알려주었는데, 그렇게 와닿지 않아 질문드리게 되었습니다 ㅠㅠ 간단한 코드라도 예시를 주실 수 있다면 감사하겠습니다.

  • typescript
훗추추 댓글 2 좋아요 0 조회수 192

next-auth 사용 이유

미해결

Next + React Query로 SNS 서비스 만들기

안녕하세요. 백엔드에서 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);

  • react
  • next.js
  • next-auth
송지훈 댓글 2 좋아요 0 조회수 258

상수, 문자 더하기 (참고) 부분 질문

해결됨

실전! Querydsl

안녕하세요. 상수처리에 궁금한 점이 있습니다. 3장 기본문법pdf의 p.21 참고를 강의촬영후 달아주셨는데요. Q1. '위와 같이 최적화가 가능' 이란 설명을 하셨는데 위 쿼리가 어떤 점에서 최적화가 된 쿼리인지 알고싶습니다. Q2. 상수를 더하는 것 처럼 최적화가 어려우면 SQL에 constant 값을 넘긴다. 이 말씀도 잘 이해가 되지 않습니다. 상수를 더한다는 표현과 상수를 넘긴다라는 표현이 낮설기만 한데요. 혹시 예시를 들을 수 있을까요?

  • java
  • jpa
창신동 장첸 댓글 1 좋아요 0 조회수 136

[오타 제보] 13. 스레드 풀과 Executor 프레임워크2

해결됨

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

[오타 내용] 대상 강의록 : 13. 스레드 풀과 Executor 프레임워크2.pdf 대상 위치 : p.2 close() 부분 오타 내용 변경 전: close() 는 자바 19부터 지원하는 서비즈 종료 메서드이다 변경 후: close() 는 자바 19부터 지원하는 서비스 종료 메서드이다

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
dev.rudevico 댓글 2 좋아요 0 조회수 106

jwt 인증 질문입니다.

미해결

웹소켓/STOMP 채팅서비스(spring, vue, redis)

현재 connect 할때 토큰이 올바른지 확인하는데 이후 메세지를 저장할때 보낸 유저를 판단할때 이메일 정보를 이용해 보낸사람의 이메일로 유저를 찾는데 이경우 잘못될 가능성이 높을것 같아 처음 connection을 할때 저장해 두고 이걸 이용해서 보낸 유저를 구분하고 싶은데 어떻게 하는게 좋을까요?

  • spring-boot
  • websocket
  • stomp-websocket
  • pubsub
  • vue-3
hxcva1 댓글 2 좋아요 0 조회수 127

인기 태그

인프런 TOP Writers

주간 인기글