묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Slack 클론 코딩[실시간 채팅 with React]
안녕하세요 궁금한점이요!!
안녕하세요 저는 웹팩 소스는 복붙하고 패키지를 직접 하나씩 설치해보았는데 빌드나 실행시 에러가 나서 webpack-dev-server 가 4.0.0 인걸 지우고 @ 3.11.2로 다시설치하니까 되더라고요. 원래 이렇게 버전하나때문에 에러가 잘 발생하나요? 그리고 setting/ts 그대로 빌드해보면 저는 이건 에러는 아니고 경고지만 이런 세가지 경고 들이 뜨는데 원래 이런건가요?? 상관없는건가요?
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part3: 자료구조와 알고리즘
board.cpp 파일 관련 질문이 있습니다
맵 만들기 파트 11:50 부분에 질문이 있는데요 GetTileColor(Pos{ y, x}); 부분에서 Pos{ y,x }가 임시객체를 생성해서 GetTileColor()함수로 넘기는것 맞나요??
-
해결됨[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
.menu나 .sub-menu에 hover하면 검정색배경에 흰색글씨로 바뀌어야 하는데 안되네요 코드에 어떤 문제가 있나요?
.menu나 .sub-menu에 hover하면 검정색배경에 흰색글씨로 바뀌어야 하는데 안되네요 코드에 어떤 문제가 있나요? <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>부여 가을연꽃축제</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="left"> <header> <div class="header-logo"> <a href="#none"> <img src="images/logo-header.png" alt="header-logo"> </a> </div><!--.header-logo--> <div class="navi"> <ul class="menu"> <li> <a href="#none">축제소개</a> <div class="sub-menu"> <a href="#none">초대의 글</a> <a href="#none">축제개요</a> <a href="#none">축제연혁</a> <a href="#none">오시는길</a> </div><!--.sub-menu--> </li> <li> <a href="#none">행사안내</a> <div class="sub-menu"> <a href="#none">셔틀버스안내</a> <a href="#none">행사안내</a> <a href="#none">행사일정</a> <a href="#none">소공연장</a> </div><!--.sub-menu--> </li> <li> <a href="#none">홍보마당</a> <div class="sub-menu"> <a href="#none">축제소식</a> <a href="#none">보도자료</a> <a href="#none">음식레시피</a> </div><!--.sub-menu--> </li> <li> <a href="#none">참여마당</a> <div class="sub-menu"> <a href="#none">참가후기</a> <a href="#none">연꽃갤러리</a> <a href="#none">포토갤러리</a> </div><!--.sub-menu--> </li> </ul> </div><!--.navi--> </header> </div><!--.left--> <div class="right"> <div class="slide"> <div> <a href="#none"> <img src="images/slide-01.jpg" alt="slide image1"> </a> <a href="#none"> <img src="images/slide-02.jpg" alt="slide image2"> </a> <a href="#none"> <img src="images/slide-03.jpg" alt="slide image3"> </a> </div> </div><!--.slide--> <div class="items"> <div class="news"></div><!--.news--> <div class="gallery"></div><!--.gallery--> <div class="shortcut"></div><!--.shortcut--> </div><!--.items--> <footer> <div class="copyright"> (주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니 </div><!--.copyright--> <div class="sns"> <div> <a href="#none"> <img src="images/sns-01.png" alt="facebook"> </a> <a href="#none"> <img src="images/sns-02.png" alt="tweeter"> </a> <a href="#none"> <img src="images/sns-03.png" alt="instagram"> </a> </div> <div> <select> <option value=""> Family Site </option> <option value=""> 여주군청 홈페이지 </option> <option value=""> 한국관광공사 </option> <option value=""> 여행자보험가입 </option> </select> </div> </div><!--.sns--> </footer> </div><!--.right--> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html> @charset 'utf-8'; *{ padding: 0; list-style: none; text-decoration: none; } a{ color:#222328; } body{ margin:0; background-color: #fff; color:#222328; font-size: 15px; } .container{ border: 1px solid red; width:1000px; } .container > div{ float: left; box-sizing: border-box; } .left{ width:200px; } .right{ width:800px; } header{ } header > div{} .header-logo{ height: 100px; line-height: 130px; } .navi{ height: 400px; } .slide > div{ border: 1px solid green; height: 350px; } .items{ overflow: hidden; } .items > div{ border: 1px solid pink; height: 200px; float: left; box-sizing: border-box; } .news{ width: 300px; } .gallery{ width: 300px; } .shortcut{ width: 200px; } footer{ overflow: hidden; } footer > div{ height: 100px; float:left; box-sizing: border-box; text-align: center; } .copyright{ width:600px; padding-top: 30px; } .sns{ width:200px; } .sns div{ height: 50px; box-sizing: border-box; } .sns div:nth-child(1){ padding-top: 15px; } .sns div:nth-child(2){ padding-top: 10px; } /* slide */ .slide{ position: relative; } .slide > div{ /*position: absolute;를 여기에다가 주는게 아니라 .slide > div a{}안에 주어야함*/ } .slide > div a{ position: absolute; top:0; left: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; /*visibility: hidden;*/ } 5%{ opacity: 1; } 35%{ opacity: 1; } 40%{ opacity: 0; } 100%{ opacity: 0; } } /* Nevigation */ .menu{ padding: 0; width: 90%; margin: auto; } .menu li{ text-align: center; } .menu li > a{ border: 1px solid #000; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a{ background-color: #fff; color:#000; } .sub-menu{ border: 1px solid #000; } .sub-menu a{ display: block; padding: 5px; transition: 0.5s; } .sub-menu a:hover{ background-color: #fff; color:#000; }
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
MMdetection COCO dataset metric 질문입니다
안녕하세요 선생님. 현재 Custom dataset을 COCO dataset format으로 변환하여 MMdetection 기반으로 모델을 학습시켰습니다. COCO format으로 트레이닝한 모델의 mAP 결과를 COCO metric 형태가 아닌, 아래의 middle format을 기반으로 학습한 결과 처럼 instance별로 AP와 mAP를 볼 수 있는 방법이 있는지 궁금합니다. 또한 train 및 test 시에 image scale이 1333, 800으로 셋팅되어 있는 것 같은데, config기반으로 image scale에 대한 환경 파라미터 수정 시 어떻게 코드를 작성해야하는지 여쭤봅니다!
-
미해결비전공자를 위한 개발자 취업 올인원 가이드 [통합편]
엔지니어링...
소개 링크 1에서도 그렇고 이번 강의에서도 그렇고 엔지니어, 엔지니어링이라는 단어가 줄곧 나오는데요. 엔지니어링이라는 단어가 정확히 어떤 의미로 쓰이는지 알고 싶습니다..! 다른 자료를 찾아봐도 느낌이 오질 않네요ㅠㅠ
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드 리뷰 부탁드립니다
includes가 내부적으로 반복문을 도는걸로 알고있어 강의내용대로라면 need가 길어질수록 연산횟수도 많아질 거 같아 고안해보았습니다. 문제점 짚어주시면 감사하겠습니다. const solution = (requirement, schedule) => { let queue = requirement.split(''); for(let s of schedule) { if(s === queue[0]) { queue.shift(); } } return queue.length > 0 ? 'NO' : 'YSE'; } console.log(solution('CBA', 'CBBDAGE'));
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
pipes
를 굳이 사용하지 않고 , 어차피 service 부분은 로직을 담당하는 부분이니 제외하고 컨트롤러 부분에서 pipe 가하는 필터링 부분 할수있지 않나요 ?? 그렇게 치면.. service 필요없이 그럼 controller 만 해도 된다고 라고 하면 할말이 없긴한데.. 굳이 pipes 를 사용해야하는 이유를... 다른분은 Pipe 를 사용하는 사례를 알겠다고 하겠지만 , 저는 굳이 Pipe 를 사용하는 이유를 알고싶어여 !
-
해결됨[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
menu에 hover하면 배경색이 검은색되고 글씨가 흰색이 되야하는데 안되요....sub-menu도요
menu에 hover하면 배경색이 검은색되고 글씨가 흰색이 되야하는데 안되요....sub-menu도요 코드에 어떤 문제가 있는걸까요? <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>부여 가을연꽃축제</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="left"> <header> <div class="header-logo"> <a href="#none"> <img src="images/logo-header.png" alt="header-logo"> </a> </div><!--.header-logo--> <div class="navi"> <ul class="menu"> <li> <a href="#none">축제소개</a> <div class="sub-menu"> <a href="#none">초대의 글</a> <a href="#none">축제개요</a> <a href="#none">축제연혁</a> <a href="#none">오시는길</a> </div><!--.sub-menu--> </li> <li> <a href="#none">행사안내</a> <div class="sub-menu"> <a href="#none">셔틀버스안내</a> <a href="#none">행사안내</a> <a href="#none">행사일정</a> <a href="#none">소공연장</a> </div><!--.sub-menu--> </li> <li> <a href="#none">홍보마당</a> <div class="sub-menu"> <a href="#none">축제소식</a> <a href="#none">보도자료</a> <a href="#none">음식레시피</a> </div><!--.sub-menu--> </li> <li> <a href="#none">참여마당</a> <div class="sub-menu"> <a href="#none">참가후기</a> <a href="#none">연꽃갤러리</a> <a href="#none">포토갤러리</a> </div><!--.sub-menu--> </li> </ul> </div><!--.navi--> </header> </div><!--.left--> <div class="right"> <div class="slide"> <div> <a href="#none"> <img src="images/slide-01.jpg" alt="slide image1"> </a> <a href="#none"> <img src="images/slide-02.jpg" alt="slide image2"> </a> <a href="#none"> <img src="images/slide-03.jpg" alt="slide image3"> </a> </div> </div><!--.slide--> <div class="items"> <div class="news"></div><!--.news--> <div class="gallery"></div><!--.gallery--> <div class="shortcut"></div><!--.shortcut--> </div><!--.items--> <footer> <div class="copyright"> (주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니 </div><!--.copyright--> <div class="sns"> <div> <a href="#none"> <img src="images/sns-01.png" alt="facebook"> </a> <a href="#none"> <img src="images/sns-02.png" alt="tweeter"> </a> <a href="#none"> <img src="images/sns-03.png" alt="instagram"> </a> </div> <div> <select> <option value=""> Family Site </option> <option value=""> 여주군청 홈페이지 </option> <option value=""> 한국관광공사 </option> <option value=""> 여행자보험가입 </option> </select> </div> </div><!--.sns--> </footer> </div><!--.right--> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html> @charset 'utf-8'; *{ padding: 0; list-style: none; text-decoration: none; } a{ color:#222328; } body{ margin:0; background-color: #fff; color:#222328; font-size: 15px; } .container{ border: 1px solid red; width:1000px; } .container > div{ float: left; box-sizing: border-box; } .left{ width:200px; } .right{ width:800px; } header{ } header > div{} .header-logo{ height: 100px; line-height: 130px; } .navi{ height: 400px; } .slide > div{ border: 1px solid green; height: 350px; } .items{ overflow: hidden; } .items > div{ border: 1px solid pink; height: 200px; float: left; box-sizing: border-box; } .news{ width: 300px; } .gallery{ width: 300px; } .shortcut{ width: 200px; } footer{ overflow: hidden; } footer > div{ height: 100px; float:left; box-sizing: border-box; text-align: center; } .copyright{ width:600px; padding-top: 30px; } .sns{ width:200px; } .sns div{ height: 50px; box-sizing: border-box; } .sns div:nth-child(1){ padding-top: 15px; } .sns div:nth-child(2){ padding-top: 10px; } /* slide */ .slide{ position: relative; } .slide > div{ /*position: absolute;를 여기에다가 주는게 아니라 .slide > div a{}안에 주어야함*/ } .slide > div a{ position: absolute; top:0; left: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; /*visibility: hidden;*/ } 5%{ opacity: 1; } 35%{ opacity: 1; } 40%{ opacity: 0; } 100%{ opacity: 0; } } /* Nevigation */ .menu{ padding: 0; width: 90%; margin: auto; } .menu li{ text-align: center; } .menu li > a{ border: 1px solid #000; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a{ background-color: #fff; color:#000; } .sub-menu{ border: 1px solid #000; } .sub-menu a{ display: block; padding: 5px; transition: 0.5s; } .sub-menu a:hover{ background-color: #fff; color:#000; }
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
해결 부탁드립니다.
atom에서 print를 치면 autocompeltp-python 에러가 떠서 게시판에 있는 내용을 따라 16버전은로 다운 시켰습니다. 이때 기존 파일을 지우고 내용 붙이기 했음.. 그 이후로 atom 실행 시키면 아래처럼 빨강색 내용이 나오네요.. 프로그램 추가제거에 들어가서 python과 atom을 삭제 후 다시 깔아도 기존 작업이 없어지지 않고 같은 에러 메세지가 뜹니다. ㅡㅜ;
-
미해결작정하고 장고! Django로 Pinterest 따라만들기 : 바닥부터 배포까지
9분 56초 질문드립니다.
def form_valid(self, form): temp_profile = form.save(commit=False) temp_profile.user = self.request.user temp_profile.save() return super().form_valid(form) 이 부분 10번 돌려봐도 무슨 말인지 전혀 모르겠습니다... 들리는 대로 다 적어봤는데, 이렇게 말씀하셨는데 무슨 말인지 전혀 이해가 안 가서 그런데 좀... 쉽게 설명 부탁드려도 될까요? #커스텀마이징하려는 내용. 괄호안의 form은 forms.py에서 날라온 데이터이며 (self, form)의 form에 저장된다. #user라는 데이터가 아직 없다. temp_profile의 user라는 데이터를 self에서 request를 보는 당사자 유저로 정해준다. 그리고 나머지는 조상(부모클래스)의 원래 그거의 결과를 return해준다.
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
RestAPI에 적용하고 하는 경우
로그필터, 로그인 필터를 RestAPI에 적용하고자 할때도 같은 방식으로 사용 하면될까요?아니면 다른 선호되는 방식이 있나요?인터셉터 강의를 방금 추가로 듣는 중인데,REST API에 적용할때는 인터셉터 방식이 더 맞는거 같기도 한데, 어떻게 사용하는게 좋은 방법인지, 혹은 어떤걸 공부하고 검색해 봐야하는지 알려주시면 감사드리겠습니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
flex-shrink값 질문드립니다.
이렇게 했는데 줄였을때 자식 1 가로가 338.67 자식 2 가로가 75.33 자식3 가로가 112 가 되었는데요 shrink가 감소너비니까 shrink값이 가장 작은 자식2 가로가 가장 길어야 하는 것 아닌가요ㅜㅜ? 왜 자식 1 가로가 가장 길게 나온건지 궁금합니다. + 늘렸을때도 자식 1 가로가 자식 2 가로보다 큽니다ㅜㅜ
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
indexOf 를 answer에 하는 방식은 잘못되었을까요 ?
public class RemoveDuplicateCharacter { public String solution(String str) { String answer = ""; char[] charArr = str.toCharArray(); for(char c : charArr) { if(answer.indexOf(c) == -1) answer += c; } return answer; } public static void main(String[] args) { Scanner in=new Scanner(System.in); String str = in.next(); System.out.println(new RemoveDuplicateCharacter().solution(str)); } }
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
indexOf 를 answer 에 주는 방식은 어떨까요? 성능이 많이 떨어질까요?
public class Main { public String solution(String str) { String answer = ""; char[] charArr = str.toCharArray(); for(char c : charArr) { if(answer.indexOf(c) == -1) answer += c; } return answer; } public static void main(String[] args) { Scanner in=new Scanner(System.in); String str = in.next(); System.out.println(new Main().solution(str)); } }
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
skipNumberRef
1. 제가 이해하고 있는게 맞는건가요? postCount: 모든 포스터 수 postCountRef.current: 초기에 로딩안된 남은 포스터수 skipNumberRef.current: 스크롤(스킵)된 포스트 remainPostCount: 단위?(6개 포스트로 지정 됬으므로 6개 포스트후 로딩되므로 6개당 1씩) 2. payload: skipNumberRef.current+6 이유를 모르겠습니다.
-
해결됨Slack 클론 코딩[실시간 채팅 with React]
안녕하세요
강사님 깃헙에서 front 라는 폴더로 공부중인데요 질문1. 프론트에서 코드를 수정했을시 컴파일은 잘 되는데 새로고침이 자동으로 안되네요 그래서 수동으로 새로고침을 하지 않으면 브라우저에서 수정된 코드로 화면이 렌더링되지 않네요 혹시 어떤문제일까요?.. 또한 슬랙 프론트 강의 완성본이 front폴더죠?? 질문2. direcMessage컴포넌트에서 useEffect가 onMessage 와onSubmitForm 함수보다 밑에 있는데 useEffect(() => { socket?.on('dm', onMessage); return () => { socket?.off('dm', onMessage); }; }, [socket, onMessage]); useEffect(() => { localStorage.setItem(`${workspace}-${id}`, new Date().getTime().toString()); }, [workspace, id]); 강의중에 useEffect는 다른 함수나 훅보다 위에있어야 한다고 하신것 같은데 왜 useEffect가 더 밑에 있는지 궁금합니당
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
profile 페이지 (로그인 했을때 vs 로그인 안했을 때)
제로초님 제가 redux이용해서 로그인 로그아웃 기능 구현하다가 profile페이지에서 자꾸 에러가 생겨서 질문드립니다. 제가 원하는 것은 profile페이지에 접속했을 때, login된 상태 (redux의 state중 isLoggedin이 true)면 profile페이지가 잘 나오고, logout된 상태(redux의 state중 isLoggedin이 false)면 profile페이지가 다른화면을 그리는 것을 원합니다. 처음 로그아웃된상태에서 /profile에 접속하면 로그아웃됐을때 profile화면이 잘 나오고,로그인상태에서 /profile에 접속하면 로그인됐을때 profile화면이 잘나옵니다. 허나, 로그인된상태에서 profile페이지에 접속해 있을 때, <Applayout>에 있는 로그아웃을 버튼을 클릭하면, 아래의 에러메세지가 나옵니다. Unhandled Runtime Error Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement. 검색해본 결과 해당 에러는 hooks의 위치가 잘못되었을 때, 나타나는 에러인데, 제가 볼 땐, 현재 제 코드의 hooks위치에 문제가 없는 것으로 파악됩니다. 한번 봐주시면 감사하겠습니다. ( 첫 로드일때는 화면이 잘 나오는데, profile페이지에서 state값이 바뀌니까 에러메세지가 뜹니다...)
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
새로운 계정
폴더 제목이 숫자여서 영문으로 바꾸려 하는데 새로운 계정은 파이썬 사이트에서 만들면 되나요?
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
기존 DB 질문
entities 파일만들고 코드만 따라치라는게 치세요. 보세요. 이게뭔지 3-4강에서 테이블 다시 만든다는데 어디서 만드는지 깃에서 보고 그거대로 db세팅하고 강의를 들으라는건지 설명좀 적으셔야 할거같은데요.
-
미해결Slack 클론 코딩[실시간 채팅 with React]
useState에 배열 넣기 질문
const [getName, setName] = useState<string[]>([]); for(let i = 0; i < res.data.length; i++) { landName[i] = res.data[i].landName; setName([...getName, landName[i]]); } 위에처럼 코드를 작성하였습니다. 배열이 돌면서 landName에 인덱스별로 값이 들어간 후 그 배열로 된 값들을 getName에 집어넣고 싶은데 제가 알고 있는 방법을 다 써보았는데 값이 안들어가는데 팁좀 주실 수 있을까요?
