안녕하세요. 강의 잘 듣고 있습니다, 강의랑 위키백과에서 수염의 길이는 색칠된 부분의 1.5배에 각각 Q2에서는 빼주고 Q3에서는 더해준다고 나와있습니다. 그러면 수염의 길이는 같다고 생각했고, 대부분은 그런 형태로 나와 있는데 몇몇 그래프는 아닌게 있더라고요. 이건 왜그런가요?
안녕하세요. 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을 하는 이유가 무엇인지 궁금합니다.
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 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로 저장중인데요. 저장할 때마다 아래 사진처럼 태그와 태그 사이에 빈줄이 생성됩니다. 혹시 제가 확장프로그램이 설치되어 있어서 그런것인지.. 환경설정 및 확장프로그램을 아무리 확인해도 못찾았고, 구글링해도 제대로 나오는 것이 없어서 질문드려요.
photo_tag 부분에서 return mark_safe (f '<img src=" { post .photo.url} " style="width: 72px"/>' ) 이부분에서 제가 f가 인식되지 않는거 같아서 새로고침하면 이미지는 나오지가 않습니다. 그리고 mark_safe할때 강사님께서는 import하라는게 밑에 뜨는데 저는 뜨지가 않고 직접 적어야되는데 자동으로 밑에 뜨게 하려면 어떻게 해야되나요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 바오밥 테스트넷의 토큰 목록을 확인했을 때 기본으로 받은 클레이튼 토큰이랑 제가 만든 토큰의 수가 모두 0으로 떠요 강의 영상에서는 각각 5개 1억개로 나타나던데 따로 설정을 해야 하나요?
먼저 강의를 제공해주셔서 감사합니다. 공부하다가 궁금한 부분이 있어서 질문드립니다. 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을 운영하는게 맞는지 궁금합니다. 긴글 읽어주셔서 감사합니다.
안녕하세요 이미지가 1~2장일때와 그 이상일때로 나누어서 1장: 기본 출력 2장 : 기본 출력에 버튼으로 이동 3장 이상 : 4분할 기본 출력 + 모달 + 이미지 슬라이드 이렇게 구현해 보았습니다. http://skilnote-for-react.co.kr/wm/myshortcut/react-nodebird/28
안녕하세요 강사님 책도 가지고 있는데 책읽을 시간이 없어 강의로 필요한 부분만 보았는데요 useEffect로 onMounted됐을때 실행시킬 함수들을 빈배열을 넣고 사용하는 것보다, useOnMounted라는 훅으로 만들어서 실행시키는게 더 낫다고 하셨는데요, 이유가 무엇인가요? 저는 mounted직후는 빈배열을 useEffect에 넘겨주면서 사용했었고 딱히 불편함을 느낀적이 없어서 이해가 잘안갑니다😭 왜 그게 더 나은지 설명이 부족한것 같아서 여쭤봅니다😭 단순히 가독성 때문인가요? 자세히 알고싶어요! 감사합니다.
저 문제가 좀 많더라고요 ㅠㅠ 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 ;