묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
시험전 궁금한 부분!
질문1) 공지사항 문안 뒷부분(날짜) 잘려서 보이는 이유 (아래 사진에 빨간색 동그라미 부분) 질문2) Copyright 문안 줄바꿈 기준 가로형 레이아웃의 경우는 .copyright 의 width가 넓어서 상관없는데 세로형 레이아웃의 경우 줄바꾸기가 사진과 같이 애매해지는데 아무데나 줄바꿈 해도 되는지 혹은 폰트사이즈를 줄여도 상관없는지 궁금해요! 폰트사이즈는 최소사이즈가 따로 정해져있을까요? (아래 사진에 파란색 동그라미 부분) 질문3) 혼자 한번 해보았는데 전체적으로 문제 없는지 궁금해요! 질문4) 곧 시험인데 추가로 주의할만한 사항 따로 있을까요? html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Vallery Festival</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> <div class="navi"> <ul class="menu"> <li> <a href="#none">축제소개</a> <div class="sub-menu"> <a href="#none">Festival소개</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> </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> </div> </li> </ul> </div> </header> </div> <div class="right"> <div class="slide"> <div> <a href="#none"><img src="images/slide-01.jpg" alt="slide1"></a> <a href="#none"><img src="images/slide-02.jpg" alt="slide2"></a> <a href="#none"><img src="images/slide-03.jpg" alt="slide3"></a> </div> </div> <div class="items"> <div class="news"> <div class="tab-inner"> <div class="btn"> <span>공지사항</span> </div> <div class="tab1"> <a class="open-modal" href="#none"><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> </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.jpg" alt="gallery1"></a> <a href="#none"><img src="images/gallery-02.jpg" alt="gallery2"></a> <a href="#none"><img src="images/gallery-03.jpg" alt="gallery3"></a> </div> </div> </div> <div class="shortcut"> <a href="#none"><img src="images/shortcut.jpg" alt="shortcut"></a> </div> </div> <footer> <div class="footer-logo"> <a href="#none"><img src="images/logo-header.png" alt="footer-logo"></a> </div> <div class="copyright"> 상호 : (주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장<br> 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니 </div> <div class="familysite"> <select> <option value="">FamilySite</option> <option value="">여주군청 홈페이지</option> <option value="">한국관광공사</option> <option value="">여행자보험가입</option> </select> </div> </footer> </div> </div> <!-- Modal --> <div class="modal"> <div class="modal-content"> <h2>부여 가을연꽃축제 팸투어 모집</h2> <p> 예비 청년상인들을 위해 진행하는 부여에서 청춘의 미래를 디자인하다. 청년창업人부여 팸투어가 12월 05일 토요일 충청남도 부여에서 진행됩니다. <br><br> 팸투어는 전액 무료로 진행되며 참가비 없습니다. 이번 팸투어에서는 부여군상권활성화재단의 청년상인 육성프로젝트를 실제로 견학하며 확인해 보실 수 있는 좋은 기회이니 창업을 희망하는 많은 청년 분들의 관심 부탁드립니다. <br><br> 온라인 및 전화 또는 메일 등으로 사전 참가신청하실 수 있습니다! </p> <a class="close-modal" href="#none">닫기</a> </div> </div> <!-- Modal --> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html> css @charset "utf-8"; body { margin: 0; background-color: #fff; color: #333; font-size: 15px; } a { color: #333; text-decoration: none; } .container { 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; } /* Navigation */ .menu { list-style: none; padding: 0; position: relative; 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: #000; color: #fff; } .sub-menu { border: 1px solid #000; position: absolute; top: -30px; left: 100%; width: 100%; height: 200px; background-color: #000; display: none; } .sub-menu a { display: block; padding: 5px; transition: 0.5s; color: #fff; } .sub-menu a:hover { background-color: #fff; color: #000; } /* Slide */ .slide { width: 800px; height: 350px; overflow: hidden; } .slide > div { width: 2400px; font-size: 0; animation: slide 10s linear infinite; } .slide > div a {} .slide > div a img {} @keyframes slide { 0% { margin-left: 0; } 30% { margin-left: 0; } 35% { margin-left: -800px; } 65% { margin-left: -800px; } 70% { margin-left: -1600px; } 95% { margin-left: -1600px; } 100% { margin-left: 0; } } .items { overflow: hidden; margin-top: 20px; } .items > div { height: 200px; float: left; box-sizing: border-box; } .news { width: 300px; } .gallery { width: 300px; } /* News & Gallery */ .tab-inner { width: 95%; margin: auto; } .tab-inner .btn {} .tab-inner .btn span { border: 1px solid #000; display: inline-block; width: 100px; padding: 5px; border-radius: 5px 5px 0 0; border-bottom: none; margin-bottom: -1px; background-color: #fff; text-align: center; } .tab1, .tab2 { border: 1px solid #000; height: 160px; padding: 0 10px; } .tab1 a { display: block; border-bottom: 1px solid #000; padding: 5px; overflow: hidden; } .tab1 a:last-child { border-bottom: none; } .tab1 a em, .tab1 a b { float: left; } .tab1 a em { font-style: normal; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tab1 a b { float: right; font-weight: normal; width: 30%; text-align: right; } .tab2 { text-align: center; } .tab2 a {} .tab2 a img { padding-top: 40px; width: 80px; } .tab2 a img:hover { opacity: 0.6; } .shortcut { text-align: right; width: 200px; } .shortcut:hover { opacity: 0.6; } .shortcut img { width: 95%; } footer { overflow: hidden; } footer > div { height: 100px; float: left; box-sizing: border-box; text-align: center; } .footer-logo { width: 200px; line-height: 130px; } .copyright { width: 400px; padding-top: 20px; } .familysite { width: 200px; line-height: 100px; } /* Modal */ .modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); display: none; } .modal-content { width: 350px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 10px; } .modal-content h2 {} .modal-content p {} .close-modal { border: 1px solid #000; float: right; padding: 5px 10px; } 제이쿼리 $('.menu li').mouseenter(function(){ $(this).children('.sub-menu').stop().slideDown() }) $('.menu li').mouseleave(function(){ $(this).children('.sub-menu').stop().slideUp() }) $('.open-modal').click(function(){ $('.modal').fadeIn() }) $('.close-modal').click(function(){ $('.modal').fadeOut() })
-
미해결[개념부터 실습까지] 추천 시스템 입문편
쿼리질문합니다!
user_profile_list = [] for userId in train['userId'].unique(): user = train[train['userId']==userId] X_train = user[genres.columns] y_train = user['rating'] reg = Lasso(alpha=0.03) reg.fit(X_train, y_train) user_profile_list.append([reg.intercept_, *reg.coef_]) 이 부분을 배우고 있는데 다음 반복문에서 user[genres.columns], user['rating'] 처럼 userId행을 가지고 다니지 않고 있는데 나중에 user_profile_lasso = pd.DataFrame(user_profile_list, index=train['userId'].unique(), columns = ['intercept',*genres.columns]) 쿼리를 작성할 때 index에 train['userId']를 갑자기 껴넣는다고 user_profile_list와 맞물려 작동하나요?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
안녕하세요! css 관련 질문드립니다
안녕하세요! 강의 잘 듣고 있는 한 학부생입니다! 다름이 아니라 강의를 듣다보니 선생님께서 슬랙의 css를 그대로 긁어오셨다고 하셨는데, css를 긁어오신다는게 따로 익스텐션이 있어서 긁어오시는건지, 아니면 선생님께서 직접 사이트를 보고 컴포넌트를 디자인하시는건지 궁금합니다! 현재 졸업작품으로 웹서비스를 개발중인데, 반응형으로 구현하고 싶어 미디어쿼리를 도입했으나, 반응형을 고려한 개발이 처음이기도해서 코드만 길어지고 어떤 기기는 되고 안되고 이런 상황이 많아서 다른 시중 사이트들의 반응형 관련 css를 참고하고싶어 이렇게 질문드립니다! https://github.com/BB-PSP/BB-PSP-client 위 깃허브는 혹시 시간되실 때 봐주시면 감사하겠습니다
-
미해결[Django] 장고로 인프런 따라만들기
부스트트랩으로 꾸미기 강의에서 이미지가 안뜨네요 강의노트를 보고 수정했음에도 불구하고 안됩니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결Slack 클론 코딩[실시간 채팅 with React]
cors에러
안녕하세요.회원가입 페이지를 띄우고 콘솔창을 봤는데서버와 클라이언트 간에 소통에서만 볼 수 있었던 cors에러가 아직 axios 코드도 적지 않았는데 발생하여서... 이게 무슨 일인가 싶어서 해결 방법을 여쭤봅니다...webpack부분은 셋팅부분에서 따로 손대지 않았고 손을 안대서 문제가 생겼을 수도 있다고 생각해서 alecture부분의 webpack 코드부분을 사용해봤는데도 해결이 안되서 웹팩 관련 부분은 아닌것 같기도 하고... 사진 첨부 합니다 다른 분들은 저와 같은 에러가 없는것 같아서 제가 덜찾아 본건가 싶어서 이래저래 찾아봤는데 해결을 못해서 여쭤봅니다...죄송합니다!
-
미해결운영체제 공룡책 강의
퀴즈#8의 2번 문제 질문드립니다
안녕하세요 강사님 강의 잘 듣고 있습니다! 퀴즈 #8을 푸는데 2번 문제에서 잘 모르는 부분이 있어서 질문드립니다. 2번의 답은 4번인데 4번은 아니고 3번이 더 맞다는 생각이 들어서요... 일단 4번은 "(D)에서 signal(empty)를 호출했으므로 producer 프로세스가 임계구역에 진입할 수 있을 것이다."인데 이것 가지고는 부족하고 이것에 추가로 producer가 wait(mutex)도 뚫어야 임계구역에 진입할 수 있다고 생각했습니다. 그리고 3번은 그냥 고칠 부분이 없어보이는데 풀이 답변 부탁드려도 될까요? 감사합니다!
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
아톰에서 오류가 계속 나는 것 같습니다.
수업을 아주 잘 듣고 있는데요. 아톰에서 아래와 같이 오른쪽 부분에 오류가 계속 나는데 없앨 수 있을까요??
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
useState와 reducer
안녕하세요 강사님 수업 잘 듣고 있습니다! 여쭤볼 것이 있는데요. useState, reducer 모두 state을 바꾸는 걸로 알고 있습니다. 강사님 같은 경우는 reducer을 쓰실 것으로 보이는데, 어느 경우에 useState를 쓰고, 어느 경우에 reducer을 쓰는지 알려주실 수 있을까요?
-
미해결스프링 핵심 원리 - 기본편
인텔리제이 관련 질문있습니다!
안녕하세요, 인텔리제이 ultimate 버전을 사용하여 공부하고 있는 수강생입니다. 인텔리제이 이용약관을 보고 좀 헷갈리는 부분이 있는데 해답을 얻을 수 있을까하여 글 남기게 되었습니다. 현재 인텔리제이를 데스크탑에 설치하여 사용하고 있는데, 외부에서 노트북에서도 사용하고 싶습니다. 인텔리제이를 데스크탑 노트북 두 곳에 모두 설치하여 사용하여도 동시에 실행하지만 않는다면 라이센스 문제가 없는 것이 맞는건가요..?
-
미해결우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)
_add__() 의 위치가 궁금 합니다.
객체 끼리의 더하기를 보고 있습니다. 아래 소스 처럼 class Fruit(): def __init__(self, name, price): self.name = name self.price = price def __add__(self, other): return self.price + other.pricef1 = Fruit('Orange', 7000)f2 = Fruit('apple', 3000)print(f1+f2)print(dir(f1)) 위 소스 보면 + 를 할면 알아서 __add__() 메소드가 호출 되는데요 print( dir(int)) 해보면 네임스페이스에 __add__가 보이고 해서 제 생각에 __add__() 메소드는 어딘가에 존재 하는 메소드 인데 int 클래스에서도 override 했고, Fruit 이라는 class에서도 override 했고 문법에서 + (더하기)를 하면 내부적으로 _add__()를 호출 하는구나 생각했습나다. __add__() 메소드를 가지고 있는 class는 먼가요 자바처럼 Object 인건가요?
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
싱글톤 패턴 전후 인스턴스 변화
싱글톤 패턴으로 변경하기 전이나 후나, 인스턴스는 계속 1개인거 아닌가요? 단지 class로 묶고, 함수 내부에서 인스턴스 생성하는 거로만 변경된거 같은데요...
-
해결됨프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
파이참 콘솔
파이참에서 파이썬 콘솔이 실행되는데 사진처럼 입력값 바로 밑에 출력이 나오면 어떻게 하나요? 영상처럼 위하고 아래 각각으로 창이 떠서 위에는 입력값만 아래에는 출력값만 뜨게 하려면 어떻게 해야 하죠?
-
해결됨Python 입문자를 위한 강의
dictionary 실습 질문
simon님 안녕하세요 dictionary 실습 강의 중 궁금한 것이 생겼는데요, a['thing'] = a.pop('fruit') 을 실행하면 결과값이 'thing' : 'banana'가 되는 이유는 무엇인가요? print(a.pop('fruit')을 실행하면 'banana'가 출력되는데 a['thing'] = 'banana' 이니까 바나나의 자리에 thing 이 되어야 하는 거 아닌가요? thing이 바나나라는 value를 찾아 해당하는 key 값에 thing이 대입되는 과정이 궁금합니다!
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
MMdetection Transfer learning에 관련하여.
안녕하세요. 이번에 강의를 들으면서 Mask-RCNN 모델을 프로젝트에 적용해보려 준비중인 대학원생입니다. MMdetection에서 제공하는 COCO dataset으로 12 epochs pretrained model을 불러와서 전이학습을 하여 ballon dataset을 이용해 학습하는 것으로 강의 내용을 이해했습니다. 이 과정에서 모델을 학습하는데 정확히 어떤 어떤 부분의 weight 들이 학습되는지 궁금합니다. Transfer learning이라고 하면 보통 단순히 image classification model이라면 feature extraction 하는 부분은 그대로 학습에 반영하지 않고 FC layer의 output layer만 학습시킨다는 이야기도 보이는 것 같아서요. (예를들어 https://neptune.ai/blog/transfer-learning-guide-examples-for-images-and-text-in-keras 와 같은 정보를 참고했습니다.) 만약 MMdetection의 train_detector를사용하여 학습할 경우 어떤 부분의 weight들이 학습에 반영되고 어떤 부분이 고정된 상태로 학습이 진행되는지 궁금합니다. 감사합니다.
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
{itemId} 매핑원리 질문입니다.
@PostMapping("/{itemId}/edit")public String edit(@PathVariable long itemId,@ModelAttribute Item updateParam) { itemRepository.update(itemId,updateParam); return "redirect:/basic/items/{itemId}"; } 위 코드의 메서드가 실행될 때, {itemId} 에 @PathVariable long itemId 가 매핑되는데 매핑되는 원리가 궁금합니다.
-
미해결
vscode locallhost:8080 오류 해결방법
제가 vs 코드로 html 공부를 하는데 자꾸 localhost0808뜨면서 연결이 안돼는데 어떻게 해결할 수 있을까요?? 급해요 ㅠㅠ제발 도움주세요 ㅠㅠ밑에 사진처럼 이렇게 뜨는데 해결방법 알 수 있을까요 ㅠㅠ 이
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
파이참에서 환경설정
파이참에서 환경 설정하는 법은 어떻게 될까요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
명령 프롬프트에서 설치 확인
강의에서 설치가 되었는지 확인하려면 명령 프롬프트에서 atom이라고 쳐보라고 했는데 파이참을 설치했을 경우 pycharm을 쳤는데 실행이 안되는 경우는 무슨 문제가 있는 걸까요? 어떻게 해야 할까요?
-
미해결[리뉴얼] 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]
실습 실행 여전히 안되요...
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 아래 질문주신분 답변보고도 안되는데 !pip install google_trans_new 이것을 주피터 노트북에 입력하여 실행 후 다시 해봐도 동일한 에러 발생합니다ㅠㅠ
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
질문 있습니다.
HttpStatus 에서 정의된 상태코드와 HttpServletResponse 에서 정의된 상태코드는 서로 다른건가요? 서로 쓰임새가 어떻게 되나요??
