묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
선생님!.open-modal을 눌러도 모달이 안열려요 그리고, btn에 background-color: #fff;해도 선이 사라지지 않네요
선생님!.open-modal을 눌러도 모달이 안열려요 그리고, btn에 background-color: #fff;해도 선이 사라지지 않네요 ㅠㅠ 제가 뭘 잘못한걸까요 <!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 class="tab-inner"> <div class="btn"> <span>공지사항</span> </div><!--.tab-inner--> <div class="tab"> <a href="#none" class="open-modal"><em>운영위원장 후보자 추천을 받고 있습니다.</em><b>2020.01.09</b></a> <a href="#none"><em>홈커밍데이 진행위원회 결과를 다운로드 받으세요.</em><b>2020.01.07</b></a> <a href="#none"><em>카드결제 무이자 이벤트 한시적 10월 20일까지</em><b>2019.12.31</b></a> <a href="#none"><em>보안강화 시스템 작업 안내 공지</em><b>2019.12.20</b></a> <a href="#none"><em>부여 가을연꽃축제 10주년 콘서트 축제</em> <b>2019.12.20</b></a> </div><!--.tab--> </div><!--.tab-inner--> </div><!--.news--> <div class="gallery"> <div class="gallery-inner"> <div class="btn"> <span>갤러리</span> </div><!--.tab-inner--> <div class="tab"> <a href="#none"> <img src="images/gallery-01.jpg" alt="gallery images1"> </a> <a href="#none"> <img src="images/gallery-02.jpg" alt="gallery images2"> </a> <a href="#none"> <img src="images/gallery-03.jpg" alt="gallery images3"> </a> </div><!--.tab--> </div><!--.tab-inner--> </div><!--.gallery--> <div class="shortcut"> <a href="#none"> <img src="images/shortcut.jpg" alt="shortcut"> </a> </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> <div class="modal"> <div class="modal-content"> <h2>부여 가을연꽃축제 팸투어 모집</h2> <p> 예비 청년상인들을 위해 진행하는 부여에서 청춘의 미래를 디자인하다. 청년창업人부여 팸투어가 12월 05일 토요일 충청남도 부여에서 진행됩니다.<br> 팸투어는 전액 무료로 진행되며 참가비 없습니다. 이번 팸투어에서는 부여군상권활성화재단의 청년상인 육성프로젝트를 실제로 견학하며 확인해 보실 수 있는 좋은 기회이니 창업을 희망하는 많은 청년 분들의 관심 부탁드립니다.<br> 온라인 및 전화 또는 메일 등으로 사전 참가신청하실 수 있습니다! </p> <a href="#none" class="close-modal">닫기</a> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html> @charset "utf-8"; a{ color:#222328; list-style: none; text-decoration: none; } body{ margin:0; background-color: #fff; color:#222328; font-size: 15px; } .container{ width:1000px; } .container > div{ float: left; box-sizing: border-box; } .left{ width:200px; } .right{ width:800px; } header{ position: relative; z-index: 10; } header > div{} .header-logo{ height: 100px; line-height: 130px; } .navi{ height: 400px; } .slide > div{ height: 350px; } .items{ overflow: hidden; } .items > div{ 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; position: relative; } .menu li{ text-align: center; list-style: none; text-decoration: none; } .menu li > a{ border: 1px solid #000; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a{ background-color: #000; color:#fff; } .sub-menu{ border: 1px solid #000; position: absolute; background-color: #000; width:100%; top:0; left:100%; height: 200px; display: none; /* */ } .sub-menu a{ display: block; padding: 5px; transition: 0.5s; color:#fff; } .sub-menu a:hover{ background-color: #000; color:#fff; } /* Tab Content */ .tab-inner, .gallery-inner{ width:95%; margin:0; } .tab-inner .btn{} .tab-inner .btn span, .gallery-inner .btn span{ border: 1px solid #000; display: inline-block; width:100px; text-align: center; padding: 5px; border-radius: 5px 5px 0 0; border-bottom: none; box-sizing: border-box; } .tab-inner .tab{ padding:5px; } .tab-inner .tab, .gallery .tab{ border: 1px solid #000; height: 150px; box-sizing: border-box; } .tab-inner .tab a{ display: block; padding: 3px; border-bottom: 1px solid #333; overflow: hidden; } .tab-inner .tab a:last-child{ border-bottom: none; } .tab-inner .tab a em{ width:60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float:left; font-style: normal; } .tab-inner .tab a b{ width:30%; float: right; font-weight: normal; } .gallery .tab img{ width:85px; } .gallery-inner .tab{ text-align: center; padding-top: 20px; } /* Modal */ .modal{ background-color: rgba(0, 0, 0, 0.5); position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 100; display: none; } .modal-content{ width:350px; background-color: #fff; top:50%; left:50%; position: absolute; transform: translate(-50%, -50%); padding:20px; border-radius: 10px; } .close-modal{ float: right; border: 1px solid #000; padding: 5px 10px; } /* Navigation */ $('.menu li').mouseenter(function(){ $(this).children('.sub-menu').stop().slideDown() }); $('.menu li').mouseleave(function(){ $(this).children('.sub-menu').stop().slideUp() }); /* modal */ $('.open-modal').click(function(){ $('modal').fadeIn() }); $('.close-modal').click(function(){ $('modal').fadeOut() });
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
모듈이 안나옵니다 ㅠㅠ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
redux 에 조금 다른부분이 있습니다.
안녕하세요 redux 설치하는 영상편에서 저랑 조금 다른부분이 있습니다. 설치를 제가 잘못한건지 import * as 이게 저한테는 안보입니다. 어떻게 해야될까요? 저부분이 빠져 있는 상태에서 import를 쓰게되면 해당 내용이 다릅니다.
-
미해결딥러닝 CNN 완벽 가이드 - TFKeras 버전
numpy slicing
안녕하세요 강사님. 강사님의 파이썬 머신러닝 완벽 가이드의 numpy 코드인데요. 궁금한 점이 생겨 질문 드립니다. 마지막 print문인 print('array2d[:2, 0] \n' , array2d[:2, 0])와 관련해서 질문이 있습니다. 이전의 print문 들의 결과를 보면 slicing을 하더라도 전부 2차원을 유지하고 있는데요. 마지막 print문의 결과는 왜 2차원을 유지하지 않고 1차원인지 납득이 잘 안가요. 행은 0행과 1행, 그리고 열은 0열을 slicing해서 [1 4]가 아닌 [[1] 가 되야한다고 생각이 되는데 왜 그렇게 되지 않는지 그 이유가 궁금합니다. [4]]
-
미해결모의해킹 실무자가 알려주는, SQL Injection 공격 기법과 시큐어 코딩 : PART 1
모의해킹 시
저 궁금한게 있는데 지금 ERROR-BASED까지 수강을 들은 모의해킹 입문자입니다. ERROR-BASED를 보고나서 궁금한게 php?IDX=4 extractvalue~~ 이렇게 데이터 조회 공격을 하는데 만약 컬럼값이 없는 로그인창 즉 .com .php .kr로 끝나는 도메인일때는 공격을 할 수가 없는건가용? 그게 아니라면 어떻게 공격을 실행해야 하나용?
-
해결됨스프링 부트 개념과 활용
TestPropertySource질문입니다.
안녕하세요 강사님 언제나 좋은 강의 감사드립니다. 강의 내용을 따라서 열심히 따라 하고는 있는데, TestPropertySources로 우선순위를 먼저 받게끔 작업을 했는데 테스트 코드가 통과를 해서 혹시 뭐가 잘못 됐는지 여쭤보고 싶어서 질문을 남깁니다. 위의 코드를 보면 기존 application.yml의 server.port가 7443이고, test.yml의 설정이 6663인데, 해당 코드를 돌려보니 application.yml의 설정값을 우선순위로 읽어들여서 테스트 코드가 성공하였습니다. 혹시 현재 기준으로 우선순위가 변경이 된건지, 아니면 제가 무슨 실수를 한 것인지 한번만 봐 주시면 감사드리겠습니다
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
피연산자 순서 질문
안녕하세요 강의에서 말씀하시는걸 보면 stack에서 나중에 나오는 것이 연산을 당한다고 표현하십니다. 그런데 제가 생각할때 STACK은 LIFO 구조이므로 나중에 나오는 피연산자가 연산의 주체가 되고, 먼저 나오는 피연산자가 연산을 당하는게 아닌가라고 생각이 드네요... 감사합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
게시글 작성을 안해도 이미지가 서버에 저장되는건가요?
사진 업로드만 해도 서버에 저장하는거면 사용자가 파일 업로드를 하고 막상 게시글 작성을 취소하거나 오류로 인해 작성 실패하더라도 이미지 데이터는 다 서버에 저장되는건가요??
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part9: MMO 컨텐츠 구현 (DB연동 + 대형 구조 + 라이브 준비)
아이템 슬롯 중복문제 질문드립니다.
몬스터를 한 번에 여러마리를 잡을 경우 이런 식으로 슬롯이 중복되는 문제가 자주 발생해서 아래 사진처럼 PushAfter로 타이밍을 조절해서 해결은했는데.. 맞는 방법인지 궁금합니다. 아니면 다른 해결 방법도 있을까요?
-
미해결
주피터노트북 오류
이렇게 했는데 왜 실행을 해도 결과가 않나오나요? 주피터노트북은 처음이라서..
-
미해결초보를 위한 도커 안내서
질문이 있습니다.
터미널 어떤거 사용하시나요..? 너무 깔끔하게 잘되어있어서 저도 똑같이 세팅하고싶은데 참고할만한 사이트가 있을까요~? 전 iterm2 사용하고 있습니다!
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
세션 로그인 인증 관련 질문
Rest api에서 세션 인증 방식을 사용한다고 할때, 이와 관련해서 몇몇 질문사항이 있습니다. 1. 세션의 저장 - 별도의 세션 레포지토리를 구성하고, 클라이언트의 요청이 올때 세션 레포지토리로부터 유저의 정보 조회해야 하는지 - 톰켓이 세션 저장소를 보유? 해서 request.getSession & session.getAttribute 사용 2. 로그인 당시 응답 - 클라이언트한테 response에 세션 아이디를 같이 넣어서 보내줘야 하는지 - 그럴 필요없이 톰켓이 세션 내부 저장소를 가져, 항상 세션 아이디를 보내주는지 postman으로 테스트 해볼때는 sessionId를 쿠키(postman이 가지고있는?)에 저장해서 보관하고이 값을 갱신해주기 전까지는 같은 값을 보유하고 있는데 세션을 별도로 저장하고 응답으로 주어야 하는지, 그럴 필요가 없는지 헷갈려서 질문드립니다. 3. 예를 들어 유저가 상품을 구매하는 request를 rest api를 통해 날리면, 백엔드와 프론트엔드가 통신할때 userId 혹은 username으로 회원의 정보를 보내는게 아니라,sessionId(인증에 필요한 정보, 토큰이던지)와 상품 정보를 보내주고,백엔드에서는 세션 id를 통해 세션 저장소에 저장되어있는 유저의 정보를 얻고, 이를 기반으로 상품 구매 처리를 해야 할 것 같은데,이 경우 강의에서 말씀하신대로 여러 유저의 요청이 많은 경우, 서버에 부하가 오는 것 같아 별로인 것 같기도합니다. 그래서 어떻게 처리하는게 맞는지 더 헷갈리는 것 같습니다.이렇게 처리하는 방식으로 하는게 맞는 지 ( 세션이나 jwt 토큰을 사용할 경우) 궁금 합니다. - 이게 맞다면, 모든 컨트롤러에서 매번 세션 레포지토리를 조회해야하는데 번거로운걸 보니 맞는 방법이 아닌것 같고요.. - Config에 bean으로 세션 체크하는 로직을 등록해서 사용하는 방법을 채택할수도 있는것 같고, 리턴값으로 적어도 회원의 아이디는 줘야 하니 4. 또한 jwt 토큰 방식으도 있어스프링 시큐리티를 사용하지 않고 구현을 해보고 싶은데 이 경우에는 jwt 토큰 레포지토리를 구성해서 해보는게 맞는지 궁금합니다.정확한 답이 아니라, 어떤걸 찾아보면되는지 힌트 방식이여도 좋으니 알려주시면 감사드리겠습니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
h2 질문드려요
jpashop으로 하면 파일도 만들어지고 연결성공하는데요 여기까지오면 연결이 되지않고 아래와 같은 오류가 뜹니다 뭐가 문제일까요 영상에서 했던 것과 다르게 실시햇던 것은 다운은 받았으나, 터미널로 진행하는 부분을 정확하게 인지하지 못해서 주소창에 localhost:9092(제포트)/h2-console 로 접근해서 jdbc:h2:~/jpashop 연결했습니다. 추가 ++) 위와 같이 실행해서 h2 페이지를 연 후에도 같은 오류가 나더라고요. 전에 다른 강의에서 썼던 db입니다. 해당 데이터 베이스로는 잘 접속이 되는데 이걸로 application에 url설정 넣고 사용해도 되는건가요?
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
[34강] 로그인, 로그아웃 자체는 잘 되는데 콘솔에서 에러가 뜹니다.
안녕하세요 :) 좋은 강의 잘 듣고 있습니다. 로그인, 로그아웃 자체는 잘 되는 것 같은데 콘솔창에서 /api/users/auth가 존재하지 않는다는 에러가 떠서 질문드립니다. 동일한 현상의 다른 질문들을 찾아보았는데, 딱히 제 코드에 맞는 해결방안이 아니어서 질문드립니다. 에러 현상은 아래와 같습니다. 맨 처음 시작페이지를 열 때부터 404 에러는 떴으며, 로그인을 하려 하는 순간 Uncaught (in Promise) Error: Request failed with status code 404 에러가 뜹니다. 같은 에러인지 모르겠는데 404 에러가 뜨니까 답답하네요... 로그인을 한 후에, 재로그인하려 하니 로그인이 이미 된 상태라고 뜨는걸 보아, 로그인에 성공한 것같긴 한데 (LandingPage에서 res.data.isAuth로 추가로 확인하는 코드를 작성하여 확인해봤습니다.) 에러의 원인이 궁금합니다. 제 깃헙 주소는 https://github.com/kth990303/boiler-plate-prac 입니다. 필요하신 코드나 장면이 있으시다면 댓글 달아주세요. 오늘도 감사드립니다.
-
미해결실전! 스프링 데이터 JPA
사용자 정의 리포지토리 구현 방법 관련 질문
안녕하세요? 김영한 강사님.제가 Windows 계열의 웹개발만 하다가 이번 Java 웹개발을 시도하면 강의를 접하게 되었는데.. 이렇게 좋은 강의를 들을 수 있게 해주셔서 무한한 감사드립니다. ㅎㅎㅎ 강의를 듣고 사용자정의 레포지토리 구현방법에 대한 궁금증이 생겨서 이렇게 글을 남김니다. 강의에서 JpaRepository 인터페이스를 상속받은 인터페이스에 일부 확장 쿼리문을 만들고querydsl, native query등의 확장은 xxxxImpl 식으로 확장해서 만들고 있습니다. 이점이 제가 보기에는 많이 번거롭다는 느낌이 들었습니다. JpaRepository 인터페이스의 구현체인 SoleoSimpleJpaRepository 클래스를 직접 상속받아서 확장하면 더 편리하지 않을까 하는 생각이 들었습니다. 구현체가 다양한 것도 아닌듯 하고 Hibernate로 거의 고정되어 있는 듯한데 편리성을 고려해서 이렇게 진행한다면 제가 생각하지 못한 문제점 들이 있는지 문의 드립니다. 제가 아직은 지식이 짧아서 질문이 적절한지는 모르겠으나 시간 허락되시면 답변 부탁드리겠습니다. 감사합니다.
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
1차캐시 질문드립니다.
1차캐시관련 질문이 생깁니다. 서버 A와 B가 있습니다. 1. A가 C테이블에 123을 추가합니다. 2. B가 C테이블에 123을 수정합니다. 3. A가 C테이블에 123을 조회합니다, 이런경우 1차캐시로 인하여 수정되기 전 데이터가 조회되는것인가요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
빌드 에러 질문입니다.
npm run build하면 이런 에러가뜨는데 도통ㅇ 머가문젠지 모르겠습니다..ㅠㅠ stringify 를 쓰면 나는 에러같은데 저는 안쓰고있는데 이러네요..
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
질문
만약에 df_seoul["상호명_소문자"] = df_seoul["상호명"].str.lower()여기서 상호명을 소문자로 적용안시키고 그대로 진행할꺼면 df_seoul로 진행하게 되는데 df_seoul[df_seoul["상호명_소문자"].str.contains("이디야|이디아|ediya")원래는 이렇게 적혀있었는데 위에 말한거처럼 소문자로 적용안시키고 df_seoul에서 이디야인 데이터를 뽑아올려면 그대로 df_seoul[df_seou.str.contains("이디야|이디아")]이런식으로 적는게 아닌가요?? AttributeError Traceback (most recent call last) <ipython-input-52-b4b802b725ae> in <module> ----> 1 df_seoul[df_seoul.str.contains("이디야")] ~\anaconda3\lib\site-packages\pandas\core\generic.py in __getattr__(self, name) 5463 if self._info_axis._can_hold_identifiers_and_holds_name(name): 5464 return self[name] -> 5465 return object.__getattribute__(self, name) 5466 5467 def __setattr__(self, name: str, value) -> None: AttributeError: 'DataFrame' object has no attribute 'str' 이러한 오류가 뜹니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
postman sending request...
안녕하세요 선생님 제가 pc를 껐다가 다시 강의를 듣게 되서 그런지 잘모르겠는데 똑같이 코드도 작성하고 npm run start를 시작하고 postman에서 send를 했는데 sending request가 계속 되고 있어서 그렇습니다. 혹시 짐작가는 사유가 있는 지 여쭙고자 질문드립니다.
-
해결됨스프링 핵심 원리 - 기본편
final 이 붙으면
안녕하세요 영한님 강의 너무 잘보고 있습니다! 다름아니라 private final MemberRepository memberRepository; 에서 final 처리 덕분에 memberRepository 인스턴스가 초기화되기 전까지는 이를 사용하지 못하게 하기 때문에, 생성자를 통해this.memberRepository 즉 final로 선언한 memberRepository 인스턴스안에 값이 들어오게끔하여 비로소 사용이 가능하게 되는 것인가요? public OrderServiceImpl(MemberRepository memberRepository, DiscountPolicy discountPolicy) { this.memberRepository = memberRepository; this.discountPolicy = discountPolicy;}
