묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
푸터 레이아웃이 깨져요
html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>가로 레이아웃-1</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div class="container"> <header> <div class="header-logo"></div> <div class="navi"> <ul class="menu"> <li> <a href="#none">MENU-1</a> <div class="sub-menu"> <a href="#none">SUBMENU-1</a> <a href="#none">SUBMENU-2</a> <a href="#none">SUBMENU-3</a> <a href="#none">SUBMENU-4</a> </div> </li> <li> <a href="#none">MENU-2</a> <div class="sub-menu"> <a href="#none">SUBMENU-1</a> <a href="#none">SUBMENU-2</a> <a href="#none">SUBMENU-3</a> <a href="#none">SUBMENU-4</a> </div> </li> <li> <a href="#none">MENU-3</a> <div class="sub-menu"> <a href="#none">SUBMENU-1</a> <a href="#none">SUBMENU-2</a> <a href="#none">SUBMENU-3</a> <a href="#none">SUBMENU-4</a> </div> </li> <li> <a href="#none">MENU-4</a> <div class="sub-menu"> <a href="#none">SUBMENU-1</a> <a href="#none">SUBMENU-2</a> <a href="#none">SUBMENU-3</a> <a href="#none">SUBMENU-4</a> </div> </li> </ul> <div class="sub-back"></div> </div> </header> <div class="slide"> <div> <!--꼭 div안에 a를 넣도록 하자! slide > div > a > img--> <a href="#none"><img src="images/slide01.jpg" alt="slide1"></a> <a href="#none"><img src="images/slide02.jpg" alt="slide2"></a> <a href="#none"><img src="images/slide03.jpg" alt="slide3"></a> </div> </div> <div class="contents"> <div class="news"> <div class="tab-inner"> <div class="btn"> <span>공지사항</span> </div> <div class="tab"> <a href="#none">sns 발송 서비스 개선작업<b>2020.01.11</b></a> <a href="#none">sns 발송 서비스 개선작업<b>2020.01.11</b></a> <a href="#none">sns 발송 서비스 개선작업<b>2020.01.11</b></a> <a href="#none">sns 발송 서비스 개선작업<b>2020.01.11</b></a> <a href="#none">sns 발송 서비스 개선작업<b>2020.01.11</b></a> </div> </div> </div> <div class="banner"> <div class="banner-inner"> <div class="btn"> <span>갤러리</span> </div> <div class="tab"> <a href="#none"><img src="images/gallery-01.jpg" alt="갤러리1"></a> <a href="#none"><img src="images/gallery-02.jpg" alt="갤러리2"></a> <a href="#none"><img src="images/gallery-03.jpg" alt="갤러리3"></a> </div> </div> </div> </div> <div class="shortcut"></div> </div> <footer> <div class="footer-logo"></div> <div class="copy"></div> <div class="sns"></div> </footer> </div> <script src="script/jquery-3.6.0.min.js"></script> <script src="script/custom.js"></script> </body> </html> CSS *{ padding: 0; margin: 0; text-decoration: none; list-style: none; color: #000; } .container{ width: 1200px; margin: auto; border: 1px solid red; } .container > div{} header{ width: 1200px; margin: auto; height: 100px; position: relative; /*슬라이더 위에 올라오기*/ z-index: 1; } header > div{ height: 100px; box-sizing: border-box; } .header-logo{ width: 200px; border: 1px solid #000; float: left; } .navi{ width: 600px; border: 1px solid #000; float: right; } .slide{} .slide > div{ height: 300px; border: 1px solid #000; } .contents{ overflow: hidden; } .contents > div{ height: 200px; float: left; border: 1px solid #000; box-sizing: border-box; /*컨텐츠에 보더박스!!*/ } .news{ width: 400px; } .banner{ width: 400px; } .shortcut{ width: 400px; } footer{ overflow: hidden; } footer > div{ height: 100px; border: 1px solid #000; box-sizing: border-box; float: left; } .footer-logo{ width: 200px; } .copy{ width: 800px; } .sns{ width: 200px; } /* slide */ .slide{ position: relative; width: 1200px; height: 300px; /*레이아웃이 깨지지않게 필수!*/ } .slide > div{ font-size: 0; } .slide div a { position: absolute; top: 0; left: 0; animation: slide 10s linear infinite; visibility: hidden; /* 최초에 모든 슬라이드가 존재가 없는 상태에서 출발함 */ } .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;} 5%{ visibility: visible; opacity: 1; } 35%{opacity: 1;} 40%{ visibility: hidden; opacity: 0; } 100%{ opacity: 0;} } /* navi */ .menu{ /*ul*/ padding: 0; list-style: none; margin-top: 65px; } .menu li{ float: left; width: 25%; box-sizing: border-box; text-align: center; } .menu li > a{ /*MENU-1 ~4*/ border: 1px solid #000; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a{ background-color: #000; color: #fff; } .sub-menu{ display: none; } .sub-menu a{ display: block; padding: 10px; transition: 0.5s; color: #fff; } .sub-menu a:hover{ background-color: #fff; color: #000; } .sub-back{ width: 100%; height: 200px; background-color: #000; position: absolute; right: 0; top: 100%; z-index: -1; display: none; } /* content 공지사항 갤러리*/ .tab-inner, .banner-inner{ width: 95%; margin: auto; } .tab-inner .btn{} .tab-inner .btn span, .banner-inner .btn span{ display: inline-block; border: 1px solid #000; width: 100px; text-align: center; padding: 5px; border-radius: 5px 5px 0 0; margin-bottom: -1px; border-bottom: none; background-color: #fff; } .tab-inner .tab, .banner-inner .tab{ border: 1px solid #000; height: 155px; padding: 0 10px; } .tab-inner .tab a{ display: block; padding: 5px; border-bottom: 1px solid #000; } .tab-inner .tab a:last-child{ border: none; } .tab-inner .tab a b{ float: right; font-weight: normal; } .banner-inner .tab img{ width: 110px; } .banner-inner .tab{ text-align: center; padding-top:20px; box-sizing: border-box; }
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
5:20초쯤이요..
5:23초경에 적었던거 지우고 수정하실때 보면 17번부터 그 밑에 항목은 설명해주실때 아에 없었던 부분이 갑자기 생겨있어요ㅠ_ㅠ...편집이 살짝 잘못된거같은데 저 부분 다시 설명해주실 수 없으신가요?
-
미해결스프링 핵심 원리 - 기본편
자동 의존 주입시
안녕하세요 선생님 강의를 잘 듣고 있습니다. 다름이 아니고 ComponentScan방식으로 생성자 주입을 통해 주입을 받게 되었을 경우 추상화 인터페이스의 자식들이 하나가 아니고 DiscountPolicy처럼 자식이 여러 클래스가 있을경우 어떻게 제가 원하는 구현 객체를 의존할 수 있을까요? 선생님의 예제에서는 Rate클래스 경우만 @component로 등록되어있는데 Fix클래스도 @component로 등록되있으면 생성자 주입시 파라미터 명을 구현체 타입으로 바꿔주어야 할까요?
-
미해결SwiftUI - iOS14 퍼펙트 가이드
스트링을 인트로 형변환이 안되고 Calendar.current.date의 매개변수에 다른 상수를 넣었는데 애러가 뜨네요
@State private var startDate = Date() // 데이트피커로 변경가능 @State private var dDay: String = "100" //텍스트필드에서 숫자 변경가능 @State private var howManyDays: Int = Int(dDay) ?? 0 // 위 dDay를 Int로 형변환 var endDate = Calendar.current.date(byAdding: .day, value: howManyDays, to: startDate) 스타트데이트 기준으로 몇일 뒤 예를 들어 100일 뒤를 계산해서 몇월 몇일인지 보여주는 아주 간단한 것을 연습하고 있는데 잘 안되네요...
-
미해결SwiftUI - iOS14 퍼펙트 가이드
ios 14 에서는 데이트피커의 초기값이 달력인것 같아요. 휠을 돌리는 형식으로 못바꾸나요
DatePicker("기준일", selection: $startDate, displayedComponents: .date) .pickerStyle(WheelPickerStyle()) 피커스타일을 휠피커스타일로 했는데도 여전히 달력형식으로 보입니다...ㅜㅜ
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
Uncaught Error: Cannot find module 'atom-slick' Require stack: 오류
안녕하세요 autocomplete-python 오류가 발생하여 답변해주신 분의 내용 중 autocomplete-python 오류 (두 번째 버전 다운그레이드)를 따라했더니 이번엔 Uncaught Error: Cannot find module 'atom-slick' Require stack:가 뜹니다. 어떻게 해결해야 할까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
쿠키저장이 안됩니다.
app.js 와 config를 수정했는데도 쿠키가 생성되고 있지 않습니다.. app.js config https://github.com/ljwoon94/react-nodebird
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
테스트 오류 질문드립니다.
테스트에 작동시 아래 사진과 같은 오류가 발생합니다. 이전 테스트까지는 괜찮았는데 어떤 부분이 문제인건가요?
-
[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
이 영상 마지막이요!
삭제된 글입니다
-
미해결홍정모의 따라하며 배우는 C언어
12:27분, 헤더파일을 넣는 이유
12:27분에 my_print_function.c 파일에 #include "my_print_functions.h" 하셨는데, 왜 이 파일에 헤더파일을 집어 넣는지 잘 모르겠습니다. my_print_function.c에 들어간 my_print_functions.h을 지우고 main.c을 실행해도 잘 실행되는데 왜 들어간건가요??
-
미해결예제로 배우는 스프링 입문 (개정판)
문제 1번 에러
안녕하세요, 1번 문제에서 선생님이 하신 것과 똑같은 부분을 고쳤는데 잘 되지 않아서 문의드립니다ㅠ // firstname 과 lastname 모두 검색시 조회가 되지 않음. 콘솔에는 하기와 같이 뜸. 2021-03-29 23:14:12.829 DEBUG 7972 --- [nio-8008-exec-1] o.s.web.servlet.DispatcherServlet : GET "/owners?firstName=betty", parameters={masked} 2021-03-29 23:14:12.830 DEBUG 7972 --- [nio-8008-exec-1] s.w.s.m.m.a.RequestMappingHandlerMapping : Mapped to org.springframework.samples.petclinic.owner.OwnerController#processFindForm(Owner, BindingResult, Map) 2021-03-29 23:14:12.833 DEBUG 7972 --- [nio-8008-exec-1] o.s.w.s.v.ContentNegotiatingViewResolver : Selected 'text/html' given [text/html, application/xhtml+xml, image/avif, image/webp, image/apng, application/xml;q=0.9, application/signed-exchange;v=b3;q=0.9, */*;q=0.8] 2021-03-29 23:14:12.854 DEBUG 7972 --- [nio-8008-exec-1] o.s.web.servlet.DispatcherServlet : Completed 200 OK
-
미해결iOS SwiftUI AR 증강현실
질문드립니다
영상내 3:58경 Space.load_Space()라고 변경하셨는데 저는 계속 오류가 나더라구요 해보던 중 저는 Space.load장면1()이렇게 해야 오류없이 작동하더라구요 혹시 어떤종류의 문제인건지 여쭤봐도 될까요?? 아니면 그새 없데이트가 된걸까요..? 근데 왜 한국어가 갑자기 튀어나오는지 잘 모르겠네요 ㅠㅠ
-
미해결모든 개발자를 위한 HTTP 웹 기본 지식
프록시 라는걸 대충 뭐라고 봐야할까요 ㅎㅎ
임시?? 가짜?? 이런 의미로 보면 되려나요?
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
강의 내용 노트한것 블로그에
영한쌤! 강의 내용이 좋아서 그런데.. 중간중간에 잊지 않기 위해 기록한것들 출처 남기구 (예: 스프링 JPA 활용 1) 블로그에 올려도 될까요?? ㅎㅎ
-
미해결스프링 핵심 원리 - 기본편
OrderServiceImpl의 createOrder 메소드 질문 드립니다.
안녕하세요 김영한 강사님! 궁금한 점이 있어서 질문 드립니다 이전 강의에 대한 질문 게시판에서 "createOrder 같은 메소드를 정적 팩토리 메서드라고 한다." 라고 알려주셨는데요, 예제 코드에서는 해당 메서드에 static 키워드가 왜 안붙어있는지 알려주실 수 있을까요?
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
테스트와 클래스및 메서드 명 겹침
ㅎ전에 만들어 놓은 test쪽의 memberrepository클래스와 save 메서드에서 이름이 겹친다고 related problem이 뜨는데 이대로 진행해도 상관이없을까요? 아니면 어떻게 해ㅑ야 수정이 가능할까요?
-
미해결실무자가 알려주는 Git - 입문편
깃허브 혹시 지금은 무료가 됬나요 ?
비공개 레포 3명이상 사용시 유료라고 강의에서 보게되었습니다 하지만 구글링해보니까 무료로 정책이 바뀐것같은데 맞는건가요 ??
-
미해결Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴
인터랙션 뜻
강의 중 자주 언급되는 인터랙션의 뜻이 뭔가요
-
해결됨대세는 쿠버네티스 (초급~중급편)
storageOS 설치
안녕하세요 호기심이많은 저에게 신세계를 선물해준 선생님 감사합니다. StorageOS 설치 중 설치하고나서 Available Falsea minute agoa minute agoMinimumReplicasUnavailableDeployment does not have minimum availability. Failed to pull image "gcr.io/google_containers/hyperkube:v1.19.9": rpc error: code = Unknown desc = Error response from daemon: manifest for gcr.io/google_containers/hyperkube:v1.19.9 not found: manifest unknown: Failed to fetch "v1.19.9" from request "/v2/google_containers/hyperkube/manifests/v1.19.9". 1 – 1 of 1 스케줄러와 디플로이먼트가 위와같이 빨간색으로 표시됩니다. 1마스터와 3노드로 구성되어있습니다. 감사합니다. 남은 수업 열심히 수강하겠습니다.
-
미해결파이썬 입문 및 웹 크롤링을 활용한 다양한 자동화 어플리케이션 제작하기
코드 오류 문의
안녕하세요. 저는 자동완성 패키지가 안깔린 걸까요? 코드들 입력해도 선생님 처럼 자동완성이 안뜨고, 빨간 줄만 가네요
