묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결공공 데이터 (오픈 데이터) API 제대로 배우기 Part.1
JSON 데이터를 다루기 위한 JS 기본 사용법1 질문
안녕하세요 html 페이지에 JSON을 연결하고 consolelog를 실행시키는 경우, 크롬에서 작동을 안 합니다. 에러 메세지가 나는데 아마 JSON이 정상 연동 안 된 것 같습니다. Failed to load resource: net::ERR_FILE_NOT_FOUND js 파일의 경로 설정이 뭔가 잘못된 것 같은데 맞을까요? -js 파일의 경로는 다음과 같습니다. C:\Users\caram\OneDrive\Desktop\PUBLIC_API_220123 -"scr"에는 경로를 이렇게 입력했습니다. <script src="./PUBLIC_API_220123/json_001.js"></script> 오류 해결 방법 문의 드립니다. 감사합니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
탭메뉴 콘텐츠 질문있습니다.
강사님 안녕하세요~ 탭메뉴 콘텐츠 만들때 강사님이 라디오 버튼 name은 동일한 이름을 주라고 하셨는데 라디오버튼으로 탭메뉴만들때 갯수상관없이 무조건 라디오 버튼 name에 동일하게 이름을 주면 되는건가요?
-
미해결15일간의 빅데이터 파일럿 프로젝트
하둡 파일 시스템 상태 검사 (hdfs fsck)
하둡 파일 시스템 검사 명령어를 사용해보는 도중에 강사님과 같은 결과가 아닌 이러한결과가 나오는데요 이유가 있을까요? ;ㅁ;
-
해결됨대세는 쿠버네티스 (초급~중급편)
pvc 실습관련 질문
pvc실습에서 pod를 readOnlyMany로 설정한 pvc와 연결한 뒤, 해당 pod안에 들어가서 mount된 볼륨 디렉토리 안에서 파일을 생성/삭제 해보면 잘 동작하는데요. readOnlyMany 로 pv를 만들더라도 읽기전용으로 동작하는건 아닌건가요? 문의드려봅니다.
-
해결됨스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
프로젝트 생성 후 build.gradle Open as Project 시 에러
환경 OS : Mac M1 Pro macOS Monterey Version 12.1 Intellij : Intellij IDEA 2021.3.1(Ultimate Edition) Build #IU-213.6461.79, built on December 29, 2021 Java Version : openjdk version "11.0.11" 2021-04-20 오류 메시지 Could not load wrapper properties from '{프로젝트 경로}/{프로젝트 명}/gradle/wrapper/gradle-wrapper.properties'. 현상 start.spring.io에서 [프로젝트 환경설정] - [프로젝트 생성] 후 Intellij에서 Open을 통해 프로젝트의 build.gradle Open - 오픈 -> 오픈시 Open as Project를 클릭 Window 10에서는 별다른 설정 없이 Gradle에서 라이브러리를 정상적으로 다운 하였으나, Mac에서는 Build 에러 발생(오류 메시지 참조) 해결을 위한 진행 사항 1. 'Could not load wrapper properties from Intellij' 키워드로 검색결과 gradle 버전 문제로 확인되었으나, 해당 프로젝트로 Window 10환경에서 정상적으로 gradle Build되어 해당 케이스 제외 2. Intellij에서 제공하는 New Project를 사용하여 Gradle 프로젝트 Build가 성공 ※ 정상적으로 build를 성공 하였으나, 원인 확인을 위한 분석 진행 분석 사항 1. start.spring.io에서 생성한 프로젝트(이하 spring)와 Intellij에서 생성한 프로젝트(이하 Intellij)의 gradle-wrapper.properties 비교 spring의 distributionUrl : https\://services.gradle.org/distributions/gradle-7.3.3-bin.zip Intellij의 distributionUrl : https\://services.gradle.org/distributions/gradle-7.1-bin.zip 두 설정의 gradle 버전은 각 7.3.3-bin.zip과 7.1-bin.zip으로 버전차이가 있음 Case 1. Intellij 프로젝트의 설정파일을 spring 프로젝트의 설정파일로 덮어씌웠으나 동일한 에러 발생 Case 2. spring 프로젝트의 설정파일을 Intellij 프로젝트의 설정파일로 덮어씌웠으나 정상 결과 : 설정파일 또는 버전의 문제가 아님. 2. 구글링 중 Intellij와 Gradle sync에러 관련 글 확인결과 블로거가 Intellij의 log를 확인 한것을 따라 Intellij의 로그 체크결과 권한 관련 사항이 문제 에러로그 : java.nio.file.FileSystemException: '{프로젝트 경로}/{프로젝트 명}/gradle/wrapper: Operation not permitted' [결론 및 해결 방안] 권한의 문제로 시스템 환경설정 - 보안 및 개인 정보 보호 - 전체 디스크 접근 권한 - Intellij IDEA.app 권한 부여 [질문사항] 1. 권한 허용을 하지 않아도 Intellij에서 생성된 프로젝트는 Build성공한 이유가 궁금합니다. 2. 추가로 Mac에서는 '전체 디스크 접근 권한'을 허용하고 진행하는 것인지, 혹시 환경의 문제가 있는건지 궁금합니다. 긴 질문사항 읽어주셔서 감사합니다.
-
미해결
Bitnami 설치 관련 질문입니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. PHP 학습을 위해 비트나미를 PC에 설치했습니다. 그런데 설치 도중에 It seems you have an antivirus running. In some cases, this may slow down or interfere the installation of the software. Please visit the following link to learn more about this. 라는 문구가 떴는데 설치는 문제 없이 되는 것 같아 대수롭지 않게 넘어갔었습니다. 그런데 며칠 사용하고 나니 아파치가 정상적으로 실행되지 않습니다. 확실치는 않지만, norton 백신 프로그램에서 (ip)의 침입 시도가 차단되었습니다. 라는 메시지가 뜬 이후로 문제가 있는듯합니다. 도중에 아파치 웹서버를 재시작하는 경우가 있어 로그가 조금 길지만 비트나미 에러 로그를 통해 봤을 때는 다음과 같이 나왔습니다. [Sun Jan 23 22:10:30.258215 2022] [mpm_winnt:notice] [pid 6176:tid 476] AH00422: Parent: Received shutdown signal -- Shutting down the server. [Sun Jan 23 22:10:32.283605 2022] [mpm_winnt:notice] [pid 10760:tid 612] AH00364: Child: All worker threads have exited. [Sun Jan 23 22:10:32.303958 2022] [mpm_winnt:notice] [pid 6176:tid 476] AH00430: Parent: Child process 10760 exited successfully. [Sun Jan 23 22:12:20.085106 2022] [ssl:warn] [pid 20908:tid 648] AH01909: localhost:443:0 server certificate does NOT include an ID which matches the server name [Sun Jan 23 22:12:20.125116 2022] [ssl:warn] [pid 20908:tid 648] AH01909: localhost:443:0 server certificate does NOT include an ID which matches the server name [Sun Jan 23 22:12:20.147121 2022] [mpm_winnt:notice] [pid 20908:tid 648] AH00455: Apache/2.4.51 (Win64) OpenSSL/1.1.1l PHP/7.4.27 configured -- resuming normal operations [Sun Jan 23 22:12:20.147121 2022] [mpm_winnt:notice] [pid 20908:tid 648] AH00456: Apache Lounge VC15 Server built: Oct 8 2021 10:03:59 [Sun Jan 23 22:12:20.147121 2022] [core:notice] [pid 20908:tid 648] AH00094: Command line: 'C:\\Bitnami\\WAMPST~1.27-\\apache2\\bin\\httpd.exe -d C:/Bitnami/wampstack-7.4.27-0/apache2 -f C:\\Bitnami\\WAMPST~1.27-\\apache2\\conf\\httpd.conf' [Sun Jan 23 22:12:20.153123 2022] [mpm_winnt:notice] [pid 20908:tid 648] AH00418: Parent: Created child process 8232 [Sun Jan 23 22:12:20.986920 2022] [ssl:warn] [pid 8232:tid 540] AH01909: localhost:443:0 server certificate does NOT include an ID which matches the server name [Sun Jan 23 22:12:21.028930 2022] [ssl:warn] [pid 8232:tid 540] AH01909: localhost:443:0 server certificate does NOT include an ID which matches the server name [Sun Jan 23 22:12:21.048935 2022] [mpm_winnt:notice] [pid 8232:tid 540] AH00354: Child: Starting 64 worker threads. 현재 이 로그도 막 재설치한 상태이기에 구동은 됩니다만, 이전에도 이러다가 아파치 웹 서버가 작동하지 않았기에 이또한 문제가 될 것이라 생각됩니다. 비트나미에서는 다음 링크를 통해 설정을 바꿔주라고 했는데 백신 프로그램도 다르고 해서 어떤 부분을 어떻게 바꿔줘야 할지도 모르겠습니다.. https://bitnami.com/antivirus
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
서버가 다운된다면 ?
멀티스레드 파트 듣고 궁금증이 생겨 질문 드립니다. 만약 제가 서비스를 운영하던 중 트래픽 때문에 서버가 죽어버린 경우 서버 증설을 할수 없다는 가정 하에 어떤 방법으로 이슈를 처리해야 할까요 ? 가정을 하나만 세워놓는게 제가 원하는 답변을 받을 수 있을 것 같아 질문 수정 하겠습니다 ' 마이크로 서비스를 사용하지 않는 상태, 새벽시간에 과도한 트래픽이 유입되는 상황, 작은 규모의 개발 이기 때문에 서버 증설이 어려운 경우 ' -> 미리 대비를 하지 못함. 만약 위라는 가정 하에 was서버가 다운이 되어버린다면 백엔드 개발자로서 당장 취해야 하는 조치는 어떤 것이 있을까요 ?
-
미해결최반장의 엑셀 피벗테이블 마스터 클래스
슬라이서 여러항목 선택
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 슬라이서 창에 다중선택 아이콘이 없는데 생성하는 방법을 알려주세요~
-
미해결남박사의 파이썬 기초부터 실전 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);