<div class="container">     <div class="items">       <div class="top">         <img src="images/space-01.png">         <p>Mars</p>       </div>       <div class="description">         <p>           화성은 태양계의 네 번째 행성이다. 4개의 지구형 행성 중 하나다. 동양권에서는 불을 뜻하는 화(火)를 써서 화성이라 부르고 로마 신화의 전쟁의 신 마르스의 이름을 따 Mars라 부른다.         </p>         <a href="#none">Read More </a>       </div>     </div>   </div>   body {   display: flex;   justify-content: center;   align-items: center;   height: 100vh;   background-color: #222; } .items {   position: relative;   width: 300px;   border: 1px solid red; } .top {   width: inherit; height: 200px;   background-color: #333; } p { margin: 0; } .description {   position: absolute;   top: 0; left: 0;   width: inherit; height: 200px;   background-color: #ddd;   z-index: -1; }   .top 요소랑 .description 을 겹쳐놓은 상황입니다. 이제 .top요소를 z-index: 1; 을 주려 하는데 z-index가 안먹히더라고요 그래서 .description에 z-index: -1; 을 주니깐 작동하더라고요 제가 무엇을 잘못했는지 잘 모르겠어요. 혹시 같은 형제 요소끼리는 z-index가 적용이 안되나요?    

안녕하세요  MASK-RCNN 강의 듣던중 Bilinear Interpolation 예시 관련해서 weighted sum을 할때, S1*pixel(3,3) + S2*pixel(2,3) + S3*pixel(3,2) + S4*pixel(2,2) 대각성분은 교차해서 곱하고 비대각성분은 위치에 있는대로 곱하고 있는데 별도로 이유가 있는건가요? S1*pixel(2,2) + S2*pixel(2,3) + S3*pixel(3,2) + S4*pixel(3,3) 이 될거라고 생각했거든요//.. 

DispatcherServlet을 공부하다가 궁금한 점이 생겨서 질문 드립니다! 기존 MVC에서는 컨트롤러마다 서블릿을 만들어서 각 서블릿 마다 클라이언트 요청을 받았는데, DispatcherServlet을 추가한 이후로는 DispatcherServlet에서 모든 요청을 받고, 기존 컨트롤러는 POJO로 바꾸면서 서블릿의 수가 줄어드는데, 서블릿의 수가 줄어들면서 성능이 좋아지도록 영향을 주나요?

  def isPrime(x): ''' 소수인지 판별하는 함수 ''' if x==1: return False for i in range(2,x//2+1): if x%i==0: return False else: return True   위 for문에서 범위가 2부터 x를 2로나눈 몫까지 반복되는데, 예시로 들어주신 16의 경우, i가 2,3,4,5,6,7,8까지 반복문이 돌게 됩니다. 그런데 마지막 8의 경우는 2로 나눴을 때 이미 2*8=16으로 한번 나눠지게 되니 for문에 포함이 안되어도 될 것 같은데 아닌가요? range의 범위가 range(2,x//2)로 수정되어야 할 것 같은데, 맞는건지 궁금합니다.  

DB에는 ROLE_AMDIN 이런식으로 ROLE_ 을 붙혔는데   CONFIG에서는 ADMIN 만 되어있는데   ROLE_ <- 알아서 생략하는건가요?

full request 아무리 기다려도 안 뜨는데 얼마나 기다려야 되나요?

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.   Html/css/js 파일들은 웹서버에 저장했다가 요청이들어오면 브라우저에게 내려주는 방식으로 이해하였고   조금더 복잡한 로직이 있는경우나 db에 접근해야 하는 경우 WAS에 프로그램을 올린다고 이해하였습니다   궁금한점이 그냥 html,css,javascript들로 WAS에서 일어나는 일들을 처리할 수 있을 것 같은데   왜 둘로 나뉘어서 언어도 프레임워크도 다르게 개발하게 되었는지가 궁금합니다   많이 부족한 질문 죄송합니다ㅠㅠ

docker compose 가 여러개일 경우는 없을까요 ??    만약 docker compose 가 여러개 일때 ,  원하는 docker compose 를 빌드 , 실행 중지 하고싶을땐 어떻게 하면 될까요 ?? 

docker compose yml작성하게 될때 ,  밑에 volume 내용을 작성하잖아요 ㅎㅎ  그때 거기에 작성할땐 , 위에는 무시하는 부분 밑에는 우리가 매핑해야하는부분인데, 이게 순서에따라서 그렇게 인식이 되는건가요 ?? 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

(사진)

안녕하세요. 제가 컬렉션으로 이것저것 해보던중 궁금한 점들이 있어 질문 드립니다. 첫째. List<T>, Linked<T> 객체를 생성할때 생성자에 배열을 넣으면 해당 배열의 값을 복사하여 객체가 생성되던데 이것이 딕셔너리를 제외한 모든 컬렉션에 해당하는 것인가요? 둘째. 제가 List<T> list1을 선언, 초기화 하고 이를 List<T> list2 = new List<T>(list1); 으로 생성자에 넣으니 list2가 list1의 값을 복사한채 선언되었습니다. list1의 값을 수정해도 list2의 값이 변하지 않은것을 보니 재대로 깊은 복사가 된것으로 보이는데 인터넷에서 찾아보니 다른 사람들은 리스트 복사에 ToList, ConvertAll 등의 함수를 사용했었습니다. 정리하면 컬렉션 형식들은 객체 선언시 생성자에 같은 형식의 객체를 인수로 넣는것이 깊은 복사 방법으로 올바른 것인가요? 그렇다면 이 방법이 ToList 등 컬렉션 복사 함수들과 어떤 차이가 있나요? 답변 부탁드립니다. // 참고 코드 using System; using System.Collections.Generic; namespace ServeCs { class Program { static void Main(string[] args) { int[] array = { 1,2,3,4,5 }; List<int> list1 = new List<int>(array); List<int> list2 = new List<int>(list1); list1.Insert(0, 10); foreach (int i in list2) Console.WriteLine(i); } } }

in-memory DB를 사용하여 테스트코드를 작동하면 설정에 따라서 DB안에 저장된 내용을 확인할 수 있는 방법이 있을까요?  h2 DB에서 jdbc:h2:mem:test_mem URL의 DB를 만들고 그냥 하던대로 localhost8082에서 접속하고 url만 쓰면 될까요?

3강의를 따라서 작성하면 아래의 소스의 하단에 photo부분에서 에러가 발생 하고 있습니다.   왜 에러가 발생하는지 이유를 잘 몰라 문의 드립니다.   import 'dart:convert'; import 'package:flutter/material.dart';import 'package:image_search/model/Photo.dart';import 'package:image_search/ui/photo_widget.dart';import 'package:http/http.dart' as http;class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State<HomeScreen> createState() => _HomeScreenState();}class _HomeScreenState extends State<HomeScreen> { final _controller = TextEditingController(); List<Photo> _photos = []; Future<List<Photo>> fetch(String query) async { final response = await http.get(Uri.parse( 'https://pixabay.com/api/?key=27171919-dd7273ea4c33cde4e8cbd583f&q=$query&image_type=photo')); Map<String, dynamic> jsonResponse = jsonDecode(response.body); Iterable hits = jsonResponse['hits']; return hits.map((e) => Photo.fromJson(e)).toList(); } @override void dispose() { _controller.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( centerTitle: true, title: const Text( '이미지 검색 앱', style: TextStyle(color: Colors.black), ), backgroundColor: Colors.white, elevation: 0.0, ), body: Column( children: [ Padding( padding: const EdgeInsets.all(16.0), child: TextField( controller: _controller, decoration: InputDecoration( border: const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), ), suffixIcon: IconButton( onPressed: () async { final photos = await fetch(_controller.text); setState(() { _photos = photos; }); }, icon: const Icon(Icons.search), ), ), ), ), Expanded( child: GridView.builder( padding: const EdgeInsets.all(16.0), itemCount: _photos.length, gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, crossAxisSpacing: 16, mainAxisSpacing: 16, ), itemBuilder: (context, index) { final photo = _photos[index]; return PhotoWidget( photo: photo, <-- 이부분의 photo에서 에러가 발생 ); }, ), ) ], ), ); }}

api 쪽으로 요청 하면, cors-error가 자꾸 나는데요... https://api.hnpwa.com/v0/news/1.json 여기 api로 어쩔떈 접속이 되는데 또 어쩔때는 접속이 안되네요...이거 혹시 원인이 있을까요??또 cors-error 해결하려고, 따로 config 파일 만들어서 proxy 설정을 https://api.hnpwa.com/v0 이런식으로 하고, 요청 해봤는데도 안먹히네요.... 혹시 해결 방법이 있을까요? 

강의 중에 언급하신 마우스 좌표에 대해 질문이 있습니다. print(pyautogui.position()) 으로 구할 수 있겠지만 혹 구문이 아닌 다른 방법도 있나요??  

안녕하세요 현재 시점에서 LTS 최신버전은 16.15.0이고, VS는 8.10 버전인데 이것들을 다운 받아도 강연 따라가는데 오류나 문제가 발생하진 않을까요? 참고로 저는 맥북사용자이고, 이번에 본격적으로 강사님 강연 들으면서 node  열심히 공부해보려고 합니다 :) 그런데 맥북이 처음이라 예전버전 찾아서 다운받는게 아직 익숙치 않아서 이렇게 질문 남깁니다!! 감사합니다

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"></head><body><header> p*200>{$}</header><section class="section_today"> <article class="date_box"> <div class="tb_row"> <div class="tb_cell"> <strong class="t_date">TODAY</strong> <div class="date_count"></div> </div> </div> </article></section><script> function countDate() { let el = document.querySelector('.date_count'); let date = new Date(); let todayDate = String(date.getFullYear()) + String(date.getMonth() + 1 ) + String(date.getDate());//오늘의 날짜 let rolling = 24; let resultArray = []; resultArray = todayDate.split(''); resultArray.forEach(function(val,idx) { let countBox = document.createElement('div'); countBox.className = 'count_box'; let numberArray =[]; let number = Number(val); for(let i = 0; i<= rolling; i++) { let sum = number + i; let num = sum >= 10 ? Number(String(sum).split('')[1]) : sum; numberArray[i] =num; }; numberArray.reverse(); numberArray.forEach(function(val) { let countValue = document.createElement('span'); countValue.innerText =val; countBox.appendChild(countValue); }); el.appendChild(countBox); setTimeout(function() { countBox.classList.add('active'); console.log(countBox); }, idx * 300); }) } countDate();</script></body> </html>용해주세요.   .section_today{overflow:hidden;position:relative; background:#000; text-align: center; height: 100vh;}.section_today .date_box{height: 100%}.section_today .date_box .t_date{position:absolute; left:20px; top:400px; z-index: 100; font-size: 300px; color:#fff; opacity:1; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px #fff; transition: 1s;}.section_today.active .date_box .t_date {transform: translateX(0%);}.section_today .date_box .date_count{overflow: hidden; position: relative; display: inline-block; height: 200px; opacity:0; transition: opacity 0.5s 1s;}.section_today.active .date_box .date_count {opacity: 1;}.section_today .date_box .date_count:after {clear: both; display: block; content:'';}.section_today .date_box .date_count .count_box {float: left; animation: count_date 2.8s 1 ease-out both paused;}.section_today .date_box .date_count .count_box.active {animation-play-state: running;}.section_today .date_box .date_count .count_box span {display: block; height: 200px; color:#fff; font-size:200px; line-height:1; text-align: center; -webkit-text-fill-color: transparent;-webkit-text-stroke:6px #fff;}@keyframes count_date { 0%{ transform: translateY(0px); } 100%{ transform: translateY(-4800px); /*높이 롤링될 개수 구현값 */ }}무엇인 문제일까요 ㅠㅠ?

디비 연동까지 끝낸 이 프로젝트를 한 컴퓨터 내에서만 할 수 있는게 아쉽습니다!! Login UI 제작 부분을 어떻게 웹 사이트쪽으로 옮겨서 회원 가입 후 로그인하게 한 다음 우리의 게임에 들어오게 할까라는 고민을 하던중 강의 번외편을 보니 AWS를 활용한 강의가 있으신걸 봤습니다!! 그 강의를 수강하면 저희가 학습한 강의 9의 프로젝트를 저의 노트북에서만이 아닌 다른 이의 네트워크에서도 웹 사이트를 통해 접속하여 저희의 2D MMO RPG에 접속하여 같이 게임을 즐길 수 있는 걸까요??

왜 에러가 나오는지 모르겠습니다. Controller에서 Mapping 할 때 그냥 hello로 하면 404가 나오고 /hello 로 하게 되면 500 에러가 나오게 됩니다.   022-05-04 12:15:15.062 ERROR 5008 --- [nio-8080-exec-9] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.thymeleaf.exceptions.TemplateInputException: Error resolving template [hello!], template might not exist or might not be accessible by any of the configured Template Resolvers] with root cause   org.thymeleaf.exceptions.TemplateInputException: Error resolving template [hello!], template might not exist or might not be accessible by any of the configured Template Resolvers at org.thymeleaf.engine.TemplateManager.resolveTemplate(TemplateManager.java:869) ~[thymeleaf-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.thymeleaf.engine.TemplateManager.parseAndProcess(TemplateManager.java:607) ~[thymeleaf-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1098) ~[thymeleaf-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1072) ~[thymeleaf-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.thymeleaf.spring5.view.ThymeleafView.renderFragment(ThymeleafView.java:366) ~[thymeleaf-spring5-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.thymeleaf.spring5.view.ThymeleafView.render(ThymeleafView.java:190) ~[thymeleaf-spring5-3.0.15.RELEASE.jar:3.0.15.RELEASE] at org.springframework.web.servlet.DispatcherServlet.render(DispatcherServlet.java:1401) ~[spring-webmvc-5.3.19.jar:5.3.19] at org.springframework.web.servlet.DispatcherServlet.processDispatchResult(DispatcherServlet.java:1145) ~[spring-webmvc-5.3.19.jar:5.3.19] at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1084) ~[spring-webmvc-5.3.19.jar:5.3.19] at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:963) ~[spring-webmvc-5.3.19.jar:5.3.19] at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1006) ~[spring-webmvc-5.3.19.jar:5.3.19] at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:898) ~[spring-webmvc-5.3.19.jar:5.3.19] at javax.servlet.http.HttpServlet.service(HttpServlet.java:655) ~[tomcat-embed-core-9.0.62.jar:4.0.FR] at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:883) ~[spring-webmvc-5.3.19.jar:5.3.19] at javax.servlet.http.HttpServlet.service(HttpServlet.java:764) ~[tomcat-embed-core-9.0.62.jar:4.0.FR] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:227) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) ~[tomcat-embed-websocket-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.springframework.web.filter.RequestContextFilter.doFilterInternal(RequestContextFilter.java:100) ~[spring-web-5.3.19.jar:5.3.19] at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.19.jar:5.3.19] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.springframework.web.filter.FormContentFilter.doFilterInternal(FormContentFilter.java:93) ~[spring-web-5.3.19.jar:5.3.19] at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.19.jar:5.3.19] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:201) ~[spring-web-5.3.19.jar:5.3.19] at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117) ~[spring-web-5.3.19.jar:5.3.19] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:197) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:541) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:360) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:399) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:890) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1743) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) ~[tomcat-embed-core-9.0.62.jar:9.0.62] at java.base/java.lang.Thread.run(Thread.java:829) ~[na:na]