선생님 안녕하세요. MMDetection 이용하여 inference 후, 마스크 이외 영역은 버리고, 마스크 영역만 검정색으로 원본 사이즈로 jpg로 다시 저장할 수 있을가요? 감사합니다.

안녕하세요.훌륭한 강의 잘듣고 있습니다. 하나 여쭤볼게 있는데 파생클래스에 대한 부분을 먼저 듣고싶은데 강의내용에 포함되지 않은건가요?? 찾아봤는데 어딨는지 모르겠습니다.....

저는 mac m1버전 인텔리제이 spring boot 2.64 버전 java8 로 하고있습니다. 저도 13:41 BycryptPasswordEncoder를 주입하니 SecurityConfig와 순환참조가 걸려 진행이 되지 않았습니다. 그래서 PrincipalOauth2UserService에서  private BCryptPasswordEncoder bCryptPasswordEncoder = new BCryptPasswordEncoder(); 이렇게 생성하여서 진행하였습니다. 혹시 강의를 보시는 다른 분들을 위해 참고 코드를 남겼습니다.

[질문 템플릿]1. 강의 내용과 관련된 질문인가요? 예2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예3. 질문 잘하기 메뉴얼을 읽어보셨나요? 아니오[질문 내용]관련 강의 : 14강 - 회원 서비스 테스트 repository와 service를 맨 위에서 인스턴스를 만드는 것이 아니라, beforeEach()로 매번 새로운 인스턴스를 Dependency Injection으로 만들어주도록 바꿨잖아요? 그러면 이제 굳이 afterEach()로 store를 비워줄 필요가 없어지는 것 아닌가요? 어차피 서로 다른 인스턴스에 대해서 행위가 발생하는 거니까요.   강의 항상 잘 듣고 있습니다. 감사합니다.

영상을 먼저 보고 스스로 만드는 도중에 거슬리는 부분이 있어 질문드립니다. 마우스를 item에 hover하다가 뗐을 때 back부분의 텍스트가 잔상처럼 남다가 사라집니다. hover했다가 떼는 순간에 back부분은 없어지게 하는 방법은 없을까요?(영상에선 hover했다가 떼는 순간에 슬라이드되는 것처럼 back부분이 없어지는데 뭐가 문젠지 모르겠습니다) back에 transition을 주지 않으면 back부분이 단순히 생겼다 사라져서 문제를 해결할 수는 있지만 front부분처럼 슬라이드되는 느낌이 없어져서요. 투명도 문제인가해서 front부분에 투명도를 아예 없애봤지만 잔상처럼 잠깐 남았다가 사라져서 시각적으로 보기 불편합니다. 어떻게 해앟ㄹ까요? 아래가 css소스코드입니다.           @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); @keyframes bigger-animation { 0% { transform: scale(80%); } 100% { transform: scale(110%); } } body { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #4c6ef5; } .items{ display: flex; flex-wrap: wrap; width: 900px; justify-content: space-evenly; } a{ text-decoration: none; color: black; } .item { width: 250px; height: 200px; text-align: center; position: relative; border-radius: 10px; } .front{ width: 100%; height: inherit; position: absolute; top: 0; z-index: 1; box-shadow: 0 0 13px #91a7ff; transition: .2s; } .item:hover .front , .back { background-color: rgba(186, 200, 255, .7); } .item:hover .front{ top:-50%; box-shadow: none; border-radius: 10px 10px 0 0; border-bottom: 1px solid rgba(0,0,0,.5); } .item:hover .front img { animation: bigger-animation .4s linear infinite alternate; } .item:hover .back{ top:50%; opacity: 1; border-radius: 0 0 10px 10px; } .front h3{ margin: 0; padding: 0; } .back{ width: 100%; height: inherit; line-height: 1.5em; position:absolute; padding: 20px; box-sizing: border-box; opacity: 0; transition: .2s; } .back p{ margin: 3px 8px; } .back a{ display: inline-block; margin-top: 10px; padding: 3px 8px; background-color: #748ffc; border-radius: 3px; }

vagrant up 과정에서는 아무 에러도 없었습니다. vagrant ssh k8s-master로 붙자 홈 디렉토리가 /home/vagrant 였는데, 여기에 join.sh 가 없습니다. 엉뚱하게 /root/ 에 join.sh 파일을 포함한 여러 Vagrantfile에서 설정/생성한 디렉토리/파일 들이 들어가있는걸 확인했습니다. 제 생각에는 vagrant up 하는 시점에서는 $HOME 환경변수가 /root/ 로 되어있는 것 같구요, 그래서 kubectl get pod -A 명령어도 sudo 붙여야만 동작하고 worker node들도 확인되지 않습니다. (/root/join.sh 파일을 억지로 /home/vagrant 로 꺼내와도 마찬가지입니다.) 스크립트에 이슈가 있지않나 싶은데, 의견 부탁드립니다.

항상 빠른 답변 감사합니다. 이미지 업로드시 에러가 나면서 강좌 돌려가면서 반복적으로 다시 보고 잇는데 어디가 오류있는지 아직 못찾아서 질문드려요.. import React, { useCallback, useEffect, useRef } from 'react'; import { Form, Input, Button } from 'antd'; import { useDispatch, useSelector } from 'react-redux'; import { addPost, UPLOAD_IMAGES_REQUEST, REMOVE_IMAGE } from '../reducers/post'; import useInput from '../hooks/useInput'; const PostForm = () => {   const { imagePaths, addPostDone } = useSelector((state) => state.post);   const dispatch = useDispatch();   const { text, onChangeText, setText } = useInput(''); // 커스텀 훅 만들어놓은거 자주 활용하기!   useEffect(() => {     if (addPostDone) {       setText('');     }   }, [addPostDone]);   const onSubmit = useCallback(() => {     dispatch(addPost(text));   }, [text]);   const imageInput = useRef();   const onClickImageUpload = useCallback(() => {     imageInput.current.click();   }, [imageInput.current]);   const onChangeImages = useCallback((e) => {     console.log('images', e.target.files);     const imageFormData = new FormData();     [].forEach.call(e.target.files, (f) => {       imageFormData.append('image', f);     });     dispatch({       type: UPLOAD_IMAGES_REQUEST,       data: imageFormData,     });   });   const onRemoveImage = useCallback((index) => () => {     dispatch({       type: REMOVE_IMAGE,       data: index,     });   });   return (     <Form style={{ margin: '10px 0 20px' }} encType="multipart/form-data" onFinish={onSubmit}>       <Input.TextArea         value={text}         onChange={onChangeText}         maxLength={140}         placeholder="What happen?"       />       <div>         <Input type="file" name="image" multiple hidden ref={imageInput} onChange={onChangeImages} />         <Button onClick={onClickImageUpload}>이미지 업로드</Button>         <Button type="primary" style={{ float: 'right' }} htmlType="submit">Add Story</Button>       </div>       <div>         {imagePaths.map((v, i) => (           <div key={v} style={{ display: 'inline-block' }}>             <img src={`http://localhost:3065/${v}`} style={{ width: '200px' }} alt={v} />             <div>               <Button onClick={onRemoveImage(i)}>제거</Button>             </div>           </div>         ))}       </div>     </Form>   ); }; export default PostForm;

만약에 귀를 그리면 귀만 선택이 되야 되는데 얼굴이랑 같이 선택이 되어서 선생님이 그룹을 하라고 하시는데 저는 이미 그룹이 되어있어요ㅠㅠ 어떻게 따로 선택이 되게 하는건가요?  

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   어쩌다 보니 C#강의를 완강하게 되었습니다..ㅎㅎ   기억 못하시겠지만 DX12강의에서 질문을 남기면서 고군분투하다가   DX공부는 내년에 국비학원에서 다시 시작하기로 하고   그 전까지 unity를 해야겠다 생각하고 C#으로 넘어왔습니다   학교 강의와 병행하다보니 공부하는게 쉽지는 않지만 루키스님 강의 덕분에 수월하게 하고 있는 것 같습니다   이번에는 포기..(?) 낙오(?) 하지 않고 unity열심히 하겠습니다   다시 한번 감사인사드립니다!   다음 감사인사는 자료구조 끝나고 드리겠습니다! ㅎ,,ㅎ

-webkit-text-stroke를 쓰면 글자끝마다 이상한 무늬가 추가됩니다. -webkit-text-stroke를 쓰면 밑줄표시로 쓰지말라는 표시가 나오는데 이제 더이상 안쓰는건가요??    html소스코드 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>CSS호버이펙트 아웃라인 텍스트</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <a class="btn" href="#none" data-text="Portfolio">Portfolio</a> </body> </html> css 소스코드 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap'); body {     font-family: 'Montserrat', sans-serif;     background-color: #000;     color: #fff;     height: 100vh;     margin: 0;     display: flex;     justify-content: center;     align-items: center; } .btn{     color: transparent;     text-decoration: none;     font-size: 10em;     font-weight: 600;     -webkit-text-stroke: 1px red; }

수강생들을 위해 만든 질문입니다~

vuex의 actions에서  commit을 반드시 해야하나요?   저는 commit을 하는 이유가 state로 데이터를 보내서 해당 데이터를 컨포넌트간에 공유하기 위함이라고 알고 있는데요. 만약에 actions에서 axios.post로 데이터를 백에 보내기려만 하는 목적이면 굳이 commit을 할 필요가 없는데 그럴때는 어떻게 해야하나요???

def kwargs_func(**kwargs):     for v in kwargs.keys(): 이 부분에서 kwargs.keys(kwargs): 라고 쓰면 안되는 이유가 무엇인가요? key값만 불러오는 함수를 사용해서 그런가요?? *arg 부분에서는 함수에서는 아래와 같이 매개변수를 불러와서 사용했기에 차이점이 무엇인지 궁금합니다. def arg_func(*args):     for i, v in enumerate(args):         print(~~~)

예를 들어서 array1 = np.arange(start=0, stop=10) 이라고 표현하는것과 array1 = arange(10) 이라고 표현했을 때 반환되는 결과값을 컴퓨터는 서로 다르게 받아들이나요?   np.API 처럼 앞에 np를 붙이는 경우는 어떤 경우라고 이해하면 좋을까요?

div class='back'부분의 p와 a태그를 div class='back'안에서 수직중앙정렬되게 하려면 어떻게 해야하는지 궁금합니다. 영상에서는 padding을 주시고 box-sizing:border-box;로 height:inherit(200px)안에서 벗어나지 못하도록 하셨는데 그 방법이 아닌 또 다른 방법으로 텍스트들이 한번에 수직중앙정렬되게 하는 방법은 없을까요? 왼쪽은 padding과 box-sizing으로 가운데로 보낸 경우, 오랜쪽은 padding이랑 box-sizing은 주석처리한 모양입니다. 제가 원하는 바입니다. padding이랑 box-sizing을 쓰지 않고 p태그와 padding이 들어간 a태그가 전부 div back안에서 div back의 가장 윗부분과 아랫부분에서 같은 거리에 위치하도록 하고 싶습니다. 아래는 제가 쓴 css입니당 아직 hover되는 건 안했습니다     @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); body { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #f4f4f4; } .items{ display: flex; flex-wrap: wrap; width: 800px; justify-content: space-evenly; } a{ text-decoration: none; color: black; } .item { width: 250px; height: 200px; text-align: center; border: 1px solid black; position: relative; } .front{ width: 100%; height: inherit; position: absolute; /* z-index: 1; */ } .front img{} .front h3{ margin: 0; padding: 0; } .back{ width: 100%; height: inherit; border: 1px solid red; line-height: 1.5em; position:absolute; padding-top: 20px; box-sizing: border-box; } .back p{ margin: 3px 8px; } .back a{ display: inline-block; margin-top: 10px; padding: 3px 8px; background-color: #bac8ff; border-radius: 3px; }  

양방향 관계에 대해서 질문이 있습니다.   강의에서는 여러 관계를 보여주기 위해 양방향 관계도 넣었다고 말씀해주셨는데요. (ex Member와 Order) 관련 질문들을 살펴보고 난뒤 궁금증이 생겼습니다.   관련 질문에 대한 김영한님의 답변 중에 하나를 보면 'Member와 Order도 사실 양방향 관계가 아닌 단방향 관계여도 된다. 주문 관련 정보가 필요하면 Order에서 찾으면 되는데 굳이 Member를 통해 찾을 필요가 없기 때문' 라고 하셨는데 이 글을 읽고 잘못 이해했던 부분을 바로 잡을 수 있었습니다.   근데 기본편에서 알려주신 강의 내용중 '기본적으로 단방향 관계로 설계한뒤 꼭 필요한 경우에만 양방향 관계로 설계해라'라고 하셨는데 위 답변을 생각하면 양방향 관계를 만들 경우가 있을까? 라는 생각이 듭니다. 해당 Entity의 정보가 필요하면 직접 Entity에 해당하는 테이블에서 정보를 가져오면 되는데 양방향을 만들어야 하나?라는 생각이 듭니다.   제가 양방향 관계를 꼭 설정해야하는 예시를 못봐서 그런것 같습니다 ㅜ 어떠한 경우에 양방향 관계를 설정하는지 간단하게 알려주시면 감사하겠습니다    

:global() 에서 & 적용이 안되는거 같아요 bundle.css에서도 &.sortable-chosen 이런식으로 나오는데 뭐가 문제인가요? 어느순간부터 갑자기 적용이 안되네요.. &.className 이나 &:hover 이런거 잘 되고 :global(.className) 이것도 잘 되는데 :global()에 & 이게 들어가면 적용이 안되네요   일단은 따로 빼서 :global(.list.sortable-chosen) 이렇게 사용하는중입니다..

강의의 내용와 조금 동떨어진 질문일 수 있지만 글 올려 봅니다. 무관하시다 생각하시면 답변 달아주지 않으셔도 좋습니다. auth 기능을 로컬에서 구현 후, dockerizing 하는 부분에서 Error: Error loading shared library /gateway/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: Exec format error 와 같은 에러가 나서 구동되지 않습니다. Dockerfile 은 FROM node:12-alpine RUN apk update && apk add --no-cache curl vim bash WORKDIR /app COPY package*.json ./ RUN npm install COPY . .   이고, bcrypt 는 npm i bcrypt npm i -D @types/bcrypt 로 하여 설치하였습니다.   container 안에서  npm i bcrypt npm i -D @types/bcrypt 명령어를 이용해서 bcrypt 를 다시 설치하면, 정상적으로 구동됩니다.        

안녕하세요! this의 scope가 이해되지 않아 문의드립니다~   모든 컴포넌트가 App.js에 등록되어 있고, App.js가 똑같은 Vue instance를 가르키고 있기 때문에 this를 거슬러 올라가면 똑같은 instance를 가르키고 있기 때문에 input에서 가르키는 this는 TodoInput 컴포넌트를 가르킨다.   이렇게 말씀하셨는데,  어떤 컴포넌트에서 this를 사용하면 거슬러 올라가면서 해당 객체(newTodoItem)를 찾는데 가장 가까운 객체를 찾는건가요?  아니면 해당 객체가 포함된 컴포넌트 안에서 찾는건가요?   만약 컴포넌트 안에서 찾는거라면 모든 컴포넌트가 App.js를 참조하고, App.js가 Vue instance를 참조하는 것과 무슨 관련이 있는건지 이해가 되지 않습니다.   답변 부탁드립니다^.^

안녕하세요 강사님 강의 너무 잘듣고있습니다. 다름이 아니라 질문이 한 가지 있는데요, ajax나 axios같은 비동기 통신으로 데이터를 Post로 전달 할 때 data : { "username" : "kim", "age" : 20} 이런식으로 전달 하면 컨트롤러에서 자바 객체에 매핑 하는것이 아니라 매개 변수로 String username, int age 이런식으로 자바 기본 타입으로 매핑 하는 방법은 없나요?