묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 MySQL on Docker
Dockerfile의 구문에서 궁금한게 있습니다.
/usr/bin/install -m 0775 -o mysql -g mysql -d /var/lib/mysql \ /var/run/mysqld /docker-entrypoint-initdb.d 해당 구문의 동작이 잘 이해가 되지 않아 문의 드려 봅니다. install의 동작은 cp와 유사한걸로 알고 있습니다. 권한을 주는 옵션은 이해가 갑니다 그리고 -d /var/lib/mysql 옵션은 대상 폴더가 있으면 목표 폴더로 하고 없으면 생성하는 옵션으로 알고 있습니다. 이후 /var/run/mysqld /docker-entrypoint-initdb.d 구문이 이해가 잘 안되어 질문을 드립니다. /var/run/mysqld 폴더의 내용을 /docker-entrypoint-initdb.d에 복사하는게 맞는건가요? 그리고 옵션으로 생성한 /var/lib/mysql 폴더에도 복사 하는게 맞는건지요? 개인적으로 잘 사용하지 않는 명령어라 검색 후 비교 하면서 이해를 하는데 해당 부분이 잘 이해가 안갑니다. 설명을 부탁 드립니다
-
미해결만들면서 배우는 리액트 : 기초
localStorage.getItem(
안녕하세요! 강의 잘 듣고 있습니다!! ╰(*°▽°*)╯ localStorage.getItem("counter") 라고 작성해주면 처음에 local storage에 counter라는 key가 생성되지 않았을때는 null값을 가지는걸 console.log로 확인해봤습니다 객체에 존재하지 않는 property는 undefined라고 생각햤는데... 왜 undefined가 아니라 null인지 궁금해요!
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
JPA selfjoin
[질문 템플릿]1. 강의 내용과 관련된 질문인가요?실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예[질문 내용]오라클에 있는 self 조인은 dsl문으로 불가능한가여? 예시 TABLE A PK 데이터1, 데이터2 TABLE B PK FK1 FK2 연관관계를 조회하고싶습니다. TABLE A에 있는 PK 데이터 1, 데이터2 들이 서로 연관되어있다는걸 예시입니다. TABLE A -> TABLE B -> TABLE A
-
해결됨실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
회원 테스트 NullPointException 에러
강의자료로 제공해주신 소스코드를 모두 확인했는데도 계속 NullPointException 에러가 납니다. 한 가지 다른 점이 있다면 @RunWith를 @ExtendWith으로 변경했습니다. 이유를 알 수 있을까요? java.lang.NullPointerException at jpabook.jpashop.service.MemberServiceTest.회원가입(MemberServiceTest.java:30) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at org.junit.runners.model.FrameworkMethod$1.runReflectiveCall(FrameworkMethod.java:59) at org.junit.internal.runners.model.ReflectiveCallable.run(ReflectiveCallable.java:12) at org.junit.runners.model.FrameworkMethod.invokeExplosively(FrameworkMethod.java:56) at org.junit.internal.runners.statements.InvokeMethod.evaluate(InvokeMethod.java:17) at org.junit.runners.ParentRunner$3.evaluate(ParentRunner.java:306) at org.junit.runners.BlockJUnit4ClassRunner$1.evaluate(BlockJUnit4ClassRunner.java:100) at org.junit.runners.ParentRunner.runLeaf(ParentRunner.java:366) at org.junit.runners.BlockJUnit4ClassRunner.runChild(BlockJUnit4ClassRunner.java:103) at org.junit.runners.BlockJUnit4ClassRunner.runChild(BlockJUnit4ClassRunner.java:63) at org.junit.runners.ParentRunner$4.run(ParentRunner.java:331) at org.junit.runners.ParentRunner$1.schedule(ParentRunner.java:79) at org.junit.runners.ParentRunner.runChildren(ParentRunner.java:329) at org.junit.runners.ParentRunner.access$100(ParentRunner.java:66) at org.junit.runners.ParentRunner$2.evaluate(ParentRunner.java:293) at org.junit.runners.ParentRunner$3.evaluate(ParentRunner.java:306) at org.junit.runners.ParentRunner.run(ParentRunner.java:413) at org.junit.runner.JUnitCore.run(JUnitCore.java:137) at com.intellij.junit4.JUnit4IdeaTestRunner.startRunnerWithArgs(JUnit4IdeaTestRunner.java:69) at com.intellij.rt.junit.IdeaTestRunner$Repeater.startRunnerWithArgs(IdeaTestRunner.java:33) at com.intellij.rt.junit.JUnitStarter.prepareStreamsAndStart(JUnitStarter.java:235) at com.intellij.rt.junit.JUnitStarter.main(JUnitStarter.java:54)
-
미해결공공 데이터 (오픈 데이터) 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에서 귀무가설이 참이라는 것이 실제는 거짓이라는 것과 같은 뜻인가요?