묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결남박사의 파이썬 기초부터 실전 100% 활용
vs code run이 되지 않습니다 ㅜㅜ
현재 화면은 이렇습니다. 평소 그냥 run 으로 실행시켰는데, run을 누르면 cmd창과 code창만 몇개 생기고 실행이 되지 않습니다. 선생님께서 매번 하시는 python.\start.py 도 쳐봤는데 아무 반응이 없네요.. 이럴땐 어떻게 해야하나요? vs code 자체가 이상한가.. 싶어서 이전에 만들었던 숫자 맞추기 파일을 실행했는데 이건 돌아갑니다. 그런데 숫자 맞추기 파일을 실행해보고, 다시 야구게임 파일로 돌아와서 run을 눌러도 숫자 맞추기가 실행이 되어요ㅠㅠ
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
준영속 상태
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼ㅇㅁㄴㅇㅇ--저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용] 영속 상태에서 엔티티의 값을 변경하고 close 메서드로 준영속으로 바꾸면 쓰기 지연 sql 저장소의 값이 사라지는 걸로 배웠는데, 책의 예제에서 준영속인 엔티티를 merge메서드로 영속 상태로 바꾼 후 커밋하면 엔티티의 값이 바뀌었다고 나왔습니다. 준영속으로 되면서 sql 저장소의 값이 사라졌는데 어떻게 값이 바뀌는 건가여 ?
-
미해결프론트엔드 개발자를 위한 웹팩
devser 출력 오류
튜토리얼 대로 작성한 뒤에 실행 시키면 로컬 호스트로 연결 시도하면 crbug/1173575, non-JS module files deprecated. 라는 에러가 콘솔에 나타나고 사이트를 표시할 수 없다고 나옵니다. 그런데 밑에 다른 네트워크 주로소 연결시 정삭적으로 됩니다. 이게 어떻게 된건가요? 그리고 어떻게 하면 해결이 될까요? 그리고 다른 네트워크 주소로 돌린 것도 index.js를 변경하여 저장하면 실시간적으로 변경이 안됩니다. 왜 이런건가요?
-
미해결쉽고 빠르게 익히는 Excel 파워 쿼리
열이 2중인 테이블도 파워쿼리를 통해 피벗테이블 생성이 가능할지요?
안녕하세요, 새해복 많이 받으세요 파워쿼리로 아래와 같이 열이 2중 구조인 테이블도 병합하여 피벗테이블을 만들 수 있나요? 보시면 하나의 정보가 2개의 행으로 쪼개져 있습니다. 거래일자행과 거래번호 행에 해당 하는 행이 사실 1개 행이어야 하는데 2개로 쪼개져 있는 상황인데요. 2개 행을 하나의 행으로 파우쿼리를 통해서 데이터 변환을 할 수 있는지 궁금합니다. 예제에서는 데이터 변환 시 열 피벗을 해제해주셨는데 아래와 다른 케이스 같아 문의드립니다. ======= 거래일자 거래종류 종목번호 거래금액 예수금 수수료 미수발생금액 미수잔고금액 외화거래금액 외화예수금 거래번호 원거래번호 수량 단가 종목명 입출금액 유가잔고 제세금합 미수변제금액 통화코드 외화입출금액 외화유가증권 1/7/2022 예탁금이용료입금 231 6696423 0 0 0 0 0 1 201 0 30 0 0 0 1/6/2022 주식매수출금 5157000 6696222 720 0 0 0 0 3 5157720 0 0 0 0 0
-
해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
tab 메뉴 오류 질문 드립니다
전에 한번 질문드렸었는데 답변을 못받아서 다시 질문드립니다..! 제작했을 당시에는 탭 메뉴 연동이 문제가 없었는데 포폴 제작하려고 다시 확인해보니 안되더라구요 ㅠㅠ wow.js도 되다가 안되는거 같아요 ㅠㅠ 확인해주실 수 있으실까요 ㅠㅠ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HAY | INSPIRATION</title> <link rel="icon" href="img/hay-favicon.ico"> <!-- jQuery CDN --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- Slick Slider --> <link rel="stylesheet" href="js/slick/slick-theme.css"> <link rel="stylesheet" href="js/slick/slick.css"> <script src="js/slick/slick.min.js"></script> <!-- Parallax Scroll --> <script src="js/jquery.parallax-scroll.min.js"></script> <!-- Smooth Scrolling --> <script src="js/jquery.scrollTo.min.js"></script> <!-- XEICON --> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css"> <!-- Wow js --> <script src="js/wow.min.js"></script> <!-- Custom Js & Css --> <script src="custom.js"></script> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> </head> <body> <div class="inspiration-container"> <!-- Header --> <header> <div class="header-inner"> <div class="logo"> <a href="index.html"><img src="img/logo-hay.png"></a> </div> <div class="gnb"> <ul class="menu"> <li> <a href="about.html" target="_parent"> <div class="menu-content"> <h2>About</h2> </div> </a> </li> <li> <a href="product.html" target="_parent"> <div class="menu-content"> <h2>Products</h2> </div> </a> </li> <li> <a href="inspiration.html" target="_parent"> <div class="menu-content"> <h2>Inspiration</h2> </div> </a> </li> <li> <a href="contact.html" target="_parent"> <div class="menu-content"> <h2>Contact</h2> </div> </a> </li> </ul> </div> <div class="trigger"> <span></span> <span></span> <span></span> </div> </div> </header> <!-- Section : inspiration-visual --> <section class="inspiration-visual bg-holder" data-width="1024" data-height="768"> <div class="inspiration-heading"> <h1>INSPIRATION</h1> </div> </section> <!-- Sub menu list --> <div class="sub-menu"> <ul class="sub-menu-item"> <li data-alt="tab1" class="active"><a href="#">sofa</a></li> <li data-alt="tab2"><a href="#">bathroom</a></li> <li data-alt="tab3"><a href="#">bedroom</a></li> </ul> </div> <!-- Section : inspiration-sofa-collection --> <section class="sofa-collection tabs active" id="tab1"> <div class="sofa-inner"> <!-- Heading --> <div class="sofa-heading utd wow"> <h2>THE HAY SOFA COLLECTION</h2> <hr class="bar"> </div> <!-- Quilton --> <div class="sofa-content"> <div class="sofa-left ltr wow"> <div class="sofa-big" onclick="location.href='#none'"> <img src="img/inspiration-sofa-01.png"> <div class="sofa-headline"> <h3>QUILTON 3 SEATER</h3> <p> Its numerous upholstery choices include mono, duo, or with a black contrasting platform, with the finely-detailed quilted upholstery encapsulating the softness and volume of the foam and wadding seats and creating exceptional comfort. Quilton takes sofa design to a new level of versatility that makes it suitable for a wide range of domestic and public spaces. <small class="inview"><ins>Quilton Duo Comb 19 Left</ins> / <ins>Slit High Table</ins></small> </p> <div class="coll-btn"> <a href="#none" class="find-dealer">FIND DEALER</a> </div> </div> </div> </div> <div class="sofa-right rtl wow"> <div class="sofa-items-up"> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-11.png"> <span class="badge best">Best</span> </div> <p><ins>Quilton Duo Comb 19 Left</ins> / <ins>Slit High Table</ins></p> </div> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-12.png"> </div> <p><ins>Quilton Ottoman</ins></p> </div> </div> <div class="sofa-items-down"> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-04.png"> <span class="badge new">New</span> </div> <p><ins>Quilton Combination 21 Right</ins> / <ins>Kofi</ins></p> </div> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-02.png"> </div> <p><ins>Quilton Contrast base Comb 23 Left</ins> / <ins>Kofi</ins></p> </div> </div> </div> </div> <div class="coll-btn utd wow"> <a href="#none" class="view-more">View more</a> </div> <div class="sofa-video"> <video class="video" width="800" controls> <source src="videos/hay-Mags-Soft-Low-3-Seater-Sofa.mp4" type=""> </video> </div> <div class="section-text utd wow"> <h4>QUILTON</h4> <p> Described by the designers as a ‘quilted landscape sofa system’, Quilton serves as a central platform for living, working, socializing and relaxing. Offering a wide assortment of different modules, Doshi Levien’s multi-functional sofa provides the flexibility of a modular system with generous dimensions and sculpted forms. Its numerous upholstery choices include mono, duo, or with a black contrasting platform, with the finely-detailed quilted upholstery encapsulating the softness and volume of the foam and wadding seats and creating exceptional comfort. Quilton takes sofa design to a new level of versatility that makes it suitable for a wide range of domestic and public spaces. </p> </div> <!-- MAGS --> <div class="sofa-content flex-order"> <div class="sofa-right ltr wow"> <div class="sofa-items-up"> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-05.png"> <span class="badge new">new</span> </div> <p><ins>MAGS 3 SEATER COMBINATION 1</ins> / <ins>DLM</ins></p> </div> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-06.png"> <span class="badge new">new</span> </div> <p style="font-size: 14px"><ins>MAGS 2,5 SEATER COMBINATION 3</ins></p> </div> </div> <div class="sofa-items-down"> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-07.png"> </div> <p><ins>Mags 3 Seater comb 1</ins> / <ins>Pouf</ins></p> </div> <div class="sofa-thum" onclick="location.href='#none'"> <div class="sofa-photo"> <img src="img/inspiration-sofa-08.png"> <span class="badge best">best</span> </div> <p><ins>Mags Sofa 3 seater comb 4</ins> / <ins>AAL 83</ins></p> </div> </div> </div> <div class="sofa-left rtl wow"> <div class="sofa-big" onclick="location.href='#none'"> <img src="img/inspiration-sofa-14.png"> <div class="sofa-headline"> <h3>MAGS 3 SEATER COMBINATION 1</h3> <p> Designed with maximum comfort and minimum details, the Mags sofa combines strong aesthetics with timelessness to create a HAY classic. Keeping superior comfort and quality in mind, Mags is built using a solid construction with durable, high-density foam and interior padding for optimal longevity. The low frame has a distinctly lounge feel, which is reinforced by the deep seats and results in an open, welcoming space. <small class="inview"> <ins>MAGS SOFA</ins> / <ins>RAW RUG NO. 2</ins> / <ins>TULOU COFFEE TABLE</ins> / <ins>MOHAIR BLANKET</ins> / <ins>FIFTY-FIFTY FLOOR LAMP</ins> </small> </p> <div class="coll-btn"> <a href="#none" class="find-dealer">FIND DEALER</a> </div> </div> </div> </div> </div> <div class="coll-btn utd wow"> <a href="#none" class="view-more">View more</a> </div> <div class="section-text second utd wow"> <h4>MAGS</h4> <p> Designed with maximum comfort and minimum details, the Mags sofa ensures what lies beyond its strong aesthetic presence has an equally lasting impact. The wide range of functional modular units mean the sofa can be fully customised with chaise longue, corner modules or additional seats to suit any room or purpose, while the high quality upholstery options enables the sofa to find its own personality. </p> </div> </div> </section> <!-- Section : inspiration-bath-collection --> <section class="bath-collection tabs" id="tab2"> <div class="sofa-inner bath-inner"> <!-- Heading --> <div class="sofa-heading bath-heading utd wow"> <h2>BATHROOM INSPIRATION</h2> <hr class="bar"> </div> <!-- Bath-container--> <div class="sofa-video bath-video"> <video class="video" width="800" controls> <source src="videos/hay-Waffle-Bathrobe-Waffle-Slippers.mp4" type=""> </video> </div> <div class="section-text utd wow"> <p> These days, investing a little love and care in the domestic spaces we often neglect -- bathroom, we're looking at you! -- can make a world of difference. That's why we've created a range of fresh new products that are sure to brighten up that underappreciated space, from pretty and practical storage solutions like Basket, now available in new Spring colours, to the brilliant Chim Chim Scent Diffuser, which can make even the most modest of washrooms feel more like a spa. </p> </div> <div class="bath-content"> <div class="bath-items"> <div class="bath-top"> <div class="bath-thum utd wow" onclick="location.href='#none'"> <div class="bath-photo"> <img src="img/inspiration-bath-01.jpg"> <span class="badge best">Best</span> </div> <p><ins>Basket</ins></p> </div> <div class="bath-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'"> <div class="bath-photo"> <img src="img/inspiration-bath-02.jpg"> </div> <p><ins>Waffle Bathrobe Sky Blue</ins></p> </div> </div> <div class="bath-down utd wow"> <div class="bath-thum" onclick="location.href='#none'"> <div class="bath-photo"> <img src="img/inspiration-bath-03.jpg"> <span class="badge new">New</span> </div> <p><ins>Chim Chim Scent Diffuser</ins></p> </div> <div class="bath-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'"> <div class="bath-photo"> <img src="img/inspiration-bath-08.jpg"> </div> <p><ins>Colour Crate / Frotté Towel</ins></p> </div> <div class="bath-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'"> <div class="bath-photo"> <img src="img/inspiration-bath-07.jpg"> </div> <p><ins>Waffle Slippers / Giant Waffle Bath Towel</ins></p> </div> </div> </div> </div> <div class="coll-btn utd wow"> <a href="#none" class="view-more">View more</a> </div> </div> </section> <!-- Section : inspiration-bed-collection --> <section class="bed-collection tabs" id="tab3"> <div class="sofa-inner bath-inner bed-inner"> <!-- Heading --> <div class="sofa-heading bath-heading bed-inner utd wow"> <h2>BEDROOM INSPIRATION</h2> <hr class="bar"> </div> <!-- bed-container--> <div class="bath-content bed-content"> <div class="bath-items bed-items"> <div class="bath-top bed-top utd"> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-05.jpg"> <span class="badge best">Best</span> </div> <p><ins>Bias Quilt / Slit Table / Turn On Lamp</ins></p> </div> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-04.jpg"> <span class="badge new">New</span> </div> <p><ins>Pao Steel Pendant / Ellipse Tray / Tray Table</ins></p> </div> </div> <div class="section-text utd wow"> <p> A peaceful, productive day starts in the bedroom, so it’s the perfect place to invest some attention and care.</p> <p> Whether you’re looking for an elegant bedspread like Kite, Bias, or Megadot, a cozy bathrope to warm up on cold mornings, or any kind of accessory – from storage to table lamps – HAY has a little bit of everything you might need to make your bedroom the sanctuary it should be. </p> </div> <div class="bath-down bed-down"> <div class="bath-thum bed-thum utd wow" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-07.jpg"> </div> <p><ins>Matin Table Lamp / Duo Bed Linen / Tray Table </ins></p> </div> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-09.jpg"> </div> <p><ins>Knit</ins></p> </div> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-10.jpg"> </div> <p><ins>Soft Coat Hanger</ins></p> </div> </div> <div class="bath-down bed-down"> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-08.jpg"> </div> <p><ins>Chim Chim Scent Diffuser / Tray Table</ins></p> </div> <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'"> <div class="bed-photo"> <img src="img/inspiration-bed-06.jpg"> </div> <p><ins>Outline Cushion / Crinkle Bedspread</ins></p> </div> </div> </div> </div> <div class="coll-btn utd wow"> <a href="#none" class="view-more">View more</a> </div> </div> </section> <!-- Footer --> <footer> <div class="footer-inner"> <div class="copyright"> <img src="img/logo-hay.png" alt=""> <span>Copyrightⓒ2021.HAY.All rights reserved.</span> </div> <div class="sns"> <a href="#none">facebook</a> <a href="#none">instagram</a> <a href="#none">linkedin</a> <a href="#none">mail</a> <a href="#none">pinterest</a> </div> <div class="contact-info"> <ul> <li>HAY ApS</li> <li>Havnen 1, 8700 Horsens, Denmark</li> <li>+45 4282 0282</li> </ul> </div> </div> </footer> <!-- Go to top --> <a class="btn-top" href="#"><i class="xi-arrow-up"></i></a> </div> </body></html> /* ######### INSPIRATION ########## */ .inspiration-container { position: relative; } /* Sub menu list */ .sub-menu { width: 100%; background-color: #f9f9f9; } .sub-menu-container {} .sub-menu-item { text-align: center; list-style: none; margin: 0; } .sub-menu-item li { font-size: 20px; display: inline-block; text-transform: uppercase; padding: 80px; } .sub-menu-item li a { color: #000; font-weight: 300; position: relative; padding-bottom: 8px; } .sub-menu-item li a:after { content: ''; position: absolute; display: block; width: 0; height: 2px; background: #000; bottom: 0; transition: 0.35s; left: 50%; transform: translateX(-50%); } .sub-menu-item li a:hover:after { width: 100%; } .sub-menu-item li.active a:after { width: 100%; } .tabs.active { display: block; } /* ######### INSPIRATION / Section : sofa-collection ########## */ .sofa-collection { display: none; background-color: #f9f9f9; } .sofa-inner { width: 90%; margin: auto; padding-top: 0; padding-bottom: 100px; } .sofa-heading { text-align: center; } .sofa-heading h2 { font-size: 60px; font-weight: bold; margin: 0; text-transform: uppercase; } .sofa-heading .bar { display: inline-block; height: 6px; background: #2a3052; margin: 30px 0; border: none; width: 50%; } .sofa-content { overflow: hidden; margin: 50px 0; } .sofa-content > div { float: left; width: 50%; } .sofa-left {} .sofa-big { width: 850px; height: 720px; position: relative; margin: auto; cursor: pointer; } .sofa-big:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); transition: 0.5s; } .sofa-big:hover:before { background-color: rgba(0, 0, 0, 0.35); } .sofa-big img { width: inherit; height: inherit; object-fit: cover; } .sofa-headline { position: absolute; width: 75%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; } .sofa-headline h3 { font-size: 40px; font-weight: 500; } .sofa-headline p { line-height: 1.5em; } .inview { display: block; font-size: 14px; margin: 30px 0 40px; } .find-dealer { background: #000; color: #fff; font-size: 16px; padding: 8px 20px; border: 2px solid #fff; } .coll-btn .view-more { display: block; text-align: center; margin: auto; background: #2a3052; } .coll-btn .view-more:hover { background: #9b392e; } .sofa-right { padding-left: 50px; } .sofa-items-up { margin-bottom: 50px; } .sofa-thum { width: 500px; height: 300px; cursor: pointer; } .sofa-items-up > div, .sofa-items-down > div { display: inline-block; } .sofa-thum:hover img { transform: scale(1.1); } .sofa-thum:first-child { margin-right: 20px; } .sofa-thum:last-child { width: 250px; } .sofa-items-down .sofa-thum:first-child { width: 300px; } .sofa-items-down .sofa-thum:last-child { width: 450px; height: 300px; } .sofa-photo { display: inline-block; width: inherit; height: inherit; position: relative; overflow: hidden; } .sofa-photo img { display: block; width: inherit; height: inherit; transition: 0.5s; } .sofa-photo span {} .sofa-thum p { margin-top: 0; font-size: 16px; text-align: center; } .badge { position: absolute; color: #fff; top: 0; left: 0; font-size: 12px; padding: 0 5px; } .badge.best { background: #333; } .badge.new { background: #9b392e; } /* Video */ .sofa-video { margin-top: 200px; text-align: center; position: relative; } .sofa-video:before { content: ',,'; font-size: 400px; position: absolute; transform: rotate(180deg); top: 60px; left: 128px; color: rgba(132, 132, 132, 0.6); } .section-text { text-align: center; padding: 160px; margin-bottom: 80px; } .section-text h4 { font-size: 30px; font-weight: 500; } .section-text p { line-height: 1.7em; position: relative; } .section-text p:after { content: ',,'; font-size: 400px; position: absolute; top: 100px; right: -89px; color: rgba(132, 132, 132, 0.6); } .section-text.second p:before { content: ',,'; font-size: 400px; position: absolute; transform: rotate(180deg); top: 10px; left: -100px; color: rgba(132, 132, 132, 0.6); } /* ######### INSPIRATION / Section : bath-collection ########## */ .bath-collection { display: none; background-color: #f9f9f9; } .bath-video { margin-top: 100px; } .bath-video:before { display: none; } .bath-inner .section-text { margin-top: 80px; } .bath-inner .section-text p:before { content: ',,'; font-size: 400px; position: absolute; transform: rotate(180deg); top: 10px; left: -100px; color: rgba(132, 132, 132, 0.6); } .bath-content {} .bath-items { overflow: hidden; } .bath-items > div { text-align: center; } .bath-top {} .bath-down {} .bath-top > div, .bath-down > div { display: inline-block; } .bath-thum { padding: 20px; cursor: pointer; } .bath-thum:hover img { transform: scale(1.1); } .bath-photo { display: inline-block; width: 100%; height: 430px; position: relative; overflow: hidden; } .bath-photo img { display: block; width: inherit; height: inherit; transition: 0.5s; } .bath-inner .coll-btn { margin-top: 50px; } /* ######### INSPIRATION / Section : bed-collection ########## */ .bed-collection { display: none; background-color: #f9f9f9; } .bed-content { margin-top: 80px; } .bed-items {} .bed-items .section-text p:after { top: 0px; } .bed-items .section-text p:first-child { margin-bottom: 50px; } .bed-items .section-text p:first-child:before, .bed-items .section-text p:first-child:after { display: none; } .bed-photo { display: inline-block; width: 100%; height: 500px; position: relative; overflow: hidden; } .bed-photo img { display: block; width: inherit; height: inherit; transition: 0.5s; } $(function () { // Trigger $('.trigger').click(function () { $(this).toggleClass('active') $('.gnb').toggleClass('active') }) $('.menu a').click(function () { $('.gnb').removeClass('active') $('.trigger').removeClass('active') }) // Change CSS with Scroll $(window).scroll(function () { if ($(window).scrollTop() > 50) { $('header, .btn-top').addClass('active') } else { $('header, .btn-top').removeClass('active') } }) // Slick Slider - Home $('.slideshow').slick({ infinite: true, dots: false, autoplay: true, autoplaySpeed: 2000, fade: true, speed: 1000, pauseOnHover: false }) // TypeIt - Welcome $('#typing').typeIt({ strings: [""], speed: 120, autoStart: true, breakLines: false, }) // Parallax Scroll - visual $('.bg-holder').parallaxScroll({ friction: 0.2, direction: "vertical" }); // inspiration tab menu $('.sub-menu-item li').click(function(){ $(this).addClass('active') $(this).siblings().removeClass('active') var tab = $(this).attr('data-alt') $('.tabs').removeClass('active') $('#' + tab).addClass('active') }); // Wow Scroll Reveal Animation wow = new WOW({ boxClass: 'wow', // default offset: 150, // default mobile: true, // default }) wow.init(); // Smooth Scrolling - inspiration $('.sub-menu-item li').click(function(e){ $.scrollTo(this.hash || 500, 500) }) }); $(function () { // faq-accordion - contact $('.faq-desc').eq(0).show() $('.faq-title').click(function () { $(this).next().stop().slideDown() $(this).parent().siblings('.faq-item').children('.faq-desc').stop().slideUp() $(this).parent().addClass('active') $(this).parent().siblings('.faq-item').removeClass('active') }); });
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
JWT 리턴 이후의 과정이 궁금합니다
클라이언트가 로그인 하게되면 JWT를 발급받아 헤더에 이 토큰을 포함시켜서 다음 요청을 보내는 걸로 알고있습니다. 수업에서는 signin 메서드에서 token을 리턴해준 뒤에 직접 postman의 Authorization에 있는 Bearer Token 부분에 삽입해준 뒤에 다음 요청을 보냈는데 singin 메서드에서 리턴받은 token을 최종적으로 리턴하기만 하면 클라이언트에서 그 토큰을 자동으로 헤더에 포함시켜서 다음요청을 보내는 것인지 궁금합니다. 아니면 이 토큰을 프론트엔드단에서 받아서 다른 처리가 필요한지 궁금합니다.
-
미해결[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
nodebird에 채팅방을 입혀주려고 하는데
게시글은 mysql, 채팅방은 mongo로 따로따로 DB관리하는 식으로도 가능한거죠?코드는 그냥 시퀄이랑 몽구스 같이 연결만 해주면 되고요.
-
미해결[2026 신규] 데이터분석 준전문가(ADsP) 자격증
1종 오류,2종 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 앞에3-60 (357p)에서 1종 오류는 '귀무가설이 참인데 기각하게 되는 오류'라고 적혀있는데 이 강의에서 '실제가 거짓인데 참으로 예측하는 오류'로 설명해주셨습니다. 357p에서 귀무가설이 참이라는 것이 실제는 거짓이라는 것과 같은 뜻인가요?
-
미해결대세는 쿠버네티스 (초급~중급편)
LB 관련 질문
안녕하세요. 다른 질문에서LB 요청시 LB > NodePort > iptables 라고 되어있는데 물론 CNI 마다 다르겠지만 예를들어 제가 azure 를사용하고있고 azure 에 Public IP 를 External IP 로할당한 LB 서비스를만들었습니다. 이때의 정보가 아래와같더라구요.External IPs : Azure IP ClusterIP : 23.47.151.147Ports : 80:30048/TCPEndpointsPod IP 10.111.119.47Pod Port: 3000라고되어있는데, 저위에 Cluster IP 는 Node 의 IP 인지 Service IP 인지가 궁금합니다. 만약 Node 의 IP 라고한다면AzureIP:80 > 23.47.151.147:30048(NodePort) > Iptables 를통해 Endpoint 의 10.111.119.47:3000 으로 요청하게 되는것인가요??
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] 번외편: AWS로 시작하는 서버 운영
2016Window_server_iso 다운로드 오류 발생
영상 그래도 다운로드를 실행했으나, 다운로드 오류라고 뜨는데, 왜 오류가 뜨는지 모르겠습니다. https://www.microsoft.com/ko-kr/evalcenter/evaluate-windows-server-2016
-
해결됨스프링 핵심 원리 - 기본편
OrderServiceTest에서 필드에 memberService를 작성한 이유
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용] 안녕하세요 강의 감사히 잘 듣고 있습니다 ^^ 다름이 아니라 수업을 듣던 중 OrderServiceTest에서 memberService를 필드에 코딩하셨는데 @BeforeEach에서 작성한 것과 어떤 차이가 있는 지 궁금해서 질문 남깁니다. MemberService memberService; OrderService orderService; @BeforeEach public void beforeEach() { AppConfig appConfig = new AppConfig(); memberService = appConfig.memberService(); orderService = appConfig.orderService(); } @BeforeEach public void beforeEach() { AppConfig appConfig = new AppConfig(); MemberService memberService = appConfig.memberService(); OrderService orderService = appConfig.orderService(); }
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
4:40 영속성 컨텍스트 상태
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요. 4:40 쯤 코드 상황에서 em.persist(member) 를 한 후 플러시 클리어 하면 영속성 컨텍스트가 비게 되고 그 후 에 쿼리를 날리면서 db를 조회해서 memberList에 저장한다고 이해했는데 commit 하지 않았으니까 아직 db에 member에 관한 데이터가 없는거 아닌가 하는 생각이 들었습니다 1. 영속성 컨텍스트에서 쿼리로 조회한 데이터를 관리한다고 하셨는데 플러시 클리어했는데 어떻게 영속성 컨텍스트에 쿼리로 조회한 데이터가 있는지 궁금합니다. 2. 데이터가 없는데 조회를 할 수 있는게 궁금해서 어느 부분을 제가 잘 못 이해한건지 궁금합니다 Member member = new Member();member.setAge(10);member.setUsername("홍길동");em.persist(member);em.flush();em.clear();List<Member> memberList = em.createQuery("select m from Member m").getResultList();Member findMember = memberList.get(0);findMember.setAge(20);
-
미해결파이썬(Python) 기초부터 실무까지 part.1
31분 영상에서 질문있습니다
if (length % 2) == 1: ch = str_1[length//2] print("중앙에 있는 한 글자는 ", ch)else: # 문자열의 길이가 짝수라는 것. ch1 = str_1[length//2-1] ch2 = str_1[length//2] print("중앙에 있는 두 글자는 ", ch1, ch2) ch 구하는 곳에서 []괄호를 사용한게 이해가 안됩니다. (인덱싱이라서 [] 사용한거 아닌거 같은데..) 그리고 문자열을 weekday로 입력한 경우, str_1 = "weekday", length = 7, 7//2 =3 그러면 ch는 세번째인 k가 아니라 e인거 아닌가요..? 아! 인덱스 기호? [ 와 ]를 사용했기때문에 [length]는 인덱스로 표현 즉 문자 하나를 추출하기 위해 w=0, e=1, e=2, k=3, d=4, a=5, y=6 3번째인 k가 나온거 맞나요 선생님??
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] 번외편: AWS로 시작하는 서버 운영
centos iso 다운로드 문제
게임개발에서 서버 운영하는 환경설정 영상 14분 10초 쯤, Centos-8.2.2004-x86_64-dvdi.iso가 존재하지 않는데, 뭘 다운로드해야할 지 모르겠습니다
-
미해결FreeRTOS 프로그래밍
PUTTY 관련 질문입니다.
강의 내용대로 따라했는데 PUTTY 에 아무것도 뜨지않네요 보드레이트도 115200으로 맞춰는데.. 이유가 뭘까요??
-
미해결대세는 쿠버네티스 (초급~중급편)
컨트롤 플레인 컴포넌트 질문
안녕하세요. 강의를보다 궁금한게있는데 5분45초쯤에서 마스터 노드안에 컨트롤 플레인이있다고 도식화가되어있는데.. 제가 잘몰라서 이것저것 알아보다가 컨트롤플레인은 클러스터당 1개이고 고가용성을 위해서 마스터 노드는 여러개를 띄워놓는 경우가 많다고되어있어서요. 컨트롤플레인의 정의가 정확히 어떤것인지 알수있을까요??
-
미해결파이썬(Python) 기초부터 실무까지 part.1
ex08에서
선생님 안녕하세요 예제08 작성할때 maximum을 왜 넣어야되는지 이해가 안됩니다.. (max=0 이부분도 잘 모르겠습니다..) 미리 만들어 볼 때 저는 밑에처럼 작성했었습니다. # if x > y:# print("정수 x가 더 큰 수 입니다.")# else :# print("정수 y가 더 큰 수 입니다.")
-
미해결파이썬 무료 강의 (활용편1) - 추억의 오락실 게임 만들기 (3시간)
키보드 이벤트 오류
- import pygame pygame.init() screen_width = 480 screen_height = 640 screen = pygame.display.set_mode((screen_width, screen_height)) pygame.display.set_caption("Nado game") background = pygame.image.load("C:/Users/james/OneDrive - YutouCat/바탕 화면/python_workspace/ppygame_basic/background.png") character = pygame.image.load("C:/Users/james/OneDrive - YutouCat/바탕 화면/python_workspace/ppygame_basic/character.png") character_size = character.get_rect().size character_width = character_size[0] character_height = character_size[1] character_x_pos = (screen_width / 2) - (character_width / 2) character_y_pos = screen_height - character_height to_x = 0 to_y = 0 running = True while running: for event in pygame.event.get(): if event.type == pygame.QUIT: running = False if event.type == pygame.KEYDOWN: if event.key == pygame.K_LEFT: to_x -= 5 elif event.key == pygame.K_RIGHT: to_x += 5 elif event.key == pygame.K_UP: to_y -= 5 elif event.key == pygame.K_DOWN: to_y += 5 if event.type == pygame.KEAUP: if event.key == pygame.K_LEFT or event.key == pygame.K_RIGHT: to_x = 0 elif event.key == pygame.K_UP or event.key == pygame.K_DOWN: to_y = 0 character_x_pos += to_x character_y_pos += to_y screen.blit(background, (0, 0)) screen.blit(character, (character_x_pos, character_y_pos)) pygame.display.update() <-- pygame.quit <--- 이줄이 오류나요
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
print 입력시
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. python 세팅후 print 사용 강의를 듣고 있습니다. 강사님은 print 를 치면 아래로 나오는데 전 왜 안나올까요? 따로 설정해야 하는게 있을까요? 너무 초보적인 질문 죄송합니다.
-
미해결Vue-Django-Bootstrap 뚝딱 블로그
sb-forms-latest.js:5 Uncaught Error: GET_ELEMENTS: -> form[data-sb-form-api-token]
sb-forms-latest.js:5 Uncaught Error: GET_ELEMENTS: -> form[data-sb-form-api-token] 이 에러는 무엇이고 어떻게 해결해야 하나요?
