질문 & 답변 - 인프런 | 커뮤니티

묻고 답해요

164만명의 커뮤니티!! 함께 토론해봐요.

인프런 TOP Writers

미해결
쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

lounge 플랙스-스페이스비트윈등이 않되요~

안녕하세요? 쌤, 아직은 초보라 질문이 좀 있습니다~ 1. .lounge_cont에 flex justufy-content: space-between으로 이미지와 컨텐트의 간격을 벌려주셨는데 제것은 많이 떨어져있지 않았고, 또 첫번째 이미지가 600px도 아니여서인지 .lounge_txt_wrap의 넓이를 calc(100%-650px)를 주면 글자가 길게 아래로 떨어지길래 이미지를 600px을주고 calc를 (100%-500px)으로줄여서 했어요, 그런데도 이미지와 텍스트 간격이 붙어있어서 굳이 padding-left:50px을 줬습니다. 그랬더니 flex- order:2를 주고 순서가 바뀐 두번째 lou02는 이미지와 글자또 붙어버려서 굳이 이미지에 마진을 줘서 띄었더니 뭔가 좀 안맞는거 같아요. 아래 파일 css보시고 왜 제거는 똑같이 쳤는데 플랙스나 칼크가 다 안맞고 패딩과 마진으로 띄어야하는지 모르겠어요. 2. 그리고, h3를 1.875vw를 주셨는데 글자에 vw를 써본적고 em도 아직 헷갈려서..이게 몇px로 맞추신건지요? 또 html 62.5%라 em이나 %로 주면 안되나요? 3. 그리고 reset.css - body: line-height: 1.5 주셨는데 이건 1.5em이란 뜻맞나요? 이번 텍스트들의 line-height가 65px이런데 왜 그렇게 주시는건가요? 위에처럼 1.5em등으로 맞춰야하지 않나요? 4. 마지막으로 .header_wrap{ max-width: 1100px} 인데요. 맥스위드가 처음이라 그냥 위드와 무슨 차이가 있어서 주신건지 궁금합니다. 질문이 모이다보니 많아 졌네요..너무 감사드립니다. 쇼핑몰 스타일을 포폴로 만들어야하는데 도움 많이 됩니다!^_^ html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>설화수, 아시아의 지혜가 담긴 홀리스틱 뷰티 | 설화수 한국</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui">  <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">  <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="wrap">  <header class="header"> <div class="header_wrap"> <div class="select_language"> <a href="#" class="t_lang"> 한국/한국어 <i class="icon-angle-up"></i> <i class="icon-angle-down"></i> </a> <ul class="select_lang_list"> <li> <a href="#">한국/한국어</a> </li> <li> <a href="#">International/English</a> </li> <li> <a href="#">中国大陆/中文</a> </li> <li> <a href="#">中國香港/繁體中文</a> </li> <li> <a href="#">Hong Kong(China)/English</a> </li> <li> <a href="#">Singapore/English</a> </li> <li> <a href="#">Malaysia/English</a> </li> <li> <a href="#">Việt Nam/Tiếng Việt</a> </li> <li> <a href="#">Indonesia/Bahasa Indonesia</a> </li> <li> <a href="#">ประเทศไทย/ไทย</a> </li> <li> <a href="#">USA/English</a> </li> <li> <a href="#">FRANCE/FRANCAIS</a> </li> </ul> </div> <h1 class="logo"> <a href="#"><img src="img/logo_sulwhasoo.png" alt="logo"> </a> </h1> <div class="header_link"> <a href="#">매장찾기</a> <a href="#">구매하기</a> <a href="#" class="h_open_search"><i class="icon-search"></i> </a> <div class="search_container "> <form action="sarch.jsp"> <div class="search_wrap"> <label for="q" class=blind></label> <input type="search" id="q" class="text"> <button class="submit"> <i class="icon-search"></i> </button> </div> <a href="#" class="sch_close"> <img src="img/bu_x.png" alt="검색창닫기"> </a> </form> </div> </div> </div>  <div class="gnb"> <div class="header_wrap">  <ul class="gnb_menu"> <li class="nav_d1"><a href="#" class="nav_d1_a">브랜드스토리</a></li> <li class="nav_d1 d1_over"><a href="#" class="nav_d1_a">제품</a></li> <li class="nav_d1 d1_over"><a href="#" class="nav_d1_a">설화수라운지</a></li> <li class="nav_d1 d1_over"><a href="#" class="nav_d1_a">스파</a></li> <li class="nav_d1 d1_over"><a href="#" class="nav_d1_a">플래그쉽스토어</a></li> </ul> </div> </div> </header>  <div class="sub_menu"> <ul> <li></li> <li class="nav_d2_box"> <a href="#" class="nav_d2_a">신제품</a> <a href="#" class="nav_d2_a">베스트셀러</a> <a href="#" class="nav_d2_a">스킨케어</a> <a href="#" class="nav_d2_a">메이크업</a> <a href="#" class="nav_d2_a">전설명작</a> <a href="#" class="nav_d2_a">명작컬렉션</a> <a href="#" class="nav_d2_a">남성</a> </li> <li class="nav_d2_box"> <a href="#" class="nav_d2_a">설화수스타일</a> <a href="#" class="nav_d2_a">뷰티리추얼</a> <a href="#" class="nav_d2_a">설화문화전</a> <a href="#" class="nav_d2_a">메거진</a> <a href="#" class="nav_d2_a">소식</a> </li> <li class="nav_d2_box"> <a href="#" class="nav_d2_a">소개</a> <a href="#" class="nav_d2_a">스파프로그램</a> <a href="#" class="nav_d2_a">예약찾기</a> <a href="#" class="nav_d2_a">매장찾기</a> </li> <li class="nav_d2_box"> <a href="#" class="nav_d2_a">소개</a> <a href="#" class="nav_d2_a">리미티드컬렉션</a> <a href="#" class="nav_d2_a">스페셜서비스</a> <a href="#" class="nav_d2_a">예약</a> <a href="#" class="nav_d2_a">소식</a> </li> </ul> </div>  <div class="visual"> <button class="right visu_arrow">right</button> <button class="left visu_arrow">left</button> <ul class="visu_btm_wrap"> <li class="visu_btm_list"><a href="#">btn01</a></li> <li class="visu_btm_list"><a href="#">btn02</a></li> <li class="visu_btm_list"><a href="#">btn03</a></li> <li class="controls_wrap"> <button class="start control">start</button> <button class="stop control">stop</button> </li> </ul>  <ul class="visual_wrap"> <li class="visu_slide"> <div class="visu_veil"></div> <div class="visu_txt_wrap"> <div class="visu_txt_cont"> <div class="visu_tit"> 자음생에센스 </div> <div class="visu_txt_sub01"> Concentrated Ginseng Renewing Serum </div> <p class="visu_txt_sub02"> 진세노믹스™가 선사하는 <br> 3중 마이크로타켓팅으로 <br> 쉽게 무너지지 않는 탄탄한 피부 </p> <div class="visu_btn_wrap"> <a href="#" class="btn_view">자세히보기</a> <a href="#" class="btn_view">구매하러가기</a> </div> </div> </div> </li> <li class="visu_slide"> <div class="visu_veil"></div> <div class="visu_txt_wrap" > <div class="visu_txt_cont"> <div class="visu_tit"> 자음생앰플 </div> <div class="visu_txt_sub01"> Concentrated Ginseng Rescue Ampoule </div> <p class="visu_txt_sub02"> 단 한 번 사용으로도 외부자극으로 시달린<br> 피부를 개선해주는 레스큐 앰플 </p> <div class="visu_btn_wrap"> <a href="#" class="btn_view">자세히보기</a> </div> </div> </div> </li> <li class="visu_slide"> <div class="visu_veil" ></div> <div class="visu_txt_wrap" > <div class="visu_txt_cont"> <div class="visu_tit"> 윤조에센스 <br> 2020 뉴이어 컬렉션 </div> <div class="visu_txt_sub01"> BEAUTY FROM YOUR CULTURE </div> <p class="visu_txt_sub02"> 온 세상에 복을 전하는 <br> 마술같은 여정 <br> 쉽게 무너지지 않는 탄탄한 피부 </p> <div class="visu_btn_wrap"> <a href="#" class="btn_view">자세히보기</a> </div> </div> </div> </li> </ul> </div>   <div class="content"> <div class="recommend"> <h2 class="cont_title">설화수 선물추천</h2>  <div class="recomm_tab"> <a href="#" class="btn_tab on">TRENDING</a> <a href="#" class="btn_tab">BEST</a> <a href="#" class="btn_tab">NEW</a> </div>  <div class="recomm_list_wrap">  <ul class="recomm_list Act"> <li> <div class="recomm_img"> <img src="./img/recom_01.jpg" alt="01"> </div> <div class="recomm_name"> 윤조에센스 뉴이어 리미티드 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_02.jpg" alt="01"> </div> <div class="recomm_name"> 전설명작크림 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_03.jpg" alt="01"> </div> <div class="recomm_name"> 자음생 2종 기획 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_04.jpg" alt="01"> </div> <div class="recomm_name"> 진설 2종기획 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> </ul>  <ul class="recomm_list"> <li> <div class="recomm_img"> <img src="./img/recom_05.jpg" alt="01"> </div> <div class="recomm_name"> 자음생크림 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_09.jpg" alt="01"> </div> <div class="recomm_name"> 자음생에센스 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_07.jpg" alt="01"> </div> <div class="recomm_name"> 자음생유액 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_08.jpg" alt="01"> </div> <div class="recomm_name"> 자음생크림 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> </ul>  <ul class="recomm_list"> <li> <div class="recomm_img"> <img src="./img/recom_09.jpg" alt="01"> </div> <div class="recomm_name"> 윤조에센스 세포라 리미티드 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_10.jpg" alt="01"> </div> <div class="recomm_name"> 옥용팩 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_11.jpg" alt="01"> </div> <div class="recomm_name"> 여윤팩 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> <li> <div class="recomm_img"> <img src="./img/recom_12.jpg" alt="01"> </div> <div class="recomm_name"> 퍼팩팅 파운데이션 클로우 </div> <div class="buy_view_layer"> <a href="#">자세히보기</a> </div> </li> </ul> </div> </div>  <div class="lounge lou01"> <div class="lounge_cont"> <div class="lounge_img"> <a href="#"> <img src="./img/lou_01.jpg" alt="liu01"> </a> </div> <div class="lounge_txt_wrap"> <h3>SHADE picker</h3> <p class="sub_tit">나에게 맞는 컬러가 궁금하다면?</p> <p class="desc">사용 중인 페이스 메이크업 제품 정보를 통 같은 컬러의 설화수 제품을 찾아드립니다.</p> <div class="btn_wrap"> <a href="#" class="btn_view">자세히보기</a> </div> </div> </div> </div> <div class="lounge lou02"> <div class="lounge_cont"> <div class="lounge_img"> <a href="#"> <img src="./img/lou02.jpg" alt="liu01"> </a> </div> <div class="lounge_txt_wrap"> <h3>뷰티리추얼</h3> <p class="sub_tit">윤조 & 자음생<br> 탄력 시너지 듀오 <p class="desc">설화수 대표 윤조에센스 자음생에센스가 선사하는<br> 감동의 탄력 시너지로 올 여름 탄탄한 피부를 느껴보세요 느껴보세요</p> <div class="btn_wrap"> <a href="#" class="btn_view">자세히보기</a> </div> </div> </div> </div> </div> </div>  <script src="js/lib/jquery-3.1.1.min.js"></script> <script src="js/nav.js"></script> <script src="js/visu.js"></script> <script src="js/content.js"></script> <script src="js/flag.js"></script> </body> </html> css @charset "utf-8"; .header{ position: relative; background-color: #fff; z-index: 2; } .header_wrap{ height: 78px; max-width: 1100px; margin: auto; display: flex; justify-content: space-between; padding: 0 7%; position: relative; } .select_language{ position: relative; padding-top: 16px; font-size: 1.1em; /*11px, html: 62.5% = 1em =10px*/ letter-spacing: .05em; width: 25%; text-align: left; /*기본*/ } .select_language .t_lang i{ position: absolute; left: 80px; top: 16px; } .icon-angle-up{ opacity: 0; } .icon-angle-down{} h1.logo { /*상하정렬*/ align-self: center; /* display: flex; align-items: center; */ } h1.logo img{ width: 166px; } .heqader_link{ width: 25%; padding-top: 16px; text-align: right; } ul.select_lang_list{ position: absolute; top: 36px; left: 0; padding: 12px 0; border: 1px solid #191919; background-color: #fff; box-shadow:0 3px 3px rgba(0,0,0,.3); z-index: 3; visibility: hidden; } ul.select_lang_list a{ display: block; padding: 6px 21px 4px 18px; } /* show-js */ .select_language.show .select_lang_list{ visibility: visible; } .select_language.show .icon-angle-up{ opacity: 1; } .select_language.show .icon-angle-down{ opacity: 0; } .header_link{ width: 25%; padding-top: 16px; text-align: right; } .header_link>a{ display: inline-block; margin: 0 .2em; padding: 1px 8px 0 10px; font-size: 11px; position: relative; } .header_link>a:after{ display: block; content: ""; position: absolute; top: 1px; right: -4px; width: 1px; height: 12px; background-color: #eee; } .header_link> a.h_open_search:after{ display: none; } .search_container{ position: absolute; right: 100px; top:calc(50%-20px); /* margin-top: 20px; */ padding-bottom: 5px; /* width: 308px; */ /* 초기세팅- 감춰두기 */ width: 0; opacity: 0; visibility: hidden;/*마우스올려도 손 안나옴*/ transition: width 1s, opacity 0.1s; /* , 로 위드, 오파시티 두요소에 트랜지션 준것임 */ } .search_container.show{ width: 308px; opacity: 1; visibility: visible; } .search_wrap{ border: 1px solid #ccc; } .search_wrap input.text{ border: none; height: 48px; padding: 8px 12px; font-size: 16px; outline: none; width: 100%; } .search_wrap .submit{ position: absolute; top: -4px; right: -17px; font-size: 24px; color: #aaa; /* color: transparent; */ } .sch_close{ position: absolute; top: 0; right: -60px; } /* gnb */ .gnb{ background-color: #fff; height: 30px; } .gnb .header_wrap{ height: 100%; }/*중앙배치 반복*/ ul.gnb_menu{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid transparent; } ul.gnb_menu li.nav_d1{} ul.gnb_menu li .nav_d1_a{ display: block; padding: 5px 20px 10px; } ul.gnb_menu li.nav_d1.d1_over{} /* sub_menu */ .sub_menu{ position: absolute; z-index: 1; left: 0; width: 100%; height: 35px; top: -100%; /* top: 108px; */ opacity: 1; transition: top 0.5s; background-color: #fff; } .sub_menu li.nav_d2_box{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; } .nav_d2_a{ font-size: 13px; padding: 0 20px; } /* js */ .gnb.active .gnb_menu{ border-bottom: 1px solid #d5d5d5; } .sub_menu.on{ top: 108px; } .sub_menu li.nav_d2_box.Over{ opacity: 1; } /* visual */ .visual{ max-width: 1920px;/*고정넓이값*/ margin: auto; position: relative; z-index: 0;/*sub_menu아래니까*/ } .visual_wrap{ position: relative; height: 550px; background-color: gray; } .visu_slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center/top; background-repeat: no-repeat; background-size: cover; opacity: 0; } .visu_slide.on{ opacity: 1; } .visu_slide:nth-child(1){ background-image:url(../img/visu_pc_01.jpg); } .visu_slide:nth-child(2){ background-image:url(../img/visu_pc_02.jpg); } .visu_slide:nth-child(3){ background-image:url(../img/visu_pc_03.jpg); } .visu_veil{ position: absolute; right: 0; top: 0; width: 0; /* width: 44%; */ height: 100%; opacity: 0; } .visu_slide:nth-child(1) .visu_veil{ background: rgba(237,185,46,.3); } .visu_slide:nth-child(2) .visu_veil{ background-color: rgba(164,105,53,.3); } .visu_slide:nth-child(3) .visu_veil{ background-color: rgba(140,171,217,.5); } .visu_txt_wrap{ position: absolute; right: 0; top: 0; width: 44%; height: 100%; opacity: 0; /* 안보이게 해놈 js*/ } .visu_txt_cont{ width: 414px; height: 100%; display: flex; flex-flow: column; align-items:flex-end; justify-content: center; color: #fff; text-align: right; } .visu_tit{ font-size: 42px; font-family: 'Buri', serif; line-height: 54px; } .visu_txt_sub01{ font-size: 18px; font-family: 'Buri', serif; } .visu_txt_sub02{ margin: 45px 0 0; font-size: 20px; font-family: 'Buri', serif; text-align: right; } .visu_btn_wrap{ margin: 30px 0 0; } .visu_btn_wrap .btn_view{ display: inline-block; width: 132px; height: 38px; border: 1px solid #fff; color: #fff; font-size: 15px; line-height: 35px; text-align: center; margin: 3px; } .visu_arrow{ position: absolute; z-index: 2; top:calc(50% - 29px); /*calc 쓸떄 - 사이 반드시 띈다...-_- 50% - 20px*/ height: 58px; width: 30px; text-indent: -9999px;/* 아보이게 날린다*/ background-position: left top;/*0 0*/ background-repeat: no-repeat; } .right.visu_arrow{ right: 20px; background-image: url(../img/main-kv-arr-r.png); } .left.visu_arrow{ left: 20px; background-image: url(../img/main-kv-arr-l.png); } ul.visu_btm_wrap{ position: absolute; z-index: 2; bottom: 24px; width: 100%; text-align: center; } ul.visu_btm_wrap li{ display: inline-block; padding: 0 5px; } li.visu_btm_list a{ display: block; background-color: #fff; width: 10px; height: 10px; border-radius: 5px; text-indent: -99999px; transition: 0.3s; } li.visu_btm_list.Act a{ width: 25px; } li.controls_wrap .control{ width: 10px; height: 10px; background-position: 0 0; background-repeat: no-repeat; background-size: contain; /* background-color: #f00; */ text-indent: -9999px; position: absolute; top: -3px; } .start.control{ background-image: url(../img/btn-play-pc.png); display: none; } .stop.control{ background-image: url(../img/btn-stop-pc.png); } /* content */ .content{ width: 1140px; margin: auto; } .recommend{ margin-top: 120px; } h2.cont_title{ padding-bottom: 30px; color: #030200; font-size: 28px; font-weight: normal; font-family: 'Buri' ,serif; text-align: center; } .recomm_tab{ width: 762px; height: 42px; margin: 0 auto 25px; display: flex; } .recomm_tab a.btn_tab{ width: calc(100%/3); text-align: center; font-size: 17px; line-height: 42px; border-bottom: 2px solid #e6e6e6; } .recomm_tab a.btn_tab.on{ color: #b17c5c; font-weight: bold; border-bottom: 2px solid #b17c5c; } .recomm_list_wrap{ height: 434px; } ul.recomm_list{ display: none; } ul.recomm_list.Act{ /* display: block; */ display: flex; } ul.recomm_list li{ width: 25%; position: relative; padding: 34px 35px 0; } ul.recomm_list li .recomm_img{} ul.recomm_list li .recomm_img img{ width: 290px; } ul.recomm_list li .recomm_name{ padding: 0 0 25px; color: #333; font-size: 18px; text-align: center; font-family:"Buri" serif; letter-spacing: -.1em; } ul.recomm_list li .buy_view_layer{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(242,242,242,.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s; cursor: pointer; } ul.recomm_list li:hover .buy_view_layer{ opacity: 1; } .buy_view_layer>a{ display: block; width: 178px; height: 38px; border: 1px solid #555; background-color: #fff; font-weight:bold; font-size: 15px; line-height: 38px; text-align: center; } /* lounge */ .lounge{ margin-top: 70px; padding: 0 90px; height: 590px; } /* 여기서부터 안되서 다르게썻어요~ */ .lounge_cont{ display: flex; height: 100%; align-items: center; justify-content: space-between; } .lounge_img{ width: 600px; } .lounge_img img{ width: 100%; } .lounge_txt_wrap{ width: calc(100% - 500px); padding-left: 50px; } .lounge_txt_wrap h3{ border-bottom: 1px solid #c3bdb6; color: #6a481b; font-size: 1.875vw; font-family: 'Buri',serif; } .sub_tit{ margin: 40px 0 0; color: #000; font-size: 46px; line-height: 65px; font-family: 'Buri',serif; } .desc{ margin: 16px 0 54px; color: #333; font-size: 20px; line-height: 32px; } .btn_wrap{ display: inline-block; height: 38px; padding: 0 44px; border: 1px solid #555; font-size: 15px; color: #555; line-height: 38px; } .lou02 .lounge_img{ order:2; } .lou02 .lounge_text_wrap{ }

Jennifer oh · 2021.08.11 · 쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

투표점수

1

조회수

257

답변

2
미해결
공공데이터로 파이썬 데이터 분석 시작하기

df.describe(include="object")

df.describe(include="object")은 문자열 데이터만 요약이 되고 describe는 수치데이터만 요약이 되는건가요만약 describe 수치 데이터만 요약이되면 df["상권업종대분류명"].describe() 여기서는 "상권업종대분류명"의 수치가 요약되는 건가요 include="object 과 describe 의 너무 헷갈립니다

이현민 · 2021.08.11 · 공공데이터로 파이썬 데이터 분석 시작하기

투표점수

1

조회수

585

답변

1
미해결
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

sequelize findOne 관련 질문드리고 싶습니다.

이미 workbench 에서 테이블을 구성해놓았는데, sequelize 를 이용해서 findOne 을 하고싶은데요! 예를들어 워크벤치에 user 테이블이 있으면 models 폴더에 user class를 안만들어도 되니까 생성을 안했는데, 그러면 어떻게 findOne 으로 user 테이블에 있는 데이터를 가져올 수 있을까요?

whsrpdla · 2021.08.11 · [리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

투표점수

0

조회수

995

답변

1
미해결
[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

Flatten 이후 SVM 적용하는 과정에서 질문이 있습니다.

Feature Map 데이터를 Flatten한 후 그 데이터를 바로 SVM에 적용시키는 것인가요 아니면 Flatten한 후 DNN을 통과시켜 얻어진 값들을 softmax를 통과시키지 않고 SVM에 적용시키는 것인가요??

김남욱 · 2021.08.11 · [개정판] 딥러닝 컴퓨터 비전 완벽 가이드

투표점수

0

조회수

259

답변

1
미해결
탄탄한 백엔드 NestJS, 기초부터 심화까지

typeORM과 몽구스 비교 질문 드립니다

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. typeorm의 경우 imports의 forFeature에서 entity를 직접 넣어주고, providers에 repository를 삽입하지 않고 repository.ts를 만들지 않더라도 서비스에서 바로 Repository<DTO> 처럼 typeORM 제공 레포지토리를 이용해서 사용할 수 있는 것으로 알고 있습니다. 몽구스와 typeORM의 차이 때문에 그런 것 같은데, 몽구스의 경우 레포지토리 패턴을 사용하려면 항상 repository.ts를 만든 뒤 providers에 직접적으로 Repository를 입력해주어야 하나요?

G General · 2021.08.11 · 탄탄한 백엔드 NestJS, 기초부터 심화까지

투표점수

1

조회수

905

답변

1
미해결

dev c++에서 1부터 1000까지의 합 코드

강사님이랑 똑같은 코드인데 저만 오류가 나네요,,ㅠ ---------------------------- #include <stdio.h> int main(void) { int i=1, sum=0; while(i<=1000) { sum=sum+i; i++; } printf("1부터 1000까지의 합은 %d입니다.\n",sum); return 0; } -------------------------------- 너무 간단한 코드인데 오류가 나니까 너무 답답하네요 원인을 알 수있을까여? 참고로 오류는 C:\Users\user\Desktop\collect2.exe [Error] ld returned 1 exit status 이렇게 뜹니다

p2153158 · 2021.08.11

투표점수

0

조회수

147

답변

0
미해결
자바스크립트 중고급: 엔진 핵심

정리시간입니다.

// 실행 콘텍스트 정리 function book() { function get() { return point; }; var point = 123; return get(); }; console.log(book()); // 123 function 키워드를 만나서 function 오브젝트 생성 이때 book()의 [[Scope]]에 글로벌 스코프 설정 함수 표현식과 변수가 없어서 코드 실행 book() 함수를 호출 엔진은 실행 콘텍스트를 생성하고 실행 콘텍스트 안으로 이동 -- 준비 컴포넌트를 생성하여 실행 콘텍스트에 첨부 환경 레코드를 생성하여 렉시컬 환경 컴포넌트에 첨부 book 함수 안의 함수, 변수를 환경 레코드에 바인딩 외부 렉시컬 환경 참조를 생성하여 렉시컬 환경 컴포넌트에 첨부 해당 사항 없음. function 오브젝트의 [[Scope]] 참조 (글로벌 스코프) 실행 콘텍스트: { 렉시컬 환경 컴포넌트: { 환경 레코드: { }, 외부 렉시컬 환경 참조: { } }, 변수 환경 컴포넌트: { }, this 바인딩 컴포넌트: { } } --초기화-- 함수 선언문을 만나 get function 오브젝트 생성 이때 내부의 [[scope]]에 스코프 설정 변수에 초기값 설정 여기까지 외부에 실행 상태를 제공하지 않음 실행 콘텍스트: { 렉시컬 환경 컴포넌트: { 환경 레코드: { get: function(){}, point: undefined }, 외부 렉시컬 환경 참조: { } }, 변수 환경 컴포넌트: { }, this 바인딩 컴포넌트: { } } -- 실행 함수 안의 코드 실행 point 변수에 123 할당 return get(); get() 함수 호출 엔진은 실행 콘텍스트 생성, 실행 콘텍스트 안으로 이동 실행 콘텍스트: { 렉시컬 환경 컴포넌트: { 환경 레코드: { }, 외부 렉시컬 환경 참조: { point: 123 } }, 변수 환경 컴포넌트: { }, this 바인딩 컴포넌트: { } } -- 다시 준비 위의 준비 단계를 거친다. 외부 렉시컬 환경 참조를 생성하여 렉시컬 환경 컴포넌트에 첨부 point: 123 -- 다시 초기화 함수 안에 함수 선언문과 함수 표현식 변수가 없다. -- 다시 실행 함수 안의 코드를 실행한다. return point; 환경 레코드에서 먼저 찾고 없으면 외부 렉시컬 환경 참조에서 point를 찾는다. 실행 콘텍스트 안의 관련된 함수와 변수 사용 가능 외부 렉시컬 환경 참조에 있는 point 변수를 사용해서 123 반환 conosole에서 반환 값인 123이 출력됨. 이렇게 이해했습니다.!

buriburi · 2021.08.11 · 자바스크립트 중고급: 엔진 핵심

투표점수

6

조회수

221

답변

0
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

강의 13분쯤에서 title 클래스의 opacity 관련 질문 있습니다.

main-container의 opacity: 0.8; 로 둬서 그런지 title 글자의 색깔을 #fff로 해도 흰색이 안나오고 opacity가 적용되어서 그런지 투명한 흰색이 나옵니다. title 안에서 color : #fff; 로 해도 적용 안됩니다. ㅜㅜ 어떻게 하면 흰색으로 만들 수 있을지 궁금합니다

lll · 2021.08.11 · 풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

투표점수

0

조회수

159

답변

1
해결됨
스프링 프레임워크 핵심 기술

Bean 을 특정 Application...Event 발생 후, 등록하는 방법이 궁금합니다

`App 초기화 이후 App..Event 발생시점에 Bean 등록이 가능할까요?` 이런 방법이 필요한 배경은 이렇습니다.DB 데이터가 초기화 된 이후, S.Security 에서 URL 리소스를 불러들이는 클래스가 있는데, 이 클래스(Filter)가@Bean 으로 되어 있으면, DB 에 데이터가 INSERT 되기 전에Bean 등록과 동시에 Security 설정이 완료가 되버려 DB에 없는 URL 인가정보를 SELECT 해서 인가처리가 불가능 하더라구요. 그래서 사용한 방법이 Filter POJO화 입니다. Filter @Bean 등록 메서드에 @Bean 주석처리 후 POJO 화 시킨다음 초기화시 POJO 를 사용하고,러닝타임(ContextRefreshedEvent 발생이후) 부터 기존 POJO 를 Bean 으로 등록하여 사용하려는 목적 때문에이런 방법을 시도해보게 되었습니다. 강의영상에서 가능 할 듯한 내용을 확인한 부분은 context = new ApplicationConfigApplicationContext(Config.class) 즉, context 를 통해 Filter 가 빈으로 등록되는 Config 를 만들어 등록하려는데요, 질문입니다 @EventListener(ContextRefreshedEvent.class) public void onContextRefreshedEvent() { ... ... } 이렇게, 핸들러 안에서 AppConfigAppContext 를 생성하여 등록하는 방법이 가능한가요? 불가능하다면, 가능한 방법이 있을까요? 이런 부분에 대해 조언을 구합니다.읽어주셔서 감사해요

Truestar · 2021.08.11 · 스프링 프레임워크 핵심 기술

투표점수

0

조회수

590

답변

3
미해결

Contact Robinhood Support to realize the most ideal approach to procure benefit by exchanging:

On the off chance that you have as of late began to utilize a Robinhood account, you should require the assistance of specialists to explore this application. We prescribe you to contact the Robinhood Support group accessible as needs be to think about this application. Leaders will inform you regarding the well-known administrations and exchanging elements of Robin hood.

albert lisy · 2021.08.11

투표점수

0

조회수

117

답변

0
미해결
게임 프로그래머 취업 전략 가이드

수학관련

게임을 만드는것이나 혹은 개발쪽에서 수학을 다시 검토차 공부를 하면서 강사님 강의를 병행하려고 합니다. 혹시 수학을 이산수학,선형대수 이외의 어느것을 하면 좋을까요??

김망 · 2021.08.11 · 게임 프로그래머 취업 전략 가이드

투표점수

0

조회수

208

답변

1
미해결

How to Handle The Situation If Robinhood Steal Your Money?

If it looks that Robinhood Steal Your Money, you can immediately apply for a refund to get your money back to your account with optimum ease. Apart from that, you need to go to the official help and support section of Robinhood account and come to know the right information in a hassle-free manner. https://www.7qasearch.net/blog/does-robinhood-steal-your-money/

albert lisy · 2021.08.11

투표점수

0

조회수

105

답변

0
미해결

Fix the technical problems with reliable eBay Customer Service

Getting problems with an eBay account is common. By availing eBay Customer Service, you can remove all kinds of woes. eBay users will get a quick response for troubleshooting the problems. The techies of ebay will handle the problems by offering proper guidance and troubleshooting steps. Connect with experts for instant reliable help.

albert lisy · 2021.08.11

투표점수

0

조회수

79

답변

0
미해결
[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

DummyClient.PlayerInfoReq.Write()의 동작 원리 중 질문이 있습니다.

SendBufferHelper를 통해 Open만 해줬을 뿐인데 어떻게 s가 ThreadLocalStorage에 있는 SendBuffer의 _buffer 값에 접근을 할 수 있는지 궁금합니다. 다시 말해 s는 분명 구조체 타입이고, TryWriteBytes로 s에 패킷 데이터를 밀어 넣어준 다음에 SendBufferHelper.Close를 했는데, 어떻게 s의 정보가 ThreadLocalStorage에 있는 SendBuffer의 _buffer에도 남아 있는지 궁금합니다. 디버깅을 찍어보니깐 SendBuffer.Close()가 호출이 될 때, 새롭게 생성한 ArraySegment의 인자로 들어가는 _buffer 값이 s의 값이더라구요. 패킷의 데이터를 실제로 넣은 곳은 s인데 어떻게 ThreadLocalStorage에 있는 SendBuffer의 _buffer 값에도 영향을 주는 것인지.. ArraySegment가 class 타입이면 SendBufferHelper.Open으로 생성한 ArraySegment 를 참조해서 가능하겠거니 이해가 되겠는데 struct 타입이라 도저히 이해가 되지 않아요..ㅠ 어떤 마법과도 같은 일이 있었는지 알려주시면 감사하겠습니다 :D

차동훈 · 2021.08.11 · [C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

투표점수

0

조회수

425

답변

1
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

이거는 왜 뜨는 건가요??ㅠㅠ

utocomplete-python traceback output: Traceback (most recent call last): File "C:\Users\user\.atom\packages\autocomplete-python\lib\completion.py", line 8, in <module> 찾아서 열어보면 line 8에 jedi를 찾을 수 없다라고 하던데요....

김종선 · 2021.08.11 · 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

투표점수

1

조회수

174

답변

1
미해결

Through eBay Customer Service, fix the technical issue

Is there any sign in issues with eBay account? Not able to add more accounts to the eBay account? With eBay Customer Service, all the technical errors will be rectified immediately. The tech support team will handle every issue in no time. You can talk directly to the professionals for more help.

albert lisy · 2021.08.11

투표점수

0

조회수

136

답변

0
미해결
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

반복문 초기값 조건식

타임리프에서 jstl의 foreach 처럼 시작값 끝값 설정은 할 수 없나요??

rhdeovy5 · 2021.08.11 · 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

투표점수

0

조회수

178

답변

1
미해결

Immediately converse with Chime Customer Service executives:

If you are chime users and having issues in accessing your app then immediately initiate to converse with the Chime Customer Service executives. They are available round the clock to help their customers to listen to them and fix the unexpected situations they face, unfortunately. They implement the latest techniques to resolve the Chie tech issues and enable their customers to know more about the online payment app.

albert lisy · 2021.08.11

투표점수

0

조회수

83

답변

0
미해결
게임 프로그래머 취업 전략 가이드

책 추천해주실 수 있나요?

전공서적 말고 책 추천해주실 수 있나요? 어떤 책이든 상관없어요.

문희찬 · 2021.08.11 · 게임 프로그래머 취업 전략 가이드

투표점수

0

조회수

615

답변

4
미해결
스프링 핵심 원리 - 기본편

롬복 설정 후 build.gradle 오류

강의에서 나온대로 build.gradle설정을 변경 후 reload all gradle projects 버튼을 누른 후 이런 오류 메시지가 뜨는데 어떻게 해결해야 하나요?

코딩어게인 · 2021.08.11 · 스프링 핵심 원리 - 기본편

투표점수

0

조회수

287

답변

2

인기 태그

주간 인기글