묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
내비게이션 배경색 위치
<!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="main-content"> <div class="left"> <header> <div class="header-logo"> <a href="#none"><img src="images/header-logo.png" alt="header logo"></a> </div> <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> </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> </header> </div> <div class="center"> <div class="items"> <div class="shortcut"> <img class="shortcut-image" src="images/shortcut-01.png" alt="shortcut image"> <div class="shortcut-content"> <h3>얼리버드 선착순 할인 이벤트</h3> <p> 12월은 사랑의 달~ 코딩웍스에서 여러분께 사랑을 뿌려요~<br> 12월 개강반을 12월 06일까지 접수하는 분들께는 15%~ 20% 의 얼리버드 할인을 제공합니다.<br> 기간: 2022년 12월 18일~ 12월 25일 </p> </div> <a href="#none"><img src="images/shortcut-02.png" alt="shortcut link"></a> </div> <div class="news"> <div class="tab-inner"> <div class="btn"> <span>공지사항</span> </div> <div class="tab1"> <a class="open-modal" href="#none"><em>스트리밍 서버 이전 작업으로 2시간 서비스 중지</em><b>2022.12.20</b></a> <a href="#none"><em>얼리버드 선착순 할인 이벤트 최대 50% 할인</em><b>2022.10.13</b></a> <a href="#none"><em>내 집 마련의 꿈을 꿈이 아닌 현실로 만드는 진짜 방법</em><b>2022.11.31</b></a> <a href="#none"><em>외국인과 영어로 네이티브처럼 대화하는 노하우</em><b>2022.08.09</b></a> <a href="#none"><em>월 500만원 매출을 내는 블로그 운영하는 노하우</em><b>2022.07.07</b></a> </div> </div> </div> <div class="gallery"> <div class="tab-inner"> <div class="btn"> <span>갤러리</span> </div> <div class="tab2"> <a href="#none"><img src="images/gallery-01.png" alt="gallery1"><span>퍼블리셔 취업 가이드</span></a> <a href="#none"><img src="images/gallery-02.png" alt="gallery2"><span>전문가가 되는 사진촬영</span></a> </div> </div> </div> <div class="banner"> <a href="#none"><img src="images/banner-01.png" alt="banner1"></a> <a href="#none"><img src="images/banner-02.png" alt="banner2"></a> <a href="#none"><img src="images/banner-03.png" alt="banner3"></a> <a href="#none"><img src="images/banner-04.png" alt="banner4"></a> </div> </div> </div> <div class="right"> <div class="slide"> <div class="slide-image"> <div class="slide-image-inner"> <a href="#none"><img src="images/slide-e-01.jpg" alt="slide1"></a> <a href="#none"><img src="images/slide-e-02.jpg" alt="slide2"></a> <a href="#none"><img src="images/slide-e-03.jpg" alt="slide3"></a> </div> </div> </div> </div> </div> <footer> <div class="footer-logo"> <a href="#none"><img src="images/footer-logo.png" alt="footer logo"></a> </div> <div class="footer-content"> <div class="footer-link"> <a href="#none">기업소개 제휴 및 입점 문의</a> <a href="#none">이용약관</a> <a href="#none">개인정보처리방침</a> <a href="#none">이메일무단수집거부</a> <a href="#none">사이트맵</a> <a href="#none">인재채용</a> </div> <div class="copyright"> 상호 : (주)코딩웍스 | 대표자 : 홍길동 | 개인정보관리책임자 : 성춘향 부장 사업장주소 : 경기도 남양주시 별내동 1234 코딩웍스 빌딩 6층 (주)코딩웍스 </div> </div> <div class="family-site"> <select> <option value="">패밀리 사이트</option> <option value="">코딩웍스 커뮤니티</option> <option value="">코딩웍스 쇼핑몰</option> <option value="">코딩웍스 재단</option> </select> </div> </footer> </div> <div class="modal"> <div class="modal-content"> <h2>스트리밍 서버 이전으로 서비스 장애</h2> <p> 스트리밍 서버 이전 작업으로 2시간 서비스 중지됩니다.<br> <br> 주요 작업 내용은 아래와 같습니다.<br> 1. 서버 이전에 따른 DNS 이전으로 기존 호스팅 서비스 대체<br> 2. 문자셋을 utf-8로 변경 후 모바일 등에 대처하기 위해 미리 조치<br> 3. 스트리밍 서버 CDN과 연동 후 멀티미디어 이러닝 서비스가 제공<br> <br> 위 내용을 보시면 제법 큰 작업이었음을 알 수 있습니다.<br> 특히 문자셋의 변경에 따라 기존의 DB, data, 웹사이트 솔루션 등의 커스트마이징 등에 상당한 어려움이 있었고, 이에 따른 일부 접속 오류가 있을 수 있었음에 양해를 구합니다.<br> 특히 인터넷익스플로러 11로 접속하셨을 경우 일부 문제은행 목차가 출력되지 않았을 수도 있습니다.<br> 서버 이전 작업으로 고객님들께 불편을 드려서 대단히 죄송합니다.<br> 정상 운영되도록 최선을 다하겠습니다. 감사합니다. </p> <a class="close-modal" href="#none">닫기</a> </div> </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-color: #fff; color: #333; font-size: 15px; } a { color: #333; text-decoration: none; } .container {} .main-content { display: flex; } .main-content > div { /* border: 1px solid black; */ /* height: 800px; */ } .left { width: 200px; background-color: rgb(201, 163, 124); } .center { width: 400px; background-color: ivory; } .right { flex: 1; } header { position: relative; z-index: 10; } header > div { /* border: 1px solid red; */ } .header-logo { height: 100px; display: flex; align-items: center; } .navi { height: 400px; } /* Navigation */ .menu { list-style: none; padding: 0; width: 90%; margin: auto; margin-top: 10px; } .menu li { text-align: center; position: relative; } .menu li > a { border: 1px solid #000; display: block; padding: 5px; transition: 0.1s; background-color: beige; } .menu li:hover > a { background-color: lightskyblue; color: #fff; } .sub-menu { border: 1px solid #000; position: absolute; top: 0; left: 100%; width: 100%; height: 120px; display: none; } .sub-menu a { display: block; padding: 5px; transition: 0.1s; background-color: lightskyblue; } .sub-menu a:hover { background-color: navy; color: #fff; } .items {} .items > div { /* border: 1px solid blue; */ } .shortcut { height: 150px; display: flex; align-items: center; box-sizing: border-box; font-size: 12px; padding: 5px; gap: 10px; } .shortcut .shortcut-image { height: 50%; } .news { height: 250px; } .gallery { height: 250px; } /* news & gallery */ .tab-inner { width: 95%; margin: auto; margin-top: 25px; } .btn {} .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; margin-bottom: -1px; background-color: lightskyblue; } .tab1 { border: 1px solid #000; height: 170px; box-sizing: border-box; padding: 10px 15px; } .tab1 a { display: block; padding: 5px; border-bottom: 1px solid #000; overflow: hidden; } .tab1 a:last-child { border-bottom: none; } .tab1 a em { display: block; float: left; font-style: normal; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tab1 a b { float: right; font-weight: normal; } .tab2 { border: 1px solid #000; height: 170px; text-align: center; box-sizing: border-box; padding-top: 17px; } .tab2 a { display: inline-block; text-align: center; } .tab2 a img { height: 115px; border-radius: 10px; } .tab2 a span { display: block; } .banner { /* height: 150px; */ display: flex; align-items: center; } .banner a img { width: 98%; } .slide {} .slide > div { /* border: 1px solid green; */ } .slide-image { height: calc(100vh - 120px); overflow: hidden; position: relative; } .slide-image-inner { font-size: 0; height: inherit; width: 300%; position: absolute; top: 0; left: 0; animation: slide 10s linear infinite; } .slide-image-inner a { height: inherit; display: inline-block; width: calc(100% / 3); } .slide-image-inner a img { height: inherit; width: 100%; object-fit: cover; } @keyframes slide { 0% { left: 0; } 30% { left: 0; } 35% { left: -100%; } 65% { left: -100%; } 70% { left: -200%; } 95% { left: -200%; } 100% { left: 0; } } footer { display: flex; height: 120px; align-items: center; background-color: rgb(211, 211, 211, 0.3); } footer > div { /* border: 1px solid red; */ } .footer-logo { width: 200px; } .footer-content { flex: 1; } .footer-content div { /* border: 1px solid red; */ /* height: 60px; */ padding: 10px 20px; } .footer-link {} .footer-link a { color: blue; } .footer-link a::after { content: '|'; margin-left: 5px; } .footer-link a:last-child::after { display: none; } .footer-link a:hover { text-decoration: underline; } .copyright {} .family-site { width: 230px; text-align: center; } .family-site select { padding: 5px; border-radius: 3px; } /* modal */ .modal { background-color: #00000077; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; } .modal-content { background-color: #fff; width: 470px; padding: 30px; border-radius: 10px; box-shadow: inset 0 0 10px #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal-content h2 { text-align: center; } .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() }).menu li 에 background-color를 넣어야 하나요?.menu li > a 에 background-color를 넣어야 하나요?.sub-menu 에 background-color를 넣어야 하나요?.sub-menu a 에 background-color를 넣어야 하나요?그리고 최종점검 부탁드립니다.
-
미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
msw mocking enabled
저의 경우 main.tsx 나 app.tsx 가 불필요하다고 하셔서 layout_tsx 에 // if (import.meta.env.DEV) { // const { worker } = require("../mocks/browser"); // worker.start(); // }를 추가했지만 에러가 뜹니다 ㅜ main.tsx에 작성하는 경우에는 아무것도 나타나지 않습니다.깃주소 : https://github.com/ssmv713/shopping-mall2.git
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
roc_auc_score 코드에서 에러 발생해요..
안녕하세요. 모델링 및 평가(분류) 강의에서 마지막 부분에 roc_auc_score 넣어주는 부분에서 자꾸 에러가 발생합니다.에러는 아래와 같이 뜨는데요, 어떤 부분에서 잘못됐는지 알려주세요.."IndexError: index 1 is out of bounds for axis 1 with size 1"감사합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Module not found: Can't resolve '@/styles/globals.css' 에러가 뜹니다ㅜ
안녕하세요. 처음 시작부터 에러가 떠서 구글링을 해봐도 해결이 안되어 질문글 올립니다ㅜ 섹션 23 오티 부분 듣고 있구요.처음 보일러 플레이팅에서 yarn dev를 하면 자꾸Module not found: Can't resolve '@/styles/globals.css'라는 에러 문구가 뜹니다.지웠다 다시 깔아도 마찬가지 입니다ㅜㅜ..
-
미해결[초급편] 안드로이드 커뮤니티 앱 만들기(Android Kotlin)
java랑 auth가 import가 안됍니다 도와주세요
그리고 오류 메세지는 Manifest merger failed : uses-sdk:minSdkVersion 16 cannot be smaller than version 19 declared in library [com.google.firebase:firebase-analytics-ktx:21.2.2] C:\Users\wjddl\.gradle\caches\transforms-3\7becfc46b58d8ce50cecb97897d4c456\transformed\firebase-analytics-ktx-21.2.2\AndroidManifest.xml as the library might be using APIs not available in 16 Suggestion: use a compatible library with a minSdk of at most 16, or increase this project's minSdk version to at least 19, or use tools:overrideLibrary="com.google.firebase.analytics.ktx" to force usage (may lead to runtime failures) 뜹니당
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
양방향 편의 메서드에서 필드에 직접 접근하는 문제
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]본 강의 마지막 부분에 연관관계 편의 메서드를 만드는 부분이 있는데, 필드에 직접 접근하여 설정하는 내용이 있습니다. 예를들어 this.child.add(child);this.member = member;와 같은 코드들이 문제가 되지는 않겠지만 유지보수 측면에서 안 좋은 영향을 끼치는 것 같아서this.getChild().add(child);this.setMember(member);와 같이 리팩토링하는 것이 좋지 않나 궁금합니다.
-
미해결따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
윈도우 환경에서 여러 가지 이유로 Docker compose up 에러 발생 시 해결 방안
1. Dockerfile2. docker-compose.yml3. server.js 위와 같이 설정 후 아주 잘됩니다. 안되시는 분들은 한번 참고해 보시기 바랍니다. 그럼 이만...
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part1: C++ 프로그래밍 입문
메모리 주소값 더하는게 이해가 안되요 ㅠㅠ
주소값이라는 개념은 이해가 됬는데요강의 변수와 레지스터 15분쯤 보면1바이트를 더했는데 왜0x403010에서 0x403011로 된건지 잘모르겠네요..저기 뒤에 숫자 1은 바이트가 아니라 1을 더한거아닌가요?
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
작업형 유형 2 전처리할 떄 id 삭제하는 이유가 뭔지 궁금합니다.
작업형 유형 2 전처리할 떄 id 삭제하는 이유가 뭔지 궁금합니다.# id 삭제함 (단 test의 id값은 csv파일을 생성할 때 필요함으로 옮겨 놓음) X_train=X_train.drop(['cust_id'], axis=1) cust_id=X_test.pop('cust_id')만약 id값을 삭제하지 않고 실행해도 문제가 없을까요?실제 시험에서 어떤 값을 삭제하고 test에서 pop해야하는 지 판단 기준이 궁금합니다..!
-
해결됨실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
memberServiceTest 회원가입 NullPointerException 오류
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.안녕하세요.강의를 한 번 완주한 후 개별적으로 예제와 다르게 다시 공부하고 있는데 오류가 나서요..ㅜㅜhttps://drive.google.com/file/d/1Fe9hZbwSCKFYyQtmj_TU2Sl9VwqeXCsO/view?usp=sharing무엇 때문에 오류가 났는지 알 수 있을까요??
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
ArgumentResolver 질문입니다.
ArgumentResolver는 컨버젼서비스를 통해 파라미터의 타입 변환을 하고메세지컨버터를 통해 Http 메시지 바디의 타입을 변환한다 라고 이해하면 될까요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
section 10 수업과 관련해서 질문드립니다!
데이터 추가 후 서버를 종료하고 다시 실행시키면 사진처럼 id column이 사라져버립니다.이유를 모르겠습니다 ㅠ..
-
해결됨나도코딩의 자바 기본편 - 풀코스 (20시간)
질문드립니다
이전 제네릭스 강의에서 int[ ] iArray 는 Integer[ ] iArray로 wrapper해야 printAnyArray(iArray)로 호출이 가능하다고 하셨는데 이번 강의에서 orderCoffee(35); 호출시에는 이런 wrapper 과정이 없이 기본자료형인 int 숫자가 들어갈 수 있는 이유가 궁금합니다.이와 비슷한 다른 질문을 보고 개인적으로 유추해봤을땐 제네릭메소드 호출시 숫자를 Integer로 자동으로 래핑되서 가능한 것 같은데 그러면 iArray를 호출시에는 왜 알아서 wrapper가 안되서 오류가 뜬 건지 질문드립니다.
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
team.getId 부분이 궁금합니다.
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오) 네2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 네3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)네[질문 내용]Team team = new Team(); team.setName("TeamA"); System.out.println("team.getId = " + team.getId()); em.persist(team); System.out.println("team.getId = " + team.getId()); //이 부분이 궁금합니다 db에 넣질 않아서 id 값이 생성이 안되었을텐데 어떻게 id값을 가져오는건가요?여기서 보면 em.persist 이전에 시도한 team.getId는 null값이 나오는데(team.getId = null)persist 이후에 시도한 team.getId는 값을 얻을 수 있었습니다.(team.getId = 1) 영속성 컨텍스트에만 넣고 db에 commit은 하지 않았기에 id값이 아직 생성조차 안되었을텐데 어떻게 아이디 값이 나오는지 궁금합니다.
-
해결됨스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
[개별 테스트 코드 실행] IntelliJ Gutter Icon 나타나지 않습니다.
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용][질문 : IntelliJ gutter Icon]1. 내용 : 개별 메서드 실행을 -> gutter icon을 눌러서 하고 싶은데. 보이지 않습니다. 2. 시도 : Settings -> Editor -> General -> Gutter Icons 선택3. 결과 : 여전히 Gutter Icon 안나옴
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
postman 화면
강의 내용과 다른 화면이 나오는데 어디로 들어가야 하나요.?
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 카피 연습하는데 도움이 필요해요!
아이콘 제작 관련 문의 드립니다. 인삿말 안녕하세요! 강의 재밌게 잘 보고 있습니다. 선생님 말씀처럼 여러가지 아이콘을 카피하는 연습중입니다. 그런데 연습 도중에 어려워서 막힌 부분이 있어서 에릭 선생님께 자문을 구합니당! Figma link 질문 위 아이콘은 기존 아이콘이고 아래 아이콘이 제가 따라 만들고 있는 아이콘이에요! 바깥쪽 새로고침처럼 생긴 화살표 모양은 어떤 식으로 만들어야 할까요?
-
해결됨CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조
안녕하세요. Youtube 보고 강의 신청 했어요
설명도 잘해주시고, 딕션이 좋으셔서 믿고 강의 신청 했어요.반년동안 국비과정 마치고, 취업 전 CS 공부를 하고 싶어 수강하게 되었습니다.평소 블로그에 배운 내용을 기록하며, 공부 하는 스타일이에요.강의 하신 내용 중 영상의 그림이나 참고자료 등을 블로깅에 첨부하여 기록해도 될까요..?개인 공부용으로 설명과 함께 첨부하려고 해요.수익 파트너 신청은 현재도, 추후에도 하지 않을거에요.출처는 포스팅 글마다 표기하겠습니다.
-
해결됨Do it! 알고리즘 코딩테스트 with JAVA
집합 표현하기(백준 1717) union 함수 질문
안녕하세요 강의 잘 보고 있습니다.강의를 보다가 질문이 생겨 질문드립니다.강의 영상에서 union 함수에서 a,b의 크기와 상관없이 a와 b가 다르다면 parent[b] = a; 라고하시는데이렇게 해도 되는 이유가 어차피 나중에 find 함수의 재귀함수부분 return parent[a] = find(parent[a]); 에서 경로 압축이 되기 때문에 크기 상관없이 parent[b] = a; 선언 해주신 건가요?
-
미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
next.js 환경에서 이 수업을 들을 수 있나요?
next.js 환경에서 이 수업을 들을 수 있나요?
