저도 원래는 styled-components를 주로 사용했었는데, 최근에 css 관련 설문조사에서 tailwind CSS를 알게 되어서 써봤는데 참 편하더라구요. 사실 완전히 다른 개념이긴 한데, emotion을 여기서 다루니 어떻게 생각하시는 지 궁금해서 글을 남겨봅니다. 개인적으로는 획일적인 디자인 스타일을 만들기에 안성 맞춤 같더라구요. 변수 만들어 놓고 사용하는 느낌이라고 해야하나?

안녕하세요 라이브러리를 불러오고 난 다음fdr.StockListing("KRX")를 입력하고 출력했는데 위와 같은 오류가 납니다.. 왜 그런지 모르겠어요..

5.2강의에서 마지막에 내주신 과제 답이 뭔가요?  if구문을 활용하여 짝수 골라내는 코드 답이 뭔가요 밑에와 같이 했습니다. 맞나요..? for v in range(50,100):     if v%2==0:         print(v)

비전공자로 혼자 게임만들기를 도전하고 있습니다. 강의 중 2:45 즈음에서 한 채널에 사운드 하나만 사용하는것이 비효율적이라 하셨는데요... 한 채널에 여러 사운드를 사용하는 효율적인 방법을 소개해 주실수 있을까요?

안녕하세요. CASCADE 옵션은 객체의 이점을 살려서 DB를 다룰 수 있는 점, 그리고 각각 persist/remove하는 것보다 편리하게 저장할 수 있다는 점에서 나름 이점이 있다고 생각됩니다. 강의를 보면서 몇가지 궁금점이 생겼는데 정리하여 질문드려요. <질문> 1. 실무에서는 사실상 데이터베이스의 데이터를 삭제하는 경우가 그리 많지 않았습니다. 그렇기에 특히나 cascade의 remove 옵션은 배제하는것이 더 좋지 않을까라는 생각이 드는데요. 이 또한 실무에서 사용을 자주 하는 편인가요? (물론 경우에 따라 다르다고 생각하긴 합니다) 2. 만약 cascade 옵션을 사용하는 경우가 있다면 persist도 자주 사용을 하는 편인가요? 3. 모든 엔티티를 cascade를 사용하지않고 직접 persist()를 통해 DB에 저장/삭제 시켜주는것이 좀 더 명시적이라고 생각됩니다. (관계 매핑 옵션을 확인하지 않고 실제 코드만 보고도 정확하게 하는 동작을 파악할 수 있기 때문에)이 부분에 대해서 영한님의 의견을 듣고 싶습니다. 모든 질문 실무에서의 경험을 섞어서 답변 주시면 감사하겠습니다!

강의듣고 SWR로 구현하려고 하는중에 질문드립니다. 조회 버튼을 눌렀을때 특정 상태값을 true로 바꾸로 swr로 호출합니다.  근데 계속해서 서버쪽을 반복해서 호출합니다. 이를테면 아래와 같이 호출합니다.  조회버튼 누를때는 useSWR이 실행되고 실행되지 않게 하는방법이 있습니까? 계속해서 response 304를 호출하고 있습니다. const { data: outboundProgressMasterData, error: outboundProgressMasterError } = useSWR(onData ? `http://localhost:3065/outbound/progressListMaster/${onData?.center_cd}/${onData?.cust_cd}/${onData?.start_date}/${onData?.end_date}/${onData?.query_index}` : null, fetcher);

안녕하세요 선생님 먼저 좋은 강의 정말 감사합니다. 저는 [yolo raccoon custom 강의]를 보고 keras-yolo에 제 데이터에 custom하는 작업을 진행 중인데요. 문제는 제 데이터 양 때문인지 한 1epoch 당 3시간 정도가 걸립니다. 저는 aws 를 사용하고 있는데 이게 오래 학습을 시키면 저절로 서버다운이 되고... 중간에 학습모델 저장이 쉽지가 않습니다. 그래서 2epoch씩 학습시키고 저장하고 -> 저장된 모델을 로드해서 다시 2epoch 학습하고 이런 방식으로 노동을 하고자 하는데 그 방법을 여쭈어보고 싶습니다. 여기서 저장된 모델 이름은 trained_weight_stage_1.h5 입니다. fine-tune은 할 엄두도 못내고 있구요... 1. 2epoch 학습한 trained_weight_stage_1.h5 를 yolo.h5 자리에 넣고 학습시키면 되는 걸까요? 2. 어느정도 학습한 모델을 이어서 그다음 코드인 fine-tune 단계만 진행하려면  어떻게 해야할까요?

리눅스 비밀번호가 몰까요?

(docker)ubuntu-18.04.2-desktop-amd64.ova 요거 root 비밀번호가 몰까요??

자바스크립트 배워야지 배워야지 해놓고 다른 프레임워크에 의존하고 템플릿 엔진의 의존하고 하니 순수 자바스크립트는 손을 안대게 되더라구요.  앞으로도 계속 이러면 정말 안될 거 같아서 열심히 수강중입니다. 이번 과제도 템플릿엔진만으로 사용해서 그런지 자바스크립트로 표현하려 하니 저한텐 낯설면서 어렵네요 ㅠㅠ 아직은 많이 부족하지만 선생님 강의 열심히 보면서 점점 더 성장하는 모습 보여드리려고 합니다. 항상 좋은 강의 감사합니다 window.onload = function () { var list = Array(); for (var i = 1; i <= 10; i++) { list.push('<li id=id', i, '>', String('id' + i) ,' </li>'); console.log(list); } document.body.innerHTML = '<ul>' + list.join('') + '</ul>';};

해당 스크립트를 똑같이 쳐서 적용시켰을때 그랩마켓 페이지 개발자도구에서 imageUrl 문장에 대해서  Unexpected identifier 라는 오류가 발생했습니다.  해당 문장을 지우고 나니 영상과 같은 값을 얻었습니다. 무엇이 잘못된것이었는지 알 수 있겠습니까?

안녕하세요. 항상 좋은 강의 감사드립니다. 새로운 엔터티를 구별하는 방법에서 궁금한 부분이 있어 질문 드립니다. 일반적으로 수정을 위해 findById를 통해 Entity 객체를 영속화 시킨 후 필요한 칼럼을 변경처리 하고 있습니다. 이러면 변경감지를 통해 트랜잭션 종료 구간에서 자동 update 쿼리가 발생이 되는데요... 만약 이 상태에서 repository.save(entity)를 수행하게 되면 혹시 문제가 발생할 만한 포인트가 있는지 궁금합니다. 내부 로직을 보면 아마도 save()에서 SPring Data JPA가 merge를 수행할것 같은데요... 보통 준영속성 상태 객체를 merge하는건 좋은 방법이 아닌것 같지만 이 처럼 findById를 통해 영속화 되어 있는 객체를 merge 하게 되면 혹시나 별도 주의사항이 있지는 않는지 문의 드립니다. 감사드립니다.

[21544:13692:0414/141149.846:ERROR:device_event_log_impl.cc(214)] [14:11:49.846] USB: usb_device_handle_win.cc:1056 Failed to read descriptor from node connection: 시스템에 부착된 장치가 작동하지 않습니다. (0x1F) 이런 오류가 나오는데 왜 그러는건가요?ㅠㅠ프로그램은 문제없이 돌아가는데 로그 오류가 뜨는데 이유가 궁금해서 질문 올립니다!

언제나 좋은 수업 해주셔서 감사합니다. 문제에 대해 질문이 하나 있는데, 이 문제는 조건이 "넓이" 와 "무게" 둘 뿐이기 때문에 둘중 하나를 정렬 시켜 놓고 LIS방법을 사용하면 되지만, 변수가 3개 이상이라면 이 방법은 불가능 해 보이는데 혹시 어떤 알고리즘을 사용해야 하나요? 또는 이 LIS방법에 3개 이상의 조건을 만족시켜서 동적으로 계획하는 법이 있나요?

    for( var i = 0; i < pointBtnAll.length; i++ ){         (function(idx) {             pointBtnAll[idx].onclick = function() {                 // alert(idx);                 pageNum = idx;                 pageChangeFunc();             }         })(i); <<이부분 여기 i가 무슨 의미인가요?      }

다음과 같이 에러가 생기는데 괜찮은 건지 확인부탁드립니다. <style.css> 소스입니다. @charset 'utf-8'; body{     margin:0;     background-color: #fff;     color:#222328;     font-size:15px; } a{     color:#222328;     text-decoration: none; } .container{     width:1000px; } .container > div{     float:left;     box-sizing: border-box; } .left{     width:200px;      } header{     position:relative;     z-index:10; } header > div {      } .header-logo{     height:100px;     line-height: 130px;         } .navi{     height:450px;      } .right{     width:800px; } .right > div{      } .slide{    } .slide > div{       height:350px; } .items{     overflow:hidden; } .items > div{     border:1px solid pink;     height:200px;     float:left;     box-sizing: border-box;     } .content{     width:300px; } .gallery{     width: 300px; } .banner{     width: 200px; } footer{} footer > div{     float:left;      box-sizing: border-box;     height:100px;      } .copyright{     width:600px;     text-align: center;     padding-top:40px;      } .footer-inner{     width:200px;      } .footer-inner div {     height: 50px;     box-sizing: border-box;     text-align: center; } .footer-inner div:nth-child(1){     padding-top: 10px;      } .footer-inner div:nth-child(2){     padding-top: 5px; } /* Nabigation */ .menu{     padding:0;     list-style: none;     position:relative;     width:90%;     margin: auto;     text-align: center;     /*왼쪽여백 줘야하는데...margin:auto; */     /*메뉴 밑 부분에 여백이 없어야하는데 */ } .menu li{     box-sizing: border-box; } .menu li > a{     display:block;     padding:10px;         border:1px solid black; } .menu li:hover > a{     background-color: #000;     color:#fff; } .submenu{     border:1px solid black;     margin: auto;     display:none;     position:absolute;     top:0;     left:100%;     width:100%;     height:200px;     background-color: #fff; } /*넓어야되는데 padding:5px;*/ .submenu > a {     display:block;         background-color: #fff;     padding:5px; } .submenu > a:hover{     background-color: #000;     color:#fff; }  /* slide */     .slide{     position:relative; } .slide > div a{     position:absolute;     left:0;     top:0;     opacity:0;     animation:slide 10s linear infinite;     } .slide > div a:nth-child(1){     animation-delay: 0s; } .slide > div a:nth-child(2){     animation-delay: 3.5s; } .slide > div a:nth-child(3){     animation-delay: 7s; } @keyframes slide{     0%{opacity:0;         visibility:hidden;}     5%{opacity:1;}     35%{opacity:1;}     40%{opacity:0;}     100%{opacity:0;} } /* 공지사항 & gallery */ .tab-inner{     width:97%;     margin:auto; } .btn{} .btn span{     border:1px solid pink;     display:inline-block;     width:100px;     text-align: center;     border-radius:5px 5px 0 0;     border-bottom:none;     margin-bottom: -1px;     background-color: #fff; } .tab1{     border:1px solid black;     padding-bottom: 10px; } .tab2 {     border:1px solid black;     padding-bottom: 40px;        } .tab1 a{     display:block;     border-bottom: 1px solid black;      } .tab1 a:last-child{     border-bottom: none; } .tab1 a em {     font-style: normal; } .tab1 a b{     float:right;     font-weight:normal; } .tab2{} .tab2 a{     display:inline-block; } .tab2 a img{     width:90px;     padding-top:40px;     text-align: center;      } /* Modal */ .modal{     position:absolute;     width:100%;     height:100%;     left:0;     top:0;     background-color: rgba(0, 0, 0, 0.42);     display:none; } .modal-content{     position:absolute;     left:50%;     top:50%;     width:400px;     height:450px;     transform:translate(-50%,-50%);     background-color: #fff;     border-radius:10px;     padding:20px;      } .modal-content h2{     background-color: #000;     color:#fff;     text-align: center;     font-weight:normal;     padding:5px 10px; } .modal-content p{} .close-modal{     float:right;     border:1px solid black;     width:60px;     height:30px;     text-align: center;     padding:5px 10px;     font-size:13px; }

저는 선생님 강의를 많이 보고 있습니다. 근데 항상 CSS 작업을 하다보면 뭔가 중구난방식으로 작업을 하게 되서 이번 강의를 보았는데요.  새로 만드는 포폴은 , CSS를 무조건 위치(포지션,패딩,마진), 크기(width,height), 글자(font관련), 기타(box-shadow,border-radius,transition 등) 등의 순서를 지켜서 작성하려고 하는데요. 이렇게 하려다보니, 중간에 끼어들어가는 애들이 많아서 조금 시간이 미세하게나마 더 걸리는것 같더라고요.  이런 부분도 습관으로 들여놓으면 좋을까요? 아니면 요정도까진 괜찮을까요.

섹션이동을 처리해주는 함수  moveStartRender 에 대해서 질문이 있습니다. 저는 현재 mac에서 매직 마우스를 사용하고 있는데요, 첫번째 sec_mainvis 파트에서 스크롤이 일어날경우에 html 일레먼트를 애니메이트 시켜주게 되는데, 보통 스크롤 하듯이 스크롤을 시켰을때 정확하게 브라우저의 상단에 걸리지 않는것같습니다. 이 함수에서 마우스의 스크롤 이 발생 했을때 스크롤의 크기나 힘에 상관없이 무조건 브라우저 상단에 걸리게 해주게 끔 만들어줘야 되지않나요? 그렇게 할수 있는 방법이 뭐가 있는지 궁금합니다.  아래의 첨부한 이미지는 평소대로 스크롤을 했을때, .sec_mainvis의 높이를 약간 넘어서 스크롤이 진행 된모습을 캡쳐했습니다. 야주 약하게 스크롤을 했을때는 정확하게 브라우저 상단에서 멈추긴 합니다만, 이건 개선의 여지가 있는것 같습니다.

사진에 보이는것처럼 위쪽에 마진이 남아요ㅠ 왜 이런걸까요 <div class="container">     <header>         <div class="header-logo">             <a href="#none"><img src="images/logo-a1-header.png" alt="header logo"></a>         </div>         <div class="navi">             <div class="tab-inner"></div>         </div>     </header>     <div class="slide">         <div>            <a href="#none"><img src="images/slide-01.jpg" alt="slide1"></a>            <a href="#none"><img src="images/slide-02.jpg" alt="slide2"></a>            <a href="#none"><img src="images/slide-03.jpg" alt="slide3"></a>         </div>     </div>     <div class="items">         <div class="news"></div>         <div class="banner">             <a href="#none"><img src="images/banner-a1-01.jpg" alt="banner"></a>         </div>         <div class="shortcut">             <a href="#none"><img src="images/banne-a1-02.jpg" alt="shortcut"></a>         </div>     </div>     <footer>         <div class="footer-logo">             <a href="#none"><img src="images/logo-a1-footer.png" alt="footer logo"></a>         </div>         <div class="copyright">             상호 : 엣지컴퍼니 | 대표자 : 홍길동 | 개인정보관리책임자 : 장길산 차장             <br>사업장주소 : 서울특별시 강남구 테헤란로 123-56         </div>         <div class="sns">             <a href="#none"><img src="images/sns-01.png" alt="sns1"></a>             <a href="#none"><img src="images/sns-02.png" alt="sns2"></a>             <a href="#none"><img src="images/sns-03.png" alt="sns3"></a>         </div>     </footer> </div> @charset 'utf-8'; .container {     border: 1px solid #000;     width: 1200px;     margin: auto;  } header {     height: 100px; } header > div {     height: 100px; } .header-logo { /*    background-color: #bbb;*/     width: 200px;     float: left; } .navi {     background-color: #ccc;     width: 600px;     float: right; } .slide {     height: 300px; } .slide > div {     height: 300px; /*    background-color: #ccc;*/ } .items {} .items > div {     height: 200px;     float: left; } .news {     width: 500px;     background-color: gray; } .banner {     width: 350px;     background-color: #333; } .shortcut {     width: 350px;     background-color: gray; } footer {     height: 100px;     clear: both; } footer > div {     height: 100px;     float: left; } .footer-logo {     width: 200px; /*    background-color: #444;*/ } .copyright {     width: 750px; /*    background-color: #ccc;*/ } .sns {     width: 250px; /*    background-color: #555;*/ } /* 이미지랑 텍스트 */ .header-logo, .footer-logo {     margin-top: 30px;  } .copyright {     text-align: center;     margin-top: 30px; } .sns {     line-height: 130px;     text-align: center;; } /* 슬라이드 */ .slide {     position: relative;     width: 1200px;     height: 300px;     overflow: hidden;      } .slide > div {     position: absolute;     top: 0;     left: 0;     animation: slide 10s linear infinite;     font-size: 0; } @keyframes slide {     0% {         top: 0;     }     30% {         top: 0;     }     35% {         top: -300px;     }     60% {         top: -300px;     }     70% {         top: -600px;     }     95% {         top: -600px;     }     100% {         top: 0;     } }

안녕하십니까. 평소처럼 듣고 있었는데 마지막 문제를 풀고 나니 문제와는 상관없는 쓸데없는 생각이 들었습니다. 1. 1010 0010(2) 의 경우 unsigned일 때 162가 되고, 이를 signed 형으로 표현하고자 한다면 단순히 더 큰 byte의 자료형을 사용하면 되는 것입니까? 2. 그렇다면 2byte signed를 사용한다는 가정하에 이를 0000 0000 1010 0010(2) 으로 작성하는 것이 옳은 표현 방법인지도 궁금합니다. 당연히 162를 표현하는 데에 있어서는 1byte unsigned를 활용하는 것이 합리적이라고 생각합니다. 그러나 실제 사용하는 int 자료형의 경우 이미 4byte를 차지하고, signed와 unsigned 양쪽 모두 엄청나게 큰 수의 연산에서 2배 정도의 차이는 별 의미가 없는 범위 차이라는 생각이 들었습니다. 이러한 경우에도 마찬가지로 단순히 더 많은 byte할당으로만 극복을 하는 것이 가장 직관적이고 손쉬운 해결방안인지 1번 질문을 통해 어렴풋이 알고 싶었습니다. 답변 기다리겠습니다. 감사합니다.