str_sl = 'Dead by Daylight' print(str_sl[::-1]) print(str_sl[1::-1]) 연습할때 이렇게 했었는데 결과가 thgilyaD yb daeD eD 이런식으로 나오는 이유를 모르겠습니다 처음건 당연히 [(처음부터) : (끝까지)  : (-1로 가면서)]  출력 이니까 이해가 되는데 그러면  [(1부터) : (끝까지)  : (-1로 가면서)]  출력이니 처음에는 저가 상상하기로 thgilyaD yb dae 이렇게 나오지 않을까 했는데 eD 나왔습니다 그래서 아 그러면 0이 아닌 기준이 생기면 거기서부터 +또는 -값의 끝을 정하는구나 라고 생각했는데 Dead by Daylight 의 1은 D와 e 사이 일텐데 그러면 여기서 슬라이싱이 되서 D 하나만 출력이 되야 하는거 아닌가요? eD가 출력이 될려면 {0}D{1}e{2}a{3}d{4} {5} 2에서 슬라이싱이 되어야하니 [2::-1] 되어야할거같은데 왜 이렇게 되는지 궁금합니다 질문이 너무 길었는데 저가 이해하고있는게 맞는지도 궁금합니다.

#include<iostream> using namespace std; class something { public: int m_value=6 ;   }; int main() { something st1; something st2; m_value->something; cout << &something::m_value << " " << something::m_value << endl; st1.m_value = 2; cout << &st1.m_value << " " << st1.m_value << endl; cout << &st2.m_value << " " << st2.m_value << endl; return 0; } something::m_value가 비정적 멤버 참조는 특정 개체에 상대적이어야 합니다. 오류가 나와 네이버에 찾아보니다른 클래스를 호출할 때 인스턴스 생성 없이 호출해서 나는 오류다음과 같이 인스턴스 생성 후 호출해야 해결됨. 이라고 하여  m_value->something;로 인스턴트 생성해줬는데도 빨간줄 나오는데 혹시 왜이러는지 알 수 있을까요? #include<iostream> using namespace std; class something { public: static int m_value ;   }; int something::m_value = 6; int main() { something st1; something st2; st1.m_value = 2; cout << &st1.m_value << " " << st1.m_value << endl; cout << &st2.m_value << " " << st2.m_value << endl; return 0; } 또 static으로 선언시 st1.m_value,st2.m_value가 같은값이 나오는이유가 정적메모리이기 떄문인가요?

예를 들어 학년 반 학생 마스터가 있을 때  학년 -< 반 -< 학생, 이러한 관계를 갖게 되는데 이때, 학년-<학생하고도 물리적으로 항상 엮어야 하는건가요? 이미 반과 학생이 엮여있어서 반을 통해 학년 정보를 불러오는 것이 가능해서 굳이 엮지 않아도 될 것같은데 결국 학년을 통해 학생들을 불러올 때 편의성을 위해 그렇게 해야하는건가요?

현재 영상과 다르게 G마켓 사이트가 '더보기' 버튼이 생겨서 크롤링 시 'None'로 오고 있습니다. 이것을 해결할려면 셀레니움을 쓸 수 밖에 없을까요? requests 및 BeautifulSoup만으로 해결할 방법이 없을까요?

안녕하세요 강사님  리스트에서 항목 한개를 삭제했을 떄 효과가 저랑 강사님이랑 달라서 문의드립니다..! 예를들어 리스트가 1, 2, 3, 4, 5 라는 5개의 리스트가 있을 때 첫 번째 리스트의 휴지통 아이콘을 클릭하면 강사님은 첫 번쨰 리스트의 위치에서 사라진다면 저는 다섯번째 (마지막줄) 리스트에 삭제 효과가 들어가고 1번이 삭제됩니다..ㅠㅠ 어떤 부분을 확인해봐야할까요..? (TodoList.vue) <template>   <div>     <transition-group name="list" tag="ul">       <li v-for="(todoItem, index) in this.$store.state.todoItems" v-bind:key="index" class="shadow">         <i class="checkBtn fas fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" v-on:click="toggleComplete(todoItem, index)"></i>         <span v-bind:class="{textCompleted: todoItem.completed}">{{ todoItem.item }}</span>         <span class="removeBtn" v-on:click="removeTodo(todoItem, index)">           <i class="fas fa-trash-alt"></i>         </span>       </li>     </transition-group>   </div> </template> <script> /* eslint-disable no-console */ export default {   methods: {     removeTodo(todoItem, index){             // this.$emit('removeItem', todoItem, index);       this.$store.commit('removeOneItem', {todoItem, index});     },     toggleComplete(todoItem, index){       // this.$emit('toggleItem', todoItem, index)       this.$store.commit('toggleOneItem', {todoItem, index})     }   } } </script> <style scope> ul {list-style-type:none;padding-left:0;margin-top:0;text-align:left} li {display:flex;min-height:50px;height:50px;line-height:50px;margin:0.5rem 0;padding:0 0.9rem;background:white;border-radius:5px} .removeBtn {margin-left:auto;color:#de4343;} .checkBtn {margin-right:5px;line-height:45px;color:#62acde} .checkBtnCompleted {color:#b3adad} .textCompleted {text-decoration:line-through;color:#b3adad} /* 리스트 아이템 트렌지션 효과 */ .list-enter-active, .list-leave-active {   transition: all 1s; } .list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {   opacity: 0;   transform: translateY(30px); } </style>

useRef 대신에 state에서 배열을 선언해서 해결해주어도 무방한가요?

삭제된 글입니다

useEffect에서 함수를 반환하면 그 함수를 컴포넌트가 마운트 되기 이전에  실행해주는 게 맞나요?

안녕하세요 영한님! 현재 회원들의 걸음수로 회원들의 랭킹과 로그인 사용자의 랭킹을 출력하여야합니다. DB가 mySql이라서 native sql을 활용하여 rank()을 사용하였는데 혹시 jpql 혹은 jpa를 사용하여 출력할 수 있는 방법이 있을까요? 곧 나올 강의가 기대됩니다! 항상 감사합니다:)

body{   background: #fafafa; } .m_text{   font-size: 14px;   font-weight: bold; } .s_text{   font-size: 12px; } .sprite_insta_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -53px -235px;     width: 22px;     height: 22px; } .sprite_write_logo {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -94px -72px;     width: 103px;     height: 29px; } .sprite_compass_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -130px -286px;     width: 23px;     height: 23px; } .sprite_user_icon_outline {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -272px -182px;     width: 22px;     height: 24px; } .sprite_heart_icon_outline {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -52px -261px;     width: 24px;     height: 22px; } .sprite_small_search_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -337px -246px;     width: 10px;     height: 10px; } .sprite_more_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -301px -218px;     width: 15px;     height: 3px; } .sprite_bubble_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -239px -202px;     width: 24px;     height: 24px; } .sprite_share_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -324px -52px;     width: 21px;     height: 24px; } .sprite_bookmark_outline {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -237px -286px;     width: 19px;     height: 24px; } .sprite_bookmark_outline.on {     background: url('../imgs/background01.png') no-repeat -159px -286px;     width: 19px;     height: 24px; } .sprite_small_heart_icon_outline {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -323px -274px;     width: 12px;     height: 11px; } .sprite_camera_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -271px -104px;     width: 24px;     height: 22px; } .sprite_insta_big_logo {     display: inline-block;     background: url('../imgs/background02.png') no-repeat -98px -150px;     width: 175px;     height: 51px; } .sprite_plus_icon {     display: inline-block;     background: url('../imgs/background01.png') no-repeat -187px -202px;     width: 23px;     height: 23px; } #header{   width:100%;   position:absolute;   left:0;   top:0;   z-index:999;   background:white;   border-bottom: 1px solid rgba(0,0,0,0.1); } #header .inner{   width:975px;   height:75px;   margin:0 auto;   display:flex;   justify-content: space-between;   align-items: center; } #header .inner a{   color:transparent; } #header .inner .logo .sprite_insta_icon{   margin-right:25px;   position:relative; } #header .inner .logo .sprite_insta_icon:after{   content: '';   width:1px;   height:25px;   background:black;   left:40px;   top:0;   position:absolute; } #header .inner .logo div:nth-child(2){   transform:translateY(9px); } #search_field{   width:270px;   height:25px;   background:#fafafa;   border:1px solid #dbdbdb;   border-radius: 3px;   text-align:left;   outline:none;   padding:3px 30px;   color:#999;   font-weight:400;   font-size:14px; } #header .search_box{   position:relative; } #header .search_box .fakefield{   position: absolute;   left:50%;   top:50%;   transform:translate(-50%,-50%);   pointer-events: none; } #search_field::placeholder{   font-size:0; } #search_field:focus::placeholder{   font-size:14px; } #search_field:focus ~ .fakefield > span:nth-child(1){   transform:translateX(-150px); } #search_field:focus ~ .fakefield > span:nth-child(2){   display:none; } #header .right_icons{   width:85px;   display:flex;   justify-content: space-between; } #main_container{   padding-top:130px;   /* //마진을 주면 병합 현상이 일어날수 있음  */   display:flex;   justify-content: center;   /* x축으로 가운대 정렬 */ } #main_container .inner{   width:935px; } .contents{   width:614px;   border:1px solid rgba(0,0,0,0.1);   border-radius:3px;   margin-bottom:60px;   background:white; } .contents .top{   display:flex;   justify-content: space-between;   align-items: center;   padding: 10px 20px; } .contents .top .profile_img{   width:32px;   height:32px;   border-radius:50%;   overflow:hidden;   margin-right:15px; } .contents .top .profile_img img{   width:100%; } .contents .top .user_container{   display:flex; } .contents .img_section{   overflow:hidden; } .contents .img_section img{   width:100%; } .contents .bottom_icons{   display:flex;   justify-content: space-between;   align-items: center;   padding:10px 20px; } .contents .bottom_icons .left_icons{   display:flex; } .contents .bottom_icons .left_icons > div{   margin-right:10px; } .contents .likes{   padding: 5px 20px;   color:#262626; } .contents .comment_container{   display:flex;   justify-content: space-between;   align-items: center;   padding:3px 20px; } .comment_container .comment{   display:flex;   font-size:14px; } .comment_container .comment div:nth-child(2){   transform:translateY(-1.5px); } .comment_container .comment .nickName{   margin-right:5px; } .contents .timer{   font-size:10px;   letter-spacing: 0.2px;   color: #999;   border-bottom: 1px solid rgba(0,0,0,0.1);   padding: 10px 20px; } } .contents .comment_field{   min-height:56px;   padding: 0 20px;   position: relative; } .contents .comment_field input{   width: 100%;   height: 56px;   border: none;   outline: none;   background:transparent; } .contents .comment_field .upload_btn{   color:#3897f0;   position: absolute;   right: 20px;   top: 50%;   transform: translateY(-50%);   cursor: pointer;   pointer-events:none;   opacity: 0.6; } //css부분 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <meta http-equiv="X-UA-Compatible" content="ie=edge">   <link rel="stylesheet" href="css/reset.css">   <link rel="stylesheet" href="css/style.css">   <title>Document</title> </head> <body>   <section id="container">     <header id="header">       <section class="inner">         <h1 class="logo">           <a href="index.html">             <div class="sprite_insta_icon"></div>             <div class="sprite_write_logo"></div>           </a>         </h1>         <div class="search_box">           <input type="text" placeholder="검색" id="search_field">           <div class="fakefield">             <span class="sprite_small_search_icon"></span>             <span>검색</span>           </div>         </div>         <div class="right_icons">           <div class="sprite_compass_icon"></div>           <div class="sprite_user_icon_outline"></div>           <div class="sprite_heart_icon_outline"></div>         </div>       </section>     </header>     <section id="main_container">       <div class="inner">         <div class="contents_box">           <article class="contents">             <header class="top">               <div class="user_container">                 <div class="profile_img">                   <img src="imgs/7.jpg" alt="프로필 사진">                 </div>                 <div class="user_name">                   <div class="nickName m_text">                     hanjae                   </div>                   <div class="country s_text">Seoul, South Korea</div>                 </div>               </div>               <div class="sprite_more_icon"></div>             </header>             <div class="img_section">               <div class="trans_inner">                   <div><img src="imgs/img_section/11.jpg" alt="이미지"></div>               </div>             </div>             <div class="bottom_icons">               <div class="left_icons">                 <div class="heart_button">                   <div class="sprite_heart_icon_outline"></div>                   </div>                   <div class="sprite_bubble_icon"></div>                   <div class="sprite_share_icon"></div>               </div>               <div class="right_icons">                 <div class="sprite_bookmark_outline"></div>               </div>             </div>             <div class="likes m_text">               좋아요               <span class="count">2,346 </span> 개             </div>             <div class="comment_container">               <div class="comment">                 <div class="nickName m_text">                   jae                 </div>                 <div>해위</div>                 </div>                 <div class="small_heart">                 <div class="sprite_small_heart_icon_outline"></div>               </div>             </div>             <div class="timer">               1시간 전..             </div>             <div class="comment_field">               <input type="text" placeholder="댓글 달기.." >               <div class="upload_btn m_text">게시</div>             </div>           </article>         </div>       </div>     </section>   </section> </body> </html> html 부분인데 개시버튼이 이렇게 떠가지구요...

void dosomething(A&a) { cout<<a.m_value<<endl; } int main() { Aa;//->세미콜론 앞에 파라미터가 없을 때는 ()를 안붙이고 파라미터가 있을 때는  ()를 붙여야 하지 않나요? dosomething(a); return 0; }

charts = {} for i in ['id_12', 'id_15']:     feature_count = train[i].value_counts(dropna=False).reset_index().rename(columns={i: 'count', 'index': i})     chart = alt.Chart(feature_count).mark_bar().encode(                 y=alt.Y(f"{i}:N", axis=alt.Axis(title=i)),                 x=alt.X('count:Q', axis=alt.Axis(title='Count')),                 tooltip=[i, 'count']             ).properties(title=f"Counts of {i}", width=400)     charts[i] = chart 저가 value_counts, reset_index 까지는 이해가 가는데 그 다음 부터 잘 이해가 안갑니다 ㅠㅠ 설명부탁드립니다 ㅠㅠ

안녕하세요 강의 15:16 부분에서 Something something; somthing.getValue() = 10; 이라고 쓴 코드가 있는데, Something something; string someVal = something.getValue(); //혹은 string& someVal = something.getValue(); someVal = 10; 이런식으로 getValue()의 리턴값을 다른곳에 담아서 바꾸어 주는 것은 이해가되는데, 바로 getValue()로 리턴을 받자마자 10을 넣어주는 것이 잘 이해가안됩니다. getValue의 리턴값을 아무곳에도 집어넣어주지않았는데 어떻게 10을 대입해주는것인가요?

지금까지 강의를 보면 생성자를 만드실때Simple(const int& id_in){} 이런식으로 파라미터로 const int& 이렇게해서 참조값을 넣어주시는데요,  Simple(int id_in){}이렇게 넣어도 똑같은데 굳이 참조자를 이용해 초기화를 해주시는 이유가있나요?물론 참조자를 쓰는 것과 안쓰는 것의 차이는 알고 있습니다.(같은 질문에 대해 강의를 참고하시라는 답변을 봐서 물론 강의는 보고왔습니다) Simple(int id_in){}으로해도 결국 id_in이 복사되어서 멤버 변수인 m_id에 넣어주면 해당 인스턴스의 m_id를 쓸수도 있는데 왜 항상 참조자를 써서 생성자 멤버변수를 초기화해주시는지 궁금합니다. 그냥 코딩 일관성을 위해서 인가요?보통 파라미터로 참조자를 받는 것과 그냥 참조자 안받고 call by value로 할때의 차이는 알고있습니다. 근데 저 경우에는 차이가없는것 같은데 저때도 항상 참조자를 이용하시는 이유가 궁금합니다!

1.이렇게 컬럼들이 많은 데이터셋에서 모든 컬럼이 나오게 설정할 수 있는 방법이 있는지 궁금합니다. 2. 컬럼 이름 데이터 셋을 구하고 싶은데 그 떄는 어떻게 할 수 있는지 궁금합니다.

이 전 강의의 클로저 코드에서도 정보가 보호 되는것 아닌가요? 정보보호 관점에서 아래의 코드와 즉시실행 익명함수로 한번 더 감싼것이 어떠한 차이가 있는 것인지 궁금합니다. function book() { var point = 100; var getPoint = function(param) { point = point + param; return point; }; return getPoint; } var obj = book(); log(obj(200)); 덧붙여 좋은 강의 정말 감사합니다. 😄

안녕하세요? 강좌 재미있게 잘 봤습니다. 저는 자바 기반으로는 유닛 테스트를 좀 해봤습니다. 제가 전에 자바로 테스팅 할 때는 코드커버리지 도구를 이용해서 전체 코드 중에 얼마나 테스트를 했는지 확인할 수 있었는데, 강사님은 현재 코드커버리지 도구를 사용중이신지 궁금하고 사용 중이시라면 어떤걸 이용하고 계신지 궁금합니다. 그리고 it(), expect(), 등등 테스트에 사용되는 도구들이 갖고 있는 기본 api 들에대해서 어떤 역할을 하는 것들인지도 쫌 설명이 있었으면 좋았을 것 같습니다. 지금 상태라면 각 함수들의 용도나 기능은 모른채로 강사님의 코드를 따라하기식으로 밖에는 테스트 케이스를 작성할 수 없을 것 같아요. 감사합니다~

안녕하세요. 강의 잘 듣고있습니다. 질문은, 회사에서 Query를 작성하다보면 코드테이블을 여러번 join 하는 경우가 허다한데요. a join code 처럼 a 테이블의 특정 코드에 대한 코드값을 읽어오고자 할 경우, a 테이블에서 code 테이블쪽으로 driving이 걸리는 컬럼은 대부분 pk가 아닐텐데요. 이럴 경우 어떤식으로 해결을 해야할까요? join을 통해서 이래저래 방법을 찾아보았으나 pk와 fk 관계가 아니면 오류가 나네요. 몇일동안 테스트는 하는데 딱히 방법이 보이지않습니다. 내부적으로 메인테이블에서는 단순코드만 관리하고 description 자체를 코드테이블에서 읽어오는  방식이다 보니 상기방식의 작업이 상당히 많은 편입니다. 그럼 조언부탁드립니다. 미리 감사드립니다.

로컬에선 잘만 되는데, aws에 배포하면 puppeteer.lauch가 안되고 다음과 같은 에러가 떠요

안녕하세요. 강사님! [1] commit 하기전에는 1차캐쉬 영역에 보관(?) 되었다가 commit 날릴때 db에 insert 되는건 이해했는데요.. [2] 뒤에 설명(16:20)부분에  hibernate.jdbc.batch_size 옵션을 켜주면 사이즈만큼 모아서 한방에 쿼리를 날린다.  [1]설명 하실때 해당 옵션이 비활성 되어 있음에도, commit 할때 insert 되었는데 [2] 옵션과 commit과 차이가 잘 이해가 안갑니다....