안녕하세요. Faster RCNN 강의를 듣고 RPN 네트워크에서 잘 이해가 되지 않는 부분이 생겨 질문드립니다.   1. 이전에 남긴 질문에서 Positive Anchor box와 Negative box를 결정하는 과정이 원본 이미지의 GT box와 Anchor box 사이에서 얻어진 IoU 값으로 결정된다고 하셨는데, 그렇다면 RPN 네트워크에서 이루어지는 이진 분류는 Positive와 Negative에 대해서만 이루어지면 될 것 같은데 왜 IoU 0.3~0.7인 것까지 포함한 모든 Anchor Box에 대해서 이진 분류가 진행되는 것인가요?? 2. RPN 네트워크 이진 분류에서 Object인지 Background인지 결정내리는 기준이 무엇인지 궁금합니다. Random으로 결정되었다 나중에 학습하며 바뀌게 되는 것인가요? 3. RPN 네트워크 학습에서는 Flatten 과정이 필요없어도 학습이 가능한 것인가요? 만약 그렇다면 RPN 외의 다른 네트워크에서 Flatten을 하는 이유가 무엇인지 궁금합니다. 

Bean 등록을 SecurityConfig 가 아니라 스프링부트 어플리케이션에서 하시는 이유가 있나요?

inline-block으로 div너비 값이 조절하는걸로 대체 하셨는데 첨에 완성본에서는 화면 중앙에 있는데요.... .dropdownd에 inline-block을 준상태에서 어떻게 중앙배치를 시키나요? margin: 0 auto를 줘도 안되네요.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. private boolean isJwtValid(String jwt) { boolean returnValue = true; String subject = null; try { subject = Jwts.parser().setSigningKey(env.getProperty("token.secret")) .parseClaimsJws(jwt).getBody() .getSubject(); }catch (Exception ex){ returnValue = false; } if(subject==null || subject.isEmpty()){ returnValue = false; } return returnValue;}   이부분에서 디버깅을 따라가던중 getBody() 메서드에서 오류가 발생하는것을 발견 하였습니다. java.lang.NoClassDefFoundError: Could not initialize class javax.xml.bind.DatatypeConverterImpl 이러한 오류가 발생하였을때 pom.xml에 <dependency> <groupId>javax.xml.bind</groupId> <artifactId>jaxb-api</artifactId> <version>2.1</version> </dependency>  해당 종속성을 추가해주게 되면 해결됩니다. 혹시 저같은 오류가 발생하신 분들에게 도움이 되었으면 좋겠습니다~! 음 뒷강의에서.... 바로 추가해주시는군요 ...ㅎㄷㄷ....  

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요. Execution failed for task ':ServletApplication.main()'. > Process 'command 'C:/Program Files/Java/jdk-11.0.12/bin/java.exe'' finished with non-zero exit value 1이런 에러가 자꾸 발생합니다. 현재 jdk11버전 사용중이고  ㅇ이 부분을 Gradle로 도 해보고 InteliJ로도 해봤지만 같은 오류가 발생합니다.

원래 vscode쓰다가 블라켓츠 써보고 있습니다. 블라켓츠로 퍼블리싱할 때, 자동저장이 안돼서 한줄 한줄 코딩시, ctrl s로 저장중인데요. 저장할 때마다 아래 사진처럼  태그와 태그 사이에 빈줄이 생성됩니다.  혹시 제가 확장프로그램이 설치되어 있어서 그런것인지.. 환경설정 및 확장프로그램을 아무리 확인해도 못찾았고, 구글링해도 제대로 나오는 것이 없어서 질문드려요.

npm audit fix를 하라고 해서 하긴 했는데~   $ npm i -D @types/react-router @types/react-router-dom npm WARN sleact@1.0.0 No description npm WARN sleact@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\we bpack-dev-server\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64" }) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fse vents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"} ) + @types/react-router@5.1.18 + @types/react-router-dom@5.3.3 updated 2 packages and audited 838 packages in 6.837s 63 packages are looking for funding run `npm fund` for details found 8 vulnerabilities (2 low, 5 moderate, 1 high) run `npm audit fix` to fix them, or `npm audit` for details  

배운대로라면 사진이 점점 커져야하는데 그냥 시작점부터 마지막까지 사진이 끊겨서 커져요 ㅠㅠ 왜 그럴까요..!

max-age를 지정해주지않는다면 계속 조회가가능한 캐시가 되는건가요?   

photo_tag 부분에서 return mark_safe(f'<img src="{post.photo.url}" style="width: 72px"/>') 이부분에서 제가 f가 인식되지 않는거 같아서 새로고침하면 이미지는 나오지가 않습니다. 그리고 mark_safe할때 강사님께서는 import하라는게 밑에 뜨는데 저는 뜨지가 않고 직접 적어야되는데 자동으로 밑에 뜨게 하려면 어떻게 해야되나요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   바오밥 테스트넷의 토큰 목록을 확인했을 때 기본으로 받은 클레이튼 토큰이랑 제가 만든 토큰의 수가 모두 0으로 떠요 강의 영상에서는 각각 5개 1억개로 나타나던데 따로 설정을 해야 하나요?

[vagrant@localhost ~]$ sudo netstat -nltup Active Internet connections (only servers) Proto Recv-Q Send-Q Local Address           Foreign Address         State       PID/Program name tcp        0      0 0.0.0.0:22              0.0.0.0:*               LISTEN      667/sshd tcp        0      0 0.0.0.0:111             0.0.0.0:*               LISTEN      1/systemd tcp6       0      0 :::22                   :::*                    LISTEN      667/sshd tcp6       0      0 :::111                  :::*                    LISTEN      1/systemd udp        0      0 127.0.0.1:323           0.0.0.0:*                           641/chronyd udp        0      0 0.0.0.0:111             0.0.0.0:*                           1/systemd udp6       0      0 ::1:323                 :::*                                641/chronyd cent1 번 수동으로 설치후 root로 init.sh 실행시키면 자동 재시작된후 다시 접석후 보면 80 포트가 안떠저 있습니다. 

먼저 강의를 제공해주셔서 감사합니다. 공부하다가 궁금한 부분이 있어서 질문드립니다.   user.comparePassword부분을 만들어준 후 , User.js부분에 userSchema.methods를 사용하여 함수를 만들어주는데 그럴 필요없이 그냥 index.js에서 user.comparePassword부분에 비밀번호가 같은지 확인할 수 있는 함수를 바로 만들면 되는 거 아닌가요? 굳이 userSchema.methods를 거쳐서 함수를 만들어주는 이유는 무엇인가요?

혼자 프로젝트 진행중에 너무 해결이 안되서 혹시나 조언을 얻을 수 있을까 해서 질문을 남깁니다. 강의와 관계가 없는 점 사전에 말씀드립니다ㅠ 죄송합니다 ㅠㅠ   shopify와 같은 e-commerce 사이트에서 상품을 등록하는 페이지를 보게되면 상품명, 상품 설명과 같은 string 타입의 인풋이 있고 variations(options)과 같이 object 타입의 여러개의 input을 입력할수 있는 칸들이 있습니다. 아래와 같이요. (예시)     제가 궁금한 것은 이 페이지에 submit버튼이 하나가 있고 이 action으로 모든 변경된 사항을 디비에 적용하고 싶은데요, 이 action하나에 update, create, delete,와 같은 여러가지 변경사항이 있을수 있을거 같습니다. 예를들어 상품명, 상품 설명은 변경이 되고, 어떤 variant들은 추가가 되고, 기존에 있던 variant들은 삭제가 될텐데, 이걸 어떻게 핸들링하는게 좋은 방법인가요? 서버에 여러번의 요청(multiple CRUD oprtaion)을 보내게 되는건가요?   shopify사이트가 이와 같은 구조여서 network탭에 들어가서 보았는데 update api를 하나를 호출하였고, payload를 보니 최종적으로 변경된 states만 서버로 보내서 서버에서 추가할 것들은 추가하고 삭제할 것들은 삭제해서 처리를 하는거 같습니다. 그렇다면 서버에서 데이터베이스에 있는 값들을 불러와서 디비에 없으면 추가하고, payload의 states에 없으면 데이터베이스에서 삭제하는 이런 작업을 일일이 해주는 것인가 궁금합니다.   저는 FE에서 데이터를 가공해서 server로 딱 필요한 요청과 데이터만 보내는게 맞다고 생각을했는데 서버에서 이런것들을 쉽게 핸들링할수가 있고 이렇게 logic을 운영하는게 맞는지 궁금합니다.   긴글 읽어주셔서 감사합니다.

<div class="trigger"> <span></span> <span></span> <span></span> </div> ----------------------------------------------------------  .trigger.active span:nth-child(1) {   top: 50%;   transform: rotate(45deg); } .trigger.active span:nth-child(2) {   opacity: 0; } .trigger.active span:nth-child(3) {   top: 50%;   transform: rotate(-45deg);   } }   안녕하세요~  반응형 헤더 네비게이션 강의 궁금한게 있는데요 위에 코드가 트리거 모바일  네비게이션 모양 만드는 코드인데 html에 trigger라는 div태그에 .active 라는 클래스명을 안주었는데 저렇게 css에 .trigger.active를 주셨던데  html에 .active 클래스명을 안주었는데도 트리거를 눌렀을때  메뉴가 왜 작동되는지 궁금합니다.

안녕하세요 이미지가 1~2장일때와 그 이상일때로 나누어서    1장: 기본 출력 2장 : 기본 출력에 버튼으로 이동 3장 이상 :  4분할 기본 출력 + 모달 + 이미지 슬라이드   이렇게 구현해 보았습니다.   http://skilnote-for-react.co.kr/wm/myshortcut/react-nodebird/28

안녕하세요 강사님 책도 가지고 있는데 책읽을 시간이 없어 강의로 필요한 부분만 보았는데요 useEffect로 onMounted됐을때 실행시킬 함수들을 빈배열을 넣고 사용하는 것보다,  useOnMounted라는 훅으로 만들어서 실행시키는게 더 낫다고 하셨는데요, 이유가 무엇인가요? 저는 mounted직후는 빈배열을 useEffect에 넘겨주면서 사용했었고 딱히 불편함을 느낀적이 없어서 이해가 잘안갑니다😭 왜 그게 더 나은지 설명이 부족한것 같아서 여쭤봅니다😭  단순히 가독성 때문인가요? 자세히 알고싶어요! 감사합니다.

장기효 선생님   깃허브 권한 승인 메일에 제 주소가  minechoo <choominhae@gmail.com> 참조되어 끊임없이 메일이 오고 있어요   확인해 주시길 바랍니다~!    

저 문제가 좀 많더라고요 ㅠㅠ 1번 문제왜 제가 dayjs를 적용하면 아예 사라지더라고요! ㅠㅠ  2번 문제!src\product\index.js   Line 42:6:  React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array  react-hooks/exhaustive-deps   src\upload\index.js   Line 3:10:  'ForkOutlined' is defined but never used  no-unused-vars   Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before.   라고 터미널에 써졌더라고요 ㅠ 그런데 막상 React App을 실행하면 메인도 잘 나오고,  상품을 클릭해도 잘 나오는데 뭐가 문제인지 모르겠습니다  //CSS를 적용하려면, import "./index.css" import {useParams} from 'react-router-dom'; import axios from 'axios'; import { useEffect, useState } from 'react'; function ProductPage(){    //const prams = useParams();    // console.log(prams); //이제 상품을 선택을 할 때 콘솔창에 id: 0, 1, 2.. 상품 숫자가 나온다.        //const params = useParams();    //console.log(params); //id를 출력하는 것을 확인할 수 있다. >> 콘솔창에 {id : 2} 이런식으로!        const {id} = useParams();    const [product, setProduct] = useState(null);    //처음엔 null이 나타나고 렌더링이 되고 나서 서버에서 상품을 받아오고 호출됨.    //useState는 데이터를 받아주는 역할인데 쉽게 말을 하면 네트워크를 받아 상품을 보여줄 때 쓰임    // 콜백 함수    useEffect(function(){       // useEffect를 통해 1번만 통신해 네트워크를 호출을 해준다. << 쉽게 말을 하면 1f의 형식이다.       // axios.get('https://4326fdea-003a-4291-b8b3-b8e47b10723c.mock.pstmn.io/products'+ id)       // axios.get(`https://4326fdea-003a-4291-b8b3-b8e47b10723c.mock.pstmn.io/products/${id}`)       axios.get(          `http://localhost:8080/products/${id}`          )       // 프로미스(promise)       .then(function(result){          // 익명함수에 result의 인자를 넣는다.          // setProduct(result.data); postman을 통한 작업을 했을때는 이렇게 간편했지만          // 이제는 server.js > product에서 데이터를 받아야 하기 때문에 작성을 조금 더 추가해야 함.          setProduct(result.data.products);          // console.log(result);       })       // 프로미스(promise)       .catch(function(error){          console.log(error);       })    },[]);    // console.log(product);    // return <h1>상품 상세 페이지{id} 상품</h1> //js문법    if(product == null){       return <h1>상품 정보를 받고 있습니다...</h1>    }    // {/* const [product, setProduct] = useState(null); 를 비동기 처리방식으로 작동이 되기 때문에 당연히 product.imageUrl은 null로 처리가 된다. 따라서 오류가 발생이 되는 것은 당연한 원리이다.  */}        return(       <div>          <div id="image-box">             <img src={"/"+product.imageUrl} alt=""/>          </div>          <div id="profile-box">             <img src="/images/icons/avatar.png" alt=""/>             <span>{product.seller}</span>          </div>          <div id="contents-box">             <div id="name">{product.name}</div>             <div id="price">{product.price}원</div>             <div id="createdAt">2021년 06월 15일</div>             <div id="description">{product.description}</div>          </div>       </div>    ); } export default ProductPage; import { Form, Divider, Input, InputNumber, Button } from "antd"; import "./index.css"; import { ForkOutlined } from "@ant-design/icons"; function UploadPage() {    //   return <h1>업로드 화면</h1>;    // const onSubmit = function(){//평상시 함수 표현식이다.    //  이것을 람다함수 표현식으로 바꾸도록 하자    const onSubmit = (values) => { //이것이 람다 함수 표현식!       console.log(values);    };    return(       <div id="upload-container">          <Form name="상품 업로드" onFinish={onSubmit}>             {/* 익명함수를 넣은 것과 동일하다. onFinish={onSubmit} */}             <Form.Item                name="upload"                label={<div className="upload-label">상품 사진</div>}             >                <div id="upload-img-placeholder">                   <img src="/images/icons/camera.png" alt="" />                   <span>이미지를 업로드해주세요.</span>                </div>             </Form.Item>             <Divider />             {/* Divider는 콘텐츠의 영역을 나누는 컴포넌트이다. >> 선을 그어준다. <hr> 태그와 비슷하지만 다른 속성이다. */}             <Form.Item                label={<div className="upload-label">판매자 명</div>}                name="seller"                rules={[{ required: true, message: "판매자 이름을 입력해주세요" }]}                 // rules이라는 프롭이 있는데 여기에는 {}안에서 배열[{}]로 작업해야 한다.             >                <Input                   className="upload-name"                   size="large"                   placeholder="이름을 입력해주세요."                />             </Form.Item>             <Divider />             <Form.Item                name="name"                label={<div className="upload-label">상품 이름</div>}                rules={[{ required: true, message: "상품 이름을 입력해주세요" }]}             >                <Input                   className="upload-name"                   size="large"                   placeholder="상품 이름을 입력해주세요"                />             </Form.Item>             <Divider />             <Form.Item                name="price"                label={<div className="upload-label">상품 가격</div>}                rules={[{ required: true, message: "상품 가격을 입력해주세요" }]}             >                <InputNumber defaultValue={0} className="upload-price" size="large" />                {/* 숫자형 input */}             </Form.Item>             <Divider />             <Form.Item                name="description"                label={<div className="upload-label">상품 소개</div>}                rules={[{ required: true, message: "상품 소개를 입력해주세요." }]}             >                <Input.TextArea                   size="large"                   id="product-description"                   //showCount={true} << react에서 기본형이다. 이것을 아래와 같이 생략할 수 있다.                   showCount                   maxLength={300}                   placeholder="상품 소개를 적어주세요."                />             </Form.Item>             <Form.Item>                <Button id="submit-button" size="large" htmlType="submit">                   문제 등록하기                </Button>             </Form.Item>          </Form>       </div>    ); } export default UploadPage;  

컴퓨터 재부팅하면 광학 드라이브가 비어있음이나 VBoxGuestAdditions.iso로 변경되어있어요. 그래서 우분투로 바꾸고 다시 설치하는 작업을 매일 다시 진행합니다. 해결 방법좀 부탁드려요...