묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 시작하기 - Age of Vue.js
안녕하세요! 4/10 Live방송 때 router-view 관련한 질문드린 학생입니다!
안녕하세요! 캡틴판교님 :) 4/10 Live방송때 router-view관련해서 질문드리고 답변받았던 학생입니다! 다름이 아니라 캡틴판교님 말씀대로 오탈자와 router를 정의한 부분들(path나 component)을 살펴봤을 때 별 다른 문제는 없으나 아직 제대로 동작하지 않습니다.ㅠ 또한 캡틴판교 블로그의 '질문을 잘하는 개발자'글을 읽고 제가 처한 상황을 명확히 알려드려야 질문을 받는 입장에서도 편할거 같다고 생각해서 다시 질문드립니다! :) 1. 개발환경: 에디터는 VS코드를 사용하고 있고, npm으로 vue-cli를 설치해서 vue init webpack-simple로 프로젝트를 만들었으며, npm run dev를 통해서 개발하고 있는 내용을 확인하고 있습니다. 2. 문제상황: 싱글파일컴포넌트를 사용해서 컴포넌트들을 분리했으며, router에 관한 파일도 router.js로 따로 만들어서 main.js에서 import해서 사용했습니다. npm run dev를 통해서 실행시 console과 cmd창에서 모두 오류가 발생하지 않고 동작됩니다. 다만 App.vue의 template부분에 router-view를 통해서(5.참고) 나타내고 싶은 부분이 있는데 그 부분이 표시되지 않습니다.(7.참고) nav부분에서 router-link를 통해서 URL을 변경하는 부분을 구현했는데(6.참고) 해당 부분은 잘 동작됩니다. 실행된 웹에서 해당 버튼을 누르면 알맞게 URL이 /, /menu2, /menu3 ...으로 변경됩니다. (다만 Section컴포넌트가 뜨지 않는 것은 동일) 3. 다음은 router.js 내용입니다. 4. 다음은 main.js 내용입니다. 5. 다음은 App.vue 내용입니다. 6. 다음은 PlandNav.vue 내용입니다. 7. 다음은 실제로 동작하는 웹화면과 개발자도구에서 확인한 실제 렌더링 결과입니다. (footer내용은 가렸습니다!) 위의 사진과 같이 router-view를 통해서 나타내고 싶은 PlandSection1~4부분이 알맞게 렌더링되지 않고 <!---->로 표현됩니다 :( 혹시 제가 실수한 부분이나 발견하지 못한 오류가 있나요?? 제가 구글링하면서 찾은 제 문제와 가장 가깝다고 생각되는 문서입니다. https://stackoverflow.com/questions/60238731/vue-router-showing-blank-page-when-built https://router.vuejs.org/guide/essentials/history-mode.html
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
질문
안녕하세요. 질문이 있습니다. 현재문제에서 풀이를 할 때 할인한 금액 + 배달료 를 합한것이 제일큰 아이들부터 전체 금액에서 빼주면서 전체 금액 - (할인한 금액 + 배달료 중 제일 큰 아이) > 예산금액 이라면 product의 요소를 하나씩 지워가는 형태로 로직을 짜고 마지막에 product의 length를 answer에 대입해서 풀었습니다. 이럴 때 생길 수 있는 문제가 있을까요 ? 로직은 아래와 같습니다. function solution(m, product) { let answer = 0; // 전제 조건 // 상품비, 선물이 각각 10만원을 넘지 않는다. // 상품비 하나를 50퍼센트 깍을 수 있는 할인권이 있는데 가장 큰 액수(배송료 + discount적용한 선물 가격)를 할인하면 될듯 // m이 예산 let sum = 1000000000; let productArray = product; let discountPricePlusDeliverFeeArray = []; while (sum - m > 0) { sum = 0; discountPricePlusDeliverFeeArray = []; for (let i = 0; i < productArray.length; i++) { const giftPrice = productArray[i][0]; const deliverFee = productArray[i][1]; discountPricePlusDeliverFeeArray.push(giftPrice / 2 + deliverFee); sum += giftPrice + deliverFee; } if (sum - m > 0) { const mostExpensivePrice = Math.max(...discountPricePlusDeliverFeeArray); const index = discountPricePlusDeliverFeeArray.findIndex( (val) => val === mostExpensivePrice ); const mostExpesiveGiftPrice = productArray[index][0]; const discountPrice = mostExpesiveGiftPrice / 2; if (sum - discountPrice > m) { productArray = productArray.filter((val, i) => i !== index); sum = sum - mostExpensivePrice; } else { sum = sum - discountPrice; } } } answer = productArray.length; return answer;
-
미해결파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
문법오류
url = "http://naver.com" my_str = url.replace("http://", "") my_str = my_str[:my_str.index(".")] password = my_str[:3] + str(len(my_str)) + str(my_str.count("e")) + "!" print("{0} 의 비밀번호는 {1} 입니다." .format(url, password))
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이 방법도 괜찮은 방법일까요?
function solution(s) { let answer = ''; let block = 0; for (const l of s) { if (l === '(') { block++; continue; } else if (l === ')') { block--; continue; } if (block > 0) { continue; } else { answer += l; } } return answer; } let str = "(A(BC)D)EF(G(H)(IJ)K)LM(N)"; console.log(solution(str)); for문 하나로 풀어보았습니다. ( 를 만나면 block 변수를 1 증가. )를 만나면 blcok 변수 1 감소 block 변수가 0보다 크면 그 안에 있는 문자들은 괄호 안에 있으니까 무시 block이 없을 때 만나는 문자만 answer에 추가. 이런 로직으로 풀어보았습니다. 혹시 대응하지 못하는 예시가 있을까요?? 항상 감사합니다 선생님
-
미해결비개발자를 위한 RPA 강의 (UiPath 기본편)
응용 엑셀 강좌 말미에 언급된 pdf 파일이 어디 있는지요?
엑셀 액티비티가 정리되었다고 말씀하신 그 pdf가 어딨는지 모르겠습니다. 첨부파일 눌러봐도 example.xls 파일만 있고요 ㅠ
-
미해결IT보안을 위한 와이어샤크 네트워크 패킷 분석 실전
선생님 패킷분석에 관해서 궁금한 점이 있습니다.
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요. • 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 안녕하세요 선생님 강의를 듣다가 궁금한 점이 있어 질문을 드립니다. 와이어샤크로 패킷을 분석할때 WIFI 와 유선으로 연결했을때 패킷의 가장 큰 차이점이 무엇인지 궁금합니다.
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
6-2 오늘 날짜 카운트 스크립트 만들기 에서 롤링 관련 질문입니다!
var rolling = 24; //롤링될 개수 에서 롤링 될 개수는 왜 24개로 하신건지 알 수 있을까요?
-
미해결실전 리액트 프로그래밍
window click 이벤트 핸들러 관련 질문
안녕하세요 1-batch.js 파일에서 궁금한 부분이 있습니다. 왜 remove 하는 코드를 return 하는지 궁금합니다. window.addEventListener('click', onClick); return () => window.removeEventListener('click', onClick);
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
body태그 height 오류
상위 속성부터 차례대로 height 100%를 주어 전체 적으로 높이를 맞추는 부분이 이해는갔으나 코드가 실행이 되지않습니다 어떻게 해야할까요
-
미해결설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)
D drive 에 설치하기
Tool 설치시 C drive 의 용량이 부족하다면! D drive 에 설치하시면 됩니다. (하지만 D drive 가 없다면..;;;; 죄송합니다.) 방법은 path 만 D drive 로 잡아주시면 됩니다. WSL terminal 에서 cd /mnt/d # "d" drive path 만약에 성공적으로 들어가 지신다면, install path 를 /mnt/d/tools/Xilinx 이렇게 해서 진행하시면 됩니다.
-
미해결[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]
컬럼 리스트로 변경
안녕하세요 선생님! 9분쯤에 컬럼순서 바꾸려고 리스트해서 하는건 이해하고, value값도 변하지 않는거 까지는 알겠습니다! 근데 iso2를 삭제하고 1번자리에 다시 넣었는데 value값도 그대로 온거면 value값은 iso2라는 컬럼에저장되어있기에 자동으로 오는건가요? 그래서 cols.insest(1, 'iso2') 해야 iso2값이 그래도 오지 여기서 컬럼명을 바꾸고싶다고 다른걸 넣으면 value값은 안따라오는건가요?
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
바인딩 질문입니다.
바인딩 부분에서 FindChild가 component를 반환하고 실제 그 값을 UnityEngine.Object타입의 objects에 넣고있습니다. 문득 든 의문은Dictionary<Type,UnityEngine.Object[]> _objects 로 선언하여 componet를 UnityEngine.Object[] 배열에 담는 이유가 다형성을 이용하기 위함인가요?
-
미해결실전 JSP (renew ver.) - 신입 프로그래머를 위한 강좌
logout시 404에러
마지막에 logout 서밋버튼 누르면 404에러가 발생합니다. 리다이렉션은 login.jsp로 제대로 걸었습니다..
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
일대다 맵핑에서 joincolumn
일대다 맵핑할때 many to one 하는쪽에서 joincolumn(name="xxx") 을 해주는데요 xxx는 어떤 이름을 넣어주는건가요? 테스트를 해보니 아무 값이나 넣어줘도 맵핑은 되고 컬럼명만 바뀌는거 같더라고요.. 만약 컬럼명만 바꾸기 위한거라면, 1:N 매핑에서 @manytoone과 @joincolumn을 써주면 자동으로 1쪽 entity의 pk와 연결을 시켜주는건가요??
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
res.json({success: flase, arr}) 의 대괄호와 두 개의 인자에 대한 질문
안녕하세요, 앞서 좋은 콘텐츠 올려주심에 감사드립니다. 다름이 아니라, if(err) return res.json({success:flase, err}) 부분에서 json을 다시 보낼 때 대괄호를 쓰는 이유와 success:flase, arr 두 개의 인자가 들어가는지 궁금합니다!
-
해결됨실전! Querydsl
동시성 처리가 된건지 모르겠습니다.
@Transactionalpublic boolean enrollCourse(String studentId, Long courseId){ Course findCourse = courseRepository.findById(courseId).get(); if(findCourse.getCurrentNumStudent() == findCourse.getMaxNumStudent()) return false; Student findStudent = studentRepository.findById(studentId).get(); StudentCourse studentCourse = new StudentCourse(); studentCourse.enrollCourse(findStudent, findCourse); findCourse.addCurStudentNum(); studentCourseRepository.save(studentCourse); return true;} service의 메소드 입니다. 위의 동시성 처리 시나리오는 수강신청 최대 인원(findCourse.maxNumStudent)이 50명이고 현재 신청인원(findCourse.currentNumStudnet)이 49명일 때 동시에 여러 학생이 수강신청을 할 경우의 동시성 처리입니다. false를 반환 받으면 controller에서 클라이언트로 신청할 수 없다는 메세지를 전달합니다. JPAQueryFactory는 Repository마다 생성하고 JPAQueryFactory에 초기화하는 EntityManager는 주입받아서 전체 Repository에 공통으로 사용하고 있습니다. @Transactional 에너테이션을 추가했고, JPAQeuryFactory를 사용했으므로 동시성 처리가 되고 있는 건지 궁금합니다. 더 생각 해 본것이 메소드에 synchronized 를 사용하는 것도 괜찮을 까요? 클라이언트의 요청마다 스레드가 생기는 것이니까 가능할 것 같다고 생각합니다. 또, 혼자서 개발할 때 동시성 처리를 테스트 할 수 있는 좋은 방법이 있는지 궁금합니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
너무 신기합니다...
너무 신기해서 문제입니다.. ㅠㅠ 제가 이런 기능(JsonUtility.FromJson) 을 접했을 때, 제가 혼자 이렇게 만들어갈 수 있을지 궁금해서 도큐먼트를 찾아봤는데요. Unity - Scripting API: JsonUtility.FromJson (unity3d.com) 도큐먼트의 예시는 'class Stat'와 같은 형태로 예시를 주고, 그런 형태의 오브젝트(Stat)으로 반환해준다고만 써 있는데요. class StatData의 List로 넣어서 편하게 리스트로 받을 수 있다는 발상은 어떻게 할 수 있는건가요? 제가 제네릭/클래스에 대한 이해가 부족한건가요? 아니면 보편적으로 상식적으로 많이 통용 되는 부분이라 JsonUtility를 만들 때 내부적으로 이래도 되게끔 만든건가요?
-
미해결3D리플릿 만들기 - 인터랙티브 웹 프로젝트
body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다
body에 perspective를 주면 html, body가 높이가 0이 되어서 일단 body에 100vh 주긴 했는데.. 왜 강의와는 다르게 적용되는 걸까요?
-
미해결웹 게임을 만들며 배우는 React
빌드시 에러발생.
webpack 빌드시 에러가발생하는데 어떻게해결해야할지 모르겠습니다. 처음 빌드했을때 pollyfill 에러를 시작으로 105개 에러가 발생해서.. 저에러메세지에 뜨는거 순서대로 (url가 맨위에있던 에러였는데 그거보고 설치했는데도 순서대로 에러나서 나머지는 다 false로 적었습니다. 이후에도 . 에러를 시작으로 에러가 발생하는데 어떻게 해결해야할까요.. npm ls babel-loader 시 8.2.2 버전 npm ls @babel/core 시 7.13.15 버전 node -v시 버전 12.18.3 npm -v시 버전 6.14.6 입니다. 노드 버전문제인지..
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
공지사항 텍스트 넘침 & items영역 바로가기 줄바뀜
우선 contents라고 이름 붙인 공지사항, 갤러리, 바로가기 영역에서 바로가기 부분이 사진처럼 아래칸으로 내려갔는데 이유를 모르겠어요.(footer도 사라진 것 같아요.) 두번째로, 공지사항 텍스트가 길어서 중간에 자르는 코드를 강의 따라 썼는데, 제대로 되지 않습니다 ㅜㅜ