inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

menu에 hover하면 배경색이 검은색되고 글씨가 흰색이 되야하는데 안되요....sub-menu도요

해결됨

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

menu에 hover하면 배경색이 검은색되고 글씨가 흰색이 되야하는데 안되요....sub-menu도요 코드에 어떤 문제가 있는걸까요? <! DOCTYPE html > < html lang = "ko" > < head > < meta charset = "UTF-8" > < title > 부여 가을연꽃축제 </ title > < link rel = "stylesheet" href = "css/style.css" > </ head > < body > < div class = "container" > < div class = "left" > < header > < div class = "header-logo" > < a href = "#none" > < img src = "images/logo-header.png" alt = "header-logo" > </ a > </ div > <!--.header-logo--> < div class = "navi" > < 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 > <!--.sub-menu--> </ 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 > <!--.sub-menu--> </ li > < li > < a href = "#none" > 홍보마당 </ a > < div class = "sub-menu" > < a href = "#none" > 축제소식 </ a > < a href = "#none" > 보도자료 </ a > < a href = "#none" > 음식레시피 </ a > </ div > <!--.sub-menu--> </ li > < li > < a href = "#none" > 참여마당 </ a > < div class = "sub-menu" > < a href = "#none" > 참가후기 </ a > < a href = "#none" > 연꽃갤러리 </ a > < a href = "#none" > 포토갤러리 </ a > </ div > <!--.sub-menu--> </ li > </ ul > </ div > <!--.navi--> </ header > </ div > <!--.left--> < div class = "right" > < div class = "slide" > < div > < a href = "#none" > < img src = "images/slide-01.jpg" alt = "slide image1" > </ a > < a href = "#none" > < img src = "images/slide-02.jpg" alt = "slide image2" > </ a > < a href = "#none" > < img src = "images/slide-03.jpg" alt = "slide image3" > </ a > </ div > </ div > <!--.slide--> < div class = "items" > < div class = "news" ></ div > <!--.news--> < div class = "gallery" ></ div > <!--.gallery--> < div class = "shortcut" ></ div > <!--.shortcut--> </ div > <!--.items--> < footer > < div class = "copyright" > (주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니 </ div > <!--.copyright--> < div class = "sns" > < div > < a href = "#none" > < img src = "images/sns-01.png" alt = "facebook" > </ a > < a href = "#none" > < img src = "images/sns-02.png" alt = "tweeter" > </ a > < a href = "#none" > < img src = "images/sns-03.png" alt = "instagram" > </ a > </ div > < div > < select > < option value = "" > Family Site </ option > < option value = "" > 여주군청 홈페이지 </ option > < option value = "" > 한국관광공사 </ option > < option value = "" > 여행자보험가입 </ option > </ select > </ div > </ div > <!--.sns--> </ footer > </ div > <!--.right--> </ div > < script src = "script/jquery-1.12.4.js" ></ script > < script src = "script/custom.js" ></ script > </ body > </ html > @charset 'utf-8' ; * { padding : 0 ; list-style : none ; text-decoration : none ; } a { color : #222328 ; } body { margin : 0 ; background-color : #fff ; color : #222328 ; font-size : 15px ; } .container { border : 1px solid red ; width : 1000px ; } .container > div { float : left ; box-sizing : border-box ; } .left { width : 200px ; } .right { width : 800px ; } header { } header > div {} .header-logo { height : 100px ; line-height : 130px ; } .navi { height : 400px ; } .slide > div { border : 1px solid green ; height : 350px ; } .items { overflow : hidden ; } .items > div { border : 1px solid pink ; height : 200px ; float : left ; box-sizing : border-box ; } .news { width : 300px ; } .gallery { width : 300px ; } .shortcut { width : 200px ; } footer { overflow : hidden ; } footer > div { height : 100px ; float : left ; box-sizing : border-box ; text-align : center ; } .copyright { width : 600px ; padding-top : 30px ; } .sns { width : 200px ; } .sns div { height : 50px ; box-sizing : border-box ; } .sns div:nth-child ( 1 ){ padding-top : 15px ; } .sns div:nth-child ( 2 ){ padding-top : 10px ; } /* slide */ .slide { position : relative ; } .slide > div { /*position: absolute;를 여기에다가 주는게 아니라 .slide > div a{}안에 주어야함*/ } .slide > div a { position : absolute ; top : 0 ; left : 0 ; opacity : 0 ; animation : slide 10s linear infinite ; } .slide > div a:nth-child ( 1 ){ animation-delay : 0s ; } .slide > div a:nth-child ( 2 ){ animation-delay : 3.5s ; } .slide > div a:nth-child ( 3 ){ animation-delay : 7s ; } @keyframes slide { 0%{ opacity : 0 ; visibility : hidden ; /*visibility: hidden;*/ } 5%{ opacity : 1 ; } 35%{ opacity : 1 ; } 40%{ opacity : 0 ; } 100%{ opacity : 0 ; } } /* Nevigation */ .menu { padding : 0 ; width : 90% ; margin : auto ; } .menu li { text-align : center ; } .menu li > a { border : 1px solid #000 ; display : block ; padding : 5px ; transition : 0.5s ; } .menu li:hover > a { background-color : #fff ; color : #000 ; } .sub-menu { border : 1px solid #000 ; } .sub-menu a { display : block ; padding : 5px ; transition : 0.5s ; } .sub-menu a:hover { background-color : #fff ; color : #000 ; }

  • 코드문제
  • 질문
  • 웹 디자인
  • 웹디자인기능사
  • HTML/CSS
  • jquery
My own life 댓글 2 좋아요 1 조회수 1451

함수 질문합니다

해결됨

자바스크립트 제대로 배워볼래?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. array.splice( start [, deleteCount [, item1 [, item2 [, ... ]]]]) mdn 문서보면 저런식으로 써져있는데 [, [, [[[]]] 이런건 무슨 기호인가요?

  • 질문
  • HTML/CSS
  • javascript
  • es6
nonoa846 댓글 1 좋아요 0 조회수 215

mdn 문서를 봤는데 특이한게 있어서요

해결됨

자바스크립트 제대로 배워볼래?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. array.splice( start [, deleteCount [, item1 [, item2 [, ... ]]]]) 이런식으로 쓰여져 있는데 [, [, ?? 이건 무슨뜻일까요?ㅠㅠ 중첩구조로 되있는데

  • 질문
  • HTML/CSS
  • javascript
  • es6
nonoa846 댓글 0 좋아요 0 조회수 273

결과 while 문 2번 반복 현상.

미해결

C 프로그래밍 - 입문부터 게임 개발까지

while 문에서 반복이 두번씩 나타납니다.. getchar()함수에서 아무키나 입력해서 넘어갈때마다 두번씩 반복되는데.. 왜그러는걸까요ㅠ

  • 버그
  • c
  • while
  • getchar
  • 반복문
  • 오류
  • 질문
신창호 댓글 1 좋아요 0 조회수 849

질문있습니다~

미해결

Skill-Up! 배워서 바로 쓰는 웹쉘 제작

fileModify 를 할 때 내용이 있는 파일은 잘 읽히는데 파일에 내용이 없는 파일은 위에 경로 부분 포함 textarea 자체가 나오지 않는데 이유를 알 수 있을까요?

  • 질문
  • bootstrap
  • 파일수정
  • 빈화면
  • 웹셸
Hackguri 댓글 2 좋아요 1 조회수 292

6장 질문있습니다!

해결됨

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

라우터에서 status 를 지정하지 않으면 200이 반환된다고 하셨는데 저는 304가 반환됩니다. 왜그럴까요?

  • 질문
  • mongodb
  • nodejs
  • mysql
  • Sequelize
쿠마스 댓글 1 좋아요 0 조회수 131

그롤러 만들기에서 ConnectionError 가 납니다.

미해결

Github Action을 활용한 크롤러 웹 페이지 만들기

import requests from bs4 import BeautifulSoup response = requests.get( "http://paullab.synology.me/stock.html" ) response.encoding = 'utf-8' html = response.text soup = BeautifulSoup(html, 'html.parser' ) ---------------------------------------------------- 이 구문을 작성했는데 아래와 같이 에러나 나네요. 야후꺼 퍼오면 잘 땡겨오는데 뭐가 문제일까요? ------------------------------------------- ConnectionError : HTTPConnectionPool(host='paullab.synology.me', port=80): Max retries exceeded with url: /stock.html (Caused by NewConnectionError('<urllib3.connection.HTTPConnection object at 0x7f131c44bbd0>: Failed to establish a new connection: [Errno 111] Connection refused'))

  • 질문
  • 웹-크롤링
  • github
  • cicd
안수호 댓글 3 좋아요 0 조회수 481

프록시 관련해서 질문 있습니다.

미해결

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

안녕하세요! 강사님께서 em.clear를 한순간 끈건 아니지만 영속석 컨텍스트안에 완전히 다 지우고 새로 만든거라고 하셨는데 refMember.getUserName();을 한 순간에 DB를 조회해서 쿼리가 나가서 해당 클래스가 영속성 컨텍스안에 들어가는걸로 알고 있습니다. 근데 아직 DB 조회를 하기전( refMember.getUsername()을 하기전 )이라 영속성 컨텍스트안에 해당 클래스가 없는거 아닌가요? 항상 강의 잘보고있습니다 . 감사합니다!!

  • 질문
  • java
  • JPA
gmlwjd4667 댓글 1 좋아요 0 조회수 184

파이썬 활용편3 웹스크래핑 질문입니다.

미해결

파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)

강의를 듣고 따라하고 있는데요. 해당 익스텐션을 설치했는데도, 우측메뉴가 아예 불러와지지 않습니다. 레지스트리나 다른 설치방법을 참고했는데도 잘 되지 않아서 문의를 남깁니다. 현재 윈도우 64bit를 쓰고 있습니다.

  • 질문
  • selenium
  • openinbrowser
  • 웹-크롤링
  • python
  • 웹 스크래핑
junghwan nho 댓글 0 좋아요 0 조회수 320

this

미해결

스프링 핵심 원리 - 기본편

자바기초가잘안잡혀있어서그런지 System. out .println( "[" + uuid + "] request scope been create: " + this ) 이코드에서 this를쓰면 클래스에 대한 정보가 왜나오는지궁금합니다 ㅠㅠ

  • 질문
  • oop
  • spring
dldudtjs5996 댓글 1 좋아요 0 조회수 221

절대경로설정

해결됨

Slack 클론 코딩[실시간 채팅 with React]

절대경로 설정이 안됩니다.. 영상과 깃헙에 있는 것과 tsconfig설정, webpack설정 동일하게 했고, client파일에서 app을 @layouts/app으로 가져오는건 되었는데 이 부분은 절대경로가 안먹히네요. 상대경로로 하면되요.. 어디 확인 더 해야할것 있을까요?

  • 질문
  • react
  • babel
  • typescript
  • Socket.io
  • 웹팩
  • 클론코딩
NJNJ 댓글 1 좋아요 0 조회수 186

무엇이 오류인지 모르겠습니다...

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진

무엇이 오류인지 모르겠습니다 ㅠㅠ

  • 질문
  • 오류
  • C#
  • unity
상원 댓글 1 좋아요 0 조회수 266

Local 좌표계와 World 좌표계에 대한 질문입니다.

해결됨

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진

안녕하세요! 앞선 질문들에서 어느정도의 해답을 얻었지만 제가 맞게 이해했는지 궁금하여 질문 드립니다. TransformDirection, 즉 Translate를 이용하지 않으면 해당 좌표계(Vector3.forward, back 등..)는 local 좌표계지만 월드 좌표계로 인식되어 키 입력 시 월드 좌표계로 동작합니다. 이후, TransformDirection 혹은 Translate를 이용하면 local 좌표계를 world 좌표계로 변환시켜, 즉 world 좌표계가 인식할 수 있게 통역을 해주어 local기준(gameObject기준)으로 키 입력이 된다고 이해했습니다. 제가 이해한 것이 맞는지, 혹은 어느 부분이 틀렸는지 궁금합니다~! + 추가 질문입니다. transform.position += transform.TransformDirection(Vector3.forward * Time.deltaTime * _speed); 에서 TransformDirection을 이용하면 local 좌표계가 world 좌표계로 변환된다고 하였는데, transform.position += transform.forward * Time.deltaTime * _speed; 와 같이 transform.forward를 사용하면 변환하지 않고 바로 사용 가능합니다. 그 이유가 궁금합니다.

  • 질문
  • 학습
  • C#
  • unity
1probang1 댓글 1 좋아요 1 조회수 1215

생성자를 이용한 트리구현

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part2: 자료구조와 알고리즘

혼자 공부하다가 만들어본것인데 다른 자료구조처럼 처음 트리를 생성할 때 생성자를 이용해서 전체 트리를 만들어보고 싶었습니다. 그 결과 TreeNode<string> root = new TreeNode<string>("R1 개발실", new TreeNode<string>("디자인팀", new TreeNode<string>("전투"), new TreeNode<string>("경제"), new TreeNode<string>("스토리") ), new TreeNode<string>("프로그래밍", new TreeNode<string>("서버"), new TreeNode<string>("클라"), new TreeNode<string>("엔진")), new TreeNode<string>("아트팀", new TreeNode<string>("배경"), new TreeNode<string>("캐릭터")) ); 이런식으로 좀 길고 어지러운(?) 방법으로 트리가 생성되었습니다. 이러한 방법으로 생성자를 이용해서 트리를 처음부터 구현하는것이 권장될만한 방법인가요? 만약 이러한 방법이 실제 업무에서 사용되지 않는다면 그 이유도 알고싶습니다.

  • 질문
  • C#
한종훈 댓글 1 좋아요 0 조회수 218

TypeError: Invalid value used in weak set

미해결

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

구글링해봐도 어떤문제인지 모르겠어서 질문드립니다. 오류내용, packge.json, webpack.config.js 소스 이미지 첨부합니다. 강의내용과 똑같이 하였는데 왜그런지 모르겠네요 webpack4 입니다.

  • 질문
  • 웹팩
  • eslint
  • nodejs
  • babel
재무 댓글 1 좋아요 0 조회수 864

질문

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

app: "docker-fullstack-app" bucket_name: elasticbeanstalk~~~~ travis에서 작성해줄 때 어떨 때에는 더블 쿼트를 쓰고 어떨 때에는 그냥 싱클 쿼트나, 더블 쿼트 없이 그냥 이름만 있는데 차이점이 있을까요???

  • 질문
  • docker
  • aws
  • github
  • travis-ci
  • 데이터 엔지니어링
  • cicd
나두코딩 댓글 0 좋아요 0 조회수 219

MySQL 비밀번호는 어디서 알아봐야 될까요?

미해결

Slack 클론 코딩[실시간 채팅 with React]

안녕하세요 제로초님 .env 설정할때 자신의 MySQL 비밀번호로 사용하라고 말씀해주셨는데 MySQL 사용해본적이 없어서.. Node js 책보고 따라하면 될까요? N

  • mysql
  • 웹팩
  • 질문
  • react
  • typescript
  • babel
  • Socket.io
  • 클론코딩
yjym33 댓글 1 좋아요 0 조회수 297

티스토리 방문 통계와 사이트의 활성 사용자 수

미해결

마케터를 위한 구글 애널리틱스 실무

안녕하세요 강사님 GA에 있는 '현재 사이트의 활성 사용자 수'와 티스토리에 있는 '방문 통계'의 다른 점이 궁금합니다. 저는 GA에서 보여지는 '현재 사이트의 활성 사용자 수'가 현재 제 티스토리 페이지에 있는 사람의 수를 의미하는 줄 알았는데, 티스토리의 '방문 통계'에서 확인을 해보니 방문수가 0(제로)이더라구요. 두 개의 다른 점이 무엇인가요?

  • 질문
  • 퍼포먼스 마케팅
  • Google-Analytics
  • 디지털 마케팅
Eunjoo Lee 댓글 0 좋아요 0 조회수 170

'변수선언, 값, 할당' 강의 2분 24초

미해결

예제로 공부하는 Python 100 문제풀이 Part.1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 수강 중 질문이 있어 남깁니다. "파이썬은 변수를 선언시 메모리 공간을 예약하기 위해서 명시적으로 선언을 할 필요가 없다."라고 하셨는데요, c언어에서 처음에 변수명을 선언하고 (int a=10) 값을 초기화해주는 것처럼 변수명과 변수 타입을 기입하는 과정이 필요없고 바로 a=10이라고 쓰면 된다고 이해해도 되나요?

  • 질문
  • 파이썬
  • python
  • 변수선언
  • 파이썬변수선언
야망정보스 댓글 1 좋아요 0 조회수 297

인기 태그

인프런 TOP Writers

주간 인기글