묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
패널에 이미지가 아닌 Iframe을 넣는 방법
안녕하세요 선생님~!제가 패널을 이용해서 제가 만든 웹사이트들을 Iframe을 이용해서바로 보여주고 싶은데 관련 문서를 5시간 가량 각종 단어와 유튜브, 구글링을 통해 알아봤지만 방법을 알 수 없었습니다 ㅠㅠ제가 아직 초보 코린이라서 소스를 봐도 이해가 되지 않아서 그런 것 같은데 패널 안에 이미지가 아니라 iframe을 넣을 수 있는 방법이 있을까요..?제가 구현하고 싶은 느낌은(https://codesandbox.io/s/mixing-html-and-webgl-w-occlusion-9keg6?file=/src/App.js) 이런 느낌인데 아직 모델링은 만들지않았고 우선 테스트용으로 패널만 만들어서 넣고 싶은데 잘 모르겠습니다 ㅠ
-
미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
GSAP(트윈맥스) 라이센스 관련 질문 드립니다.
현재 강의에서 사용중인 트윈맥스 CDN은 무료 버전이라고 하셨는데,그럼 웹 에이전시 실무에서 해당 라이브러리를 라이센스 구매없이 프로젝트에 사용해도 문제없을까요?또한 GSAP최신버전을 사용해도 저작권 문제없을까요?GSAP 라이센스 관련 문서에는 (https://greensock.com/standard-license/)"고객이 사이트/제품을 만들기 위해 일회성 비용을 지불하는 경우에는 완전히 문제가 없으며 "무료" 라이선스에 따라 자격이 부여 됩니다. " 라는 문구가 있어서 문제가 없을것 같습니다만..... 오랫동안 실무에서 사용해오신 선생님의 생각을 여쭙고 싶습니다.답변 주시면 감사하겠습니다!
-
미해결지금 바로 React 시작하기
Route 퀴즈를 풀어봤는데 한번 봐주실 수 있나요?!
안녕하세요, 강사님!강의 정말 재밌게 듣고 있습니다ㅎㅎㅎ제가 React Router 강의에서 나온 퀴즈를 codesandbox에서 풀었는데 이렇게 사용하는게 맞을까요?수정해야할 부분이 있다면 알려주시면 다시 공부해보고 싶습니다!codesandbox : https://codesandbox.io/s/react-router-dom-v6-practice-nxvwlm?file=/src/App.jsx
-
미해결태블로 대시보드 기초
여러 사람에게 이메일 보내는 세팅도 가능한가요?
안녕하세요 강사님,강의 정말 잘 듣고 있습니다!이메일 보내기 액션에서 여러 사람에게 보내기도 가능한지 궁금합니다. 예를 들어, mailto: xxx@ 여기에 여러 사람의 이메일을 ;로 연결해 넣으면 가능하다든지 아니면 다른 방법이 있는지 알려주실 수 있나요? 감사합니다.
-
미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
vue create 에러
node.js 를 설치하고 빌드 툴까지 설치하고 나서 영상내용과 동일하게 vue create를 실행했습니다.. 에러를 보여줍니다 .. 왜 그런걸까요 ㅜ
-
미해결해커를 위한 iOS 앱 모의 해킹 전문 과정
Runtime Manipulation(2) 강의 중 질문이 있습니다 .!!
단순 궁금증 이긴한데요 ,, 구글링을 해보아도 해답을 찾을 수 없어 질문을 드려봅니다. 해당 강의에서 처럼 Ghidra 를 사용하여 문자열 검색을 하면 다음과 같이 정상적으로 잘 나오는데 IDA 로 검색을 시도하면 [Login Method 2] 에 대한 주솟값밖에 보이지가 않아서 왜 그런지가 궁금하네요 해당 주소를 접근하여 [Login Method2] 의 분기값 밖에 보이질 않네요. !!
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
각 애플리케이션에 랜덤포트를 부여하는 이유
안녕하세요!!! 랜덤포트를 부여하는 이점에 대해서 아직도 이해가 잘 안갑니다.ㅜㅜ 마이크로서비스 애플리케이션의 확장성과 랜덤포트를 부여하는게 얼마나 깊은 관계가있나요?? 저는 정해두고 쓰는게 더 편하다고 생각했거든요. 그리고 실무에서도 정말 이렇게 랜덤포트로 사용하나요?
-
미해결[아파치 카프카 애플리케이션 프로그래밍] 개념부터 컨슈머, 프로듀서, 커넥트, 스트림즈까지!
질문있습니다!
카프카 클러스터를 미러 메이커를 이용하여 컨슈머 클러스터, 프로듀서 클러스터로 나누는 경우가 있다고 봤데요...하나의 하나의 클러스터가 컨슈머, 프로듀서 둘 다의 역할을 하면 장애 발생 시 서비스를 하기가 힘들어서 그렇다고 생각을 해보았는데 혹시 큰? 다른? 이유가 있는지 궁금합니다!!
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
격자판 최대합
이런식으로 함수를 만들어서 코드를 짰습니다.실제로도 대각선, 세로, 가로 합, 최댓값 제대로 출력되는데 왜 채점에서는 wrong 으로 나올까요? import sys sys.stdin = open("input.txt", "rt") n = int(input()) arr = [] for i in range(n): arr.append(list(map(int, input().split()))) def sumHorizon(n): sum = 0 maxSum = 0 for i in range(n): for j in range(n): sum += arr[i][j] if (j == n-1): if maxSum < sum: maxSum = sum sum = 0 else: sum = 0 return maxSum def sumVertical(n): sum = 0 maxSum = 0 for i in range(n): for j in range(n): sum += arr[j][i] if (j == n-1): if maxSum < sum: maxSum = sum sum = 0 else: sum = 0 return maxSum def sumDiagonal(n): lsum = 0 rsum = 0 maxSum = 0 for i in range(n): lsum += arr[i][i] rsum += arr[i][n-i-1] if (i == n-1): if maxSum < lsum: maxSum = lsum lsum = 0 elif maxSum < rsum: maxSum = rsum rsum = 0 else: lsum = 0 rsum = 0 return maxSum result = max(sumDiagonal(5), sumVertical(5), sumHorizon(5)) print(result)
-
미해결쉽고 빠르게 익히는 Power BI (기본편)
PowerBI 에서 한 페이지만 내보내기/가져오기 를 할 수 있는지요?
안녕하세요쉽고 빠르게 익히는 Power BI (기본편) 을 수강하고 있고 대시보드 생성 및 공유를 공부하고 있습니다. 공부하면서 궁금한 점이 있습니다. 엑셀에서는 sheet 별로 내보내기 및 가져오기가 되는데요, PowerBI 에서도 한 페이지만 내보내기/가져오기 를 할 수 있는지요? 자세히 알려주시면 감사하겠습니다.
-
미해결냉동코더의 알기 쉬운 Modern Android Development 입문
ViewModel이 RepositoryImpl이 아니라 Repository를 생성자로 가지고 있는 것에 대한 질문
제목 그대로 ViewModel이 RepositoryImpl(구현체)이 아니라 Repository(인터페이스)를 생성자로 가지고 있는 것은 SOLID 원칙 중 어느 원칙을 준수하기 위함인지가 궁금합니다.
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
수업 관련 질문합니다.
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기 76분 58초여기서 화살표 아이콘이 화면에 안 나타나요. 1번 <i class="fas fa-chevron-circle-left slide-prev"></i> 2번<i class="fas fa-circle-chevron-right slide-next"></i> 1번은 강사님 화면을 보고 그대로 친 건데 이건 화면에 나타납니다. 근데 2번은 제가 직접 fontawesome에서 찾은 아이콘의 코드를 넣은 건데 화면에 안 나타나요. fontawesome에서 html copy code snippet을 붙여 넣은 것도 화면에 안 나타나고 제가 검사창에서 직접 아이콘 부분 코드를 복붙한 것도 안 나타납니다. 업무자동화, 데이터 분석 등의 아이콘도 처음에 제가 직접 fontawesome에서 html 코드 스니펫을 복붙한 건 안 나타났는데 검사 창에서 코드를 복사하니 나타났거든요. 그게 강사님 코드랑 똑같더라고요. 근데 화살표 아이콘은 강사님이랑 똑같이 코드를 치지 않으면 화면에 나타나질 않아서 제가 아이콘을 바꾸고 싶을 땐 어떻게 적용해야 하는지 알려주세요.지금까지 작성한 전체 코드입니다.index.html<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8" /> <title>잔재미코딩</title> <meta name="description" content="잔재미코딩 온라인 강의 리스트" /> <meta name="keywords" content="Online Lecture" /> <meta name="author" content="Dave Lee" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta property="og:type" content="website" /> <meta property="og:title" content="잔재미코딩" /> <meta property="og:description" content="잔재미코딩 온라인 강의 리스트" /> <meta property="og:image" content="img/fun-coding-mark.png" /> <meta property="og:url" content="https://www.fun-coding.org" /> <meta property="og:site_name" content="잔재미코딩" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="잔재미코딩" /> <meta name="twitter:description" content="잔재미코딩 온라인 강의 리스트" /> <meta name="twitter:image" content="img/fun-coding-mark.png" /> <meta name="twitter:url" content="https://www.fun-coding.org" /> <meta name="twitter:creator" content="Dave Lee" /> <link rel="stylesheet" href="css/styles.css" /> <link rel="icon" href="img/fun-coding.ico" /> <link rel="apple-touch-icon" href="img/fun-coding.ico" /> <link rel="shortcut icon" tyle="image/x-icon" href="img/fun-coding.ico" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" /> <script src="https://kit.fontawesome.com/f1def33959.js" crossorigin="anonymous" ></script> <link href="//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/style.css" /> </head> <body> <header> <div class="inner"> <div class="head-container"> <div class="head-brand"> <a href="https://www.fun-coding.org">잔재미코딩</a> </div> <div class="head-blog"> <a href="https://www.fun-coding.org/daveblog.html" >잔재미코딩 블로그 모음</a > </div> </div> </div> </header> <section class="main"> <div class="main-container"> <div class="inner"> <div class="title-container"> <div class="title">광고보다 강의에 집중합니다</div> <div class="message"> 전자책보다 좋은 자료와 현업의 경험을 함께<br /> 검증된 온라인 강의를<br /> 검증된 온라인 플랫폼에서 제공합니다. </div> </div> </div> </div> </section> <section> <div class="inner"> <div class="skill-container"> <div class="skill"> <i class="fab fa-python skill-icon python-style"></i> <div class="skill-title"> <div class="skill-name">업무 자동화</div> <div class="skill-usage">크롤링/자동매매</div> </div> </div> <div class="skill"> <i class="fas fa-chart-bar skill-icon analysis-style"></i> <div class="skill-title"> <div class="skill-name">데이터 분석</div> <div class="skill-usage">데이터 분석</div> </div> </div> <div class="skill"> <i class="fab fa-app-store-ios skill-icon ai-style"></i> <div class="skill-title"> <div class="skill-name">AI</div> <div class="skill-usage">인공지능 활용</div> </div> </div> <div class="skill"> <i class="fab fa-vuejs skill-icon vue-style"></i> <div class="skill-title"> <div class="skill-name">풀스택</div> <div class="skill-usage">웹/앱 서비스</div> </div> </div> </div> </div> </section> <section> <div class="inner"> <div class="roadmap-container"> <div class="roadmap-title-container"> <div class="roadmap-title">잔재미코딩 관련 블로그 및 서적</div> <div class="arrow-container"> <i class="fas fa-chevron-circle-left slide-prev"></i> <i class="fas fa-circle-chevron-right slide-next"></i> </div> </div> <div class="class-list-container"></div> </div> </div> </section> <footer></footer> </body> </html> style.css* { box-sizing: border-box; } body { margin: 0 auto; color: #3f464d; font-family: "Spoqa Han Sans Neo", "Sans-serif"; } a { all: unset; } a:link { text-decoration: none; color: #3f464d; } a:visited { text-decoration: none; color: #3f464d; } a:active { text-decoration: none; color: #3f464d; } a:hover { text-decoration: none; color: #3f464d; } .inner { width: 100%; height: 100%; margin: 0 auto; padding: 0 2rem; } header { width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 1000; } .head-container { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; } .head-container .head-brand { font-weight: bold; font-size: 1.2rem; } .head-container .head-brand a:hover { color: #2186c4; cursor: pointer; } .head-container .head-blog { font-weight: bold; font-size: 1.2rem; } .head-container .head-blog a:hover { color: #2186c4; cursor: pointer; } section { width: 100%; background-color: #fff; position: relative; } .main { height: 360px; background-image: url("https://www.fun-coding.org/assets_lms/images/photodune-4161018-group-of-students-m.jpg"); background-size: cover; background-position: center 10%; background-repeat: no-repeat; z-index: 1; } .main-container { width: 100%; height: 100%; background-color: rgb(47, 48, 89); opacity: 0.8; z-index: 2; margin-top: 60px; } .title-container { padding-top: 100px; padding-bottom: 100px; } .title { font-size: 2rem; font-weight: bold; color: #fff; margin-bottom: 0.8rem; } .message { font-size: 1.4rem; font-weight: normal; color: #fff; line-height: 2rem; } .skill-container { width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; } .skill { width: 25%; background-color: #fff; display: flex; align-items: center; border-radius: 9px; padding: 0.5rem 1rem; margin: 0.1rem; box-shadow: 10px 10px 10px -5px rgba(25, 42, 70, 0.2); } .skill-icon { font-size: 2.5rem; margin: 0 10px; } .skilltitle { display: flex; flex-direction: column; align-content: center; } .skill-name { font-weight: bold; color: #54536f; margin-bottom: 0.2rem; } .skill-usage { font-size: 0.9rem; color: #54536f; } .python-style { color: #2186c4; } .analysis-style { color: #ff8066; } .ai-style { color: #f7df1e; } .vue-style { color: #2e7d32; } .roadmap-container { width: 100%; margin-top: 2rem; } .roadmap-title-container { width: 100%; display: flex; justify-content: space-between; align-items: center; } .roadmap-title { font-size: 1.3rem; font-weight: bold; color: #54536f; } .slide-prev { font-size: 2rem; cursor: pointer; color: rgb(47, 48, 89); } .slide-next { font-size: 2rem; cursor: pointer; color: #cfd8dc; } @media only screen and (min-width: 1200px) { .inner { max-width: 1200px; } } @media only screen and (max-width: 980px) { .skill-container { display: none; } }
-
해결됨Spring Boot JWT Tutorial
authenticationManagerBuilder에서 getObject를 할때 에러가 뜹니다.
authenticationManagerBuilder.getObject();This object has not been built at org.springframework.security.config.annotation.AbstractSecurityBuilder.getObject(AbstractSecurityBuilder.java:51) ~[spring-security-config-5.7.4.jar:5.7.4] 왜그러는걸까요 추가로 DaoAuthenticationProvider에서 자동으로 additionalAuthenticationChecks해줘서 String presentedPassword = authentication.getCredentials().toString(); if (!this.passwordEncoder.matches(presentedPassword, userDetails.getPassword())) { this.logger.debug("Failed to authenticate since password does not match stored value"); throw new BadCredentialsException(this.messages .getMessage("AbstractUserDetailsAuthenticationProvider.badCredentials", "Bad credentials")); }패스워드를 체크할 수 있다는 글을 보았는데 확인해보니 deprecation이 되어있습니다.사용하지 않는게 좋나요?
-
미해결[아파치 카프카 애플리케이션 프로그래밍] 개념부터 컨슈머, 프로듀서, 커넥트, 스트림즈까지!
카프카 스트림즈 에러 핸들링 질문 드립니다
카프카 스트림즈에서 에러 발생 시 commit이 어떻게 진행되는지 궁금합니다(카프카 스트림즈는 auto.commit 설정을 변경할 수 없는걸로 이해하고 있습니다혹시 잘못 이해하고 있다면 말씀 부탁드립니다~)에러 핸들링 클래스 리턴 타입이 각각 FAIL, CONTIUNE 일 때FAIL이면 커밋 X, CONTINUE이면 커밋 O맞을까요?
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
split_debug 질문입니다
안녕하세요 큰돌님 split_debug 를 보면서 궁금한 점이 생겼는데요while ((pos = input.find(delimiter)) != string::npos) { longlong pos = input.find(delimiter); cout << "POS : " << pos << '\n'; if (pos == string::npos)break; token = input.substr(0, pos); ret.push_back(token); input.erase(0, pos + delimiter.length()); } ret.push_back(input); return ret;while문의 조건으로(pos = input.find(delimiter)) != string::npos가 있는데 if(pos == string::npos) break 를 하는 이유가 궁금합니다.
-
해결됨스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
ErrorPage를 참조하는 건 누군인가요?
[질문 내용]안녕하세요 강의를 보다가 ErrorPage객체를 참조하는 주체가 누구인 지 궁금해서 질문 올리게 되었습니다!예외가 발생했을 때 WAS까지 넘어오면 WAS가 ErrorPage 객체를 참조해서 에러페이지에 대한 재요청을 보내는 것인가요 아니면 WAS가 DispatcherType을 Error로 해서 재요청을 보내면 프론트 컨트롤러에서 ErrorPage를 참조해서 Controller를 호출하는 건가요?
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
미로탐색(DFS) 질문드립니다
미로탐색(DFS) 문제 풀이중DFS함수내에if(nx>=1 && nx<=7 && ny>=1 && ny<=7 && board[nx][ny]==0) 가 있는데if(board[nx][ny]==0 && nx>=1 && nx<=7 && ny>=1 && ny<=7) 로 변경하면범위오류가 발생합니다 앤드조건임에도 순서를 고려해야할까요..
-
해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
position 질문
선생님 안녕하세요. 햄버거 메뉴 만들 때label에 position: relativelabel span 에 position: absolute 이렇게 포지션값을 주었는데,사이드바 만들면서 label의 position: relative 를 absolute로 바꿔주게 되는데그럼 label span 의 position: absolute 의 relative는 무엇이 되는 건가요?? label의 포지션을 앱솔루트로 바꿨는데도, label span에는 영향이 없는 이유가 궁금합니다label[for=trigger] { /* border: 1px solid red; */ width: 30px; height: 20px; display: block; position: absolute; cursor: pointer; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.5s; } label[for=trigger] span { position: absolute; height: 2px; background-color: #000; width: 100%; left: 0; transition: 0.3s; } /* sidebar */ .sidebar { background-color: #000; width: 300px; height: 100vh; position: fixed; right: -300px; transition: 0.5s; }
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
타임리프 파싱 오류
https://drive.google.com/file/d/19kE1MqjQqEW--lxC_1x8EprFxsnAtWRB/view?usp=sharing 주문 목록까지는 나오는데 ORDER로 해놓고 검색을 하면 이렇게 파싱이 안됩니다. 경로도 맞는데 어디서 문제가 있는지 모르겠습니다.거의 다왔는데 마지막에 애먹네요 ㅠㅠ
-
미해결
mysql - ORDER BY FIELD / jpa에서 유사한 기능이 있나요 ?
MySQL IN 절 안에 있는 순서대로 정렬하기SELECT * FROM TABLE WHERE KEY IN (2, 1, 3) ORDER BY FIELD(KEY, 1, 2, 3) ORDER BY FIELD 이 기능이 jpa에도 있나요 ??
