안녕하세요. 항상 좋은 강의 감사드립니다. 새로운 엔터티를 구별하는 방법에서 궁금한 부분이 있어 질문 드립니다. 일반적으로 수정을 위해 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번 질문을 통해 어렴풋이 알고 싶었습니다. 답변 기다리겠습니다. 감사합니다.

강의 소개에 MySQL을 사용해도 무방하다고 해서 MySQL로 실습하고 있었는데요. SQL 문법상 약간의 차이점은 있었지만 큰 어려움 없이 여기까지 왔는데, 트리거에서는 좀 막히네요. 구글링도 하면서 만들어본 쿼리가  CREATE TRIGGER updateCustomerCategory AFTER INSERT ON customer for each row begin  update customer  set CustomerCategory = concat(CustomerGroupId, CustomerGroupDetailId) where CustomerId = new.CustomerId end 위와 같은데요. 실행시키면 end 근처에서 syntax error가 있다는 말만 나오고 정확히 뭐가 문제인지는 나오지 않는데 어떻게 해결해야하나요? 

안녕하세요 선생님~ eureka 설정을 하면, JUnit5 Test  케이스를 돌릴때, 등록한 Discovery Service를 찾는것같습니다.Mocking 테스트도아닌 단위 테스트에서 이런 현상이 일어나는데 , Test Resource패키지에서 Eureka 설정을 빼도 자꾸 발생하네요..  어떤 설정이 추가되야되는지 궁금합니다. 날이 춥습니다 감기조심하세요~~

SELECT * FROM member AS m INNER JOIN history AS h ON (m.id = h.id) WHERE DATE(h.created_at) = DATE_ADD(CURDATE(), INTERVAL -1 DAY) 해당 쿼리문을 만들어야 하는데요... 지금 까지 제가 해본 것 입니다!!!! 함수 () { LocalDate minusDays = LocalDate.now().minusDays(1); DateTemplate<LocalDate> localDateDateTemplate = Expressions.dateTemplate(LocalDate.class, "DATE({0},'%Y-%m-%d')", subQEmrConsultationHistory.createdAt, ConstantImpl.create("%Y-%m-%d")); BooleanBuilder booleanBuilder = new BooleanBuilder(); booleanBuilder.and(localDateDateTemplate.eq(minusDays)); return queryFactory .from(qhistory) .join(qhistory.member) .where(booleanBuilder) } 이렇게 한번 해보았는데 당연히 안되었네요... 이방법이 아닌거 같은데요... 이 경우 어쩔수 없이 Mybatis로 가야하나요....

5:37에서 트루디앙 값이 란게 뭔 뜻인가요?

안녕하세요. 너무나 훌륭한 강의 잘 봤습니다. 어쩜 그렇게 잘 가르쳐주시는지, 수업 듣는 내내 '참 대단하시다!' 싶었고.. 그만큼 배울 게 많아서 참 좋았습니다. 감사합니다. ^^ 마지막 수업까지 보고 나서 저도 Todo 예제를 만들어봤는데요. 역시나 수업을 볼 땐 워낙 설명을 잘해주셔서 따박따박 수긍이 가는 바람에 충분히 이해가 됐다고 생각했는데, 막상 혼자 코딩을 하다보니 여기저기서 막히더군요 ^^;; (수긍이 되는 것과 제대로 이해하는 것이 다르다는 걸 새삼 깨닫게 됐습니다 ^^;;) 수업에서 작성해주신 코드를 무작정 copy하기보다, 알려주신 내용을 최대한 기억해내면서 나름대로 이해한 내용대로 코드를 작성해보니, 정확히 어떤 걸 잘 모르고 있는지 제대로 파악이 돼서 좋았구요. 그렇게 시행착오 겪고 나서 수업을 다시 반복해서 보니 좀더 확실히 이해되는 것 같습니다. 근데 화살표 함수 관련해서 시행착오가 좀 있었는데요;; deleteTodo() 함수 내용 $todos = $todos.filter(t => t.id !== todo.id)를 $todos = $todos.filter(t => {t.id !== todo.id}) 이렇게 해놓으면 항목 하나 삭제 시도할 때 리스트 전체가 사라지는 현상이 있더라구요;;  제가 화살표 함수 구문에 대한 이해가 부족해서 그런 것같은데;; t => t.id !== todo.id 에서 t.id !== todo.id에 중괄호만 하면 boolean 값 return을 명시적으로 안해서 $todos.filter() 결과가 null이 되고, 중괄호를 안해야 boolean값들이 제대로 return 되기 때문에 그런 게 맞나요? input 태그에선 on:keydown={e => {e.key === 'Enter' && updateTodo()}} 이렇게 하나 on:keydown={(e) => e.key === 'Enter' && updateTodo()} 이렇게 하나 동일하게 동작하길래, 중괄호를 하든 안하든 상관없다고 착각했는데, input 태그에선 updateTodo() 함수를 호출하는 게 목적이라 return 여부와 상관없이 정상적으로 동작한 것같은데, 제가 이해한 게 맞는지 답변 부탁드립니다. ^^;;

/user로 적으면 포트가 3000/user 이렇게 계속 보내져서 3066을 명시적으로 적어줘야지만 서버에 요청이 보내지더라구요 혹시 제로초님처럼 /user 이렇게만 적어도 보낼 수 있는 방법이 있을까요 ?? return axios.post("http://localhost:3066/user", data);

강좌에 안내된 gist 페이지에도 댓글 남겼습니다!  https://gist.github.com/joshua1988/3fd36e04623aa42d536d8dbae37290de#gistcomment-3705305 인프런 아이디 : kei02012@naver.com인프런 이메일 : kei02012@naver.com깃헙 아이디 : jhk0806@gmail.com깃헙 Username : whitejh

안녕하세요 둘 모두 테스트 배치를 넣어서 결과를 받아오는데 무슨 차이가 있나요?

지금까지 따라치면서 공부했는데요 너무 처음보는부분들이 많아서요...  저는 노드 간단하게 배웠는데 (간단하게 투두리스트로 서버랑연결하고 CRUD정도)  그거하다가 지금 강의를 들으니까 그냥 따라치는느낌만 받습니다ㅠㅠ.... 혹시 이정도 수준이면 실무에서 주니어정도로 수준일까요?(목표를 잡고 공부하고싶어서 여쭤봅니다) 그리고 그전에 진짜간단한 프로젝트만하다가 이강의를 들으니까  문턱이 너무높아보입니다 단계적으로 올라가야 이해가 될텐데 혹시 어떻게 공부해야될까요? 참고할만한게 잇을까요?

교수님 수업하실 때 보면 reponse 이것만 쳐도reponse => 이렇게 갑자기 만들어지던데무슨 단축키를 사용하신건가요?

- 배경 1. @MappedSuperclass 예시 코드에는 create, update 정보만 있었지만, 저는 deleted (소프트 딜리트 플래그) 도 넣고 싶습니다. 2. deleted 는 검색이 필요하기에 객체 관계가 필요하고, 그렇기에 @MappedSuperclass 로 묶을 수 없다는 것을 인지했습니다. 3. 위 조건을 만족하기 위해서 @Entity 를 주면 해결이 되지만, 이 경우 매핑 정보 전달만을 위한 클래스가 테이블로 생성되어 버럽니다. - 질문 1. 현재는 뾰족한 방법을 찾지 못해 모든 테이블에 deleted 를 따로 만들어주고 있습니다.공통적으로 관리할 수 있는 방법이 있을까요?