묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안되는 부분 html css 및 웹 공유드립니다 확인부탁드려요
아래 html css 및 현재 표기되고 있는 화면 공유드립니다. <html> <head> <title>hojun market</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> <div id="footer"></div> </div> </body> <script> var products = [ { name: "농구공", price: 10000, seller: "조던", imageUrl: "/images/products/basketball1.jpeg", }, { name: "축구공", price: 20000, seller: "메시", imageUrl: "/images/products/soccerball1.jpg", }, { name: "키보드", price: 30000, seller: "그랩", imageUrl: "/images/products/keyboard1.jpg", }, ]; let productsHTML = ""; for (var i = 0; i < products.length; i++) { productsHTML = productsHTML + '<div class="product-card">' + "<div>" + ' <img class="product-img" src="images/products/basketball1.jpeg" />' + "</div>" + ' <div class="product-contents">' + ' <span class="product-name">농구공 1호</span>' + ' <span class="product-price">50,000원</span>' + '<div class="product-seller">' + '<img class="product-avator" src="images/icons/avatar.png" />' + " <span> 그랩 </span>"; (" </div>"); ("</div>"); ("</div>"); } document.querySelector("#product-list").innerHTML = productsHTML; </script> </html> css * { margin: 0; padding: 0; } #header { height: 64px; border-bottom: 1px solid gray; display: flex; justify-content: center; } #body { height: 100%; width: 1024px; margin: 0 auto; padding-bottom: 24px; } #footer { height: 200px; background-color: red; } #banner { height: 300px; background-color: yellow; } #header-area { width: 1024px; height: 100%; display: flex; align-items: center; } #header-area > img { width: 128px; height: 36px; } #banner > img { width: 100%; } #body > h1 { margin-top: 16px; } #product-list { display: flex; flex-wrap: wrap; } .product-card { width: 180px; height: 300px; margin-right: 12px; margin-bottom: 12px; border: 1px solid black; border-radius: 12px; } .product-img { height: 210px; width: 100%; } .product-contents { display: flex; flex-direction: column; padding: 8px; } .product-name { font-size: 14px; } .product-price { font-size: 16px; font-weight: 600; margin-top: 4px; } .product-seller { display: flex; align-items: center; margin-top: 12px; } .product-avator { width: 24px; }
-
해결됨홍정모의 따라하며 배우는 C언어
[여러분의 궁금증] if ( ... && !line_flag) false? true??
// 질문 아님.. 문제가 있다면 덧글 남겨주세요~ Ⅰ. 개요 Ⅱ. 원인 Ⅲ. 결론 ---------------------------------------------------------- 안녕하세요. 강의 잘 듣고 있습니다. 이번 강의를 보는 중에 처음에는 너무 당연하게 생각했던 것과 다른 수강생분들의 질문을 보다보니, 저도 너무 헷갈린 나머지, 글을 남기고 싶어졌습니다. Ⅰ. 개요) !false는 true입니다. 반대로 !true == false가 되겠죠? line_flag = false로 초기화했다면, !line_flag는 true일 것입니다. 그렇다면 if (!line_flag)는 if (true)를 의미합니다***. 여기서! 오해의 원인) if (!line_flag)는 line_flag가 !false일 경우에만 if문을 실행하겠다는 의미로 기대하게 됩니다. (아직 모호하면 아랫 글 참고 ↓↓↓) ---------------------------------------------------------- Ⅱ. 문제 원인) 이제 예시를 보겠습니다. 예상하기로, if(!line_flag)는 line_flag가 true일 경우에 if문을 실행하겠다는 의미로, 바로 위에 line_flag = false라서 실행되지 않을 것이라 기대하게 됩니다. (위 코드는 printf함수가 출력이 됩니다) 마치! 위처럼 num이 1이라면 if문은 실행되지 않았을 겁니다. 한편 "num = 0;" 으로 대입을 했다면, num != 1에 만족하니 if문이 실행되겠죠. line_flag도 똑같이 생각한 것입니다. 다음 사진과 같이 생각한 것이죠. 이 때는 line_flag가 false로 초기화되어 있으니, if문도 실행되지 않겠죠. if문에 들어가기 전에 line_flag = true;로 설정값을 바꿔준다면 if문이 정상적으로 실행될 것입니다. line_flag = true; !line_flag; 1번과 2번은 엄연히 다른 개념입니다. 1번은 bool타입의 변수 line_flag에 true값을 넣어준 것이고, 2번은 true값을 가지고 있는 line_flag를 일시적으로, 그 때에만! 반대값인 false로 바꿔주는 것입니다. ---------------------------------------------------------- Ⅲ. 결론) 돌고돌아 간단합니다.. 개요에서 이미 답이 나왔죠? line_flag가 false인 상태입니다. !line_flag는 true를 의미합니다. 즉, if(!line_flag) == if(true)인 것입니다. 이미 쓰여있던 질문과 답변을 보았는데, 분위기가 마치 엄청 배고픈데, 햄버거 한 개밖에 못 먹은 분위기였어요.. 그래서 남겨보아요..
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
헤더와 푸터 경로문제
리액트 경로가 잡히지 않는것 같아요 헤더랑 푸터 임포트해서 했는데도 Can't resolve '../components/Footer' in 이런 에러만 뜹니다...
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
예외사항 질문입니다.
안녕하십니까!? 늘 좋은 강의 잘 듣고 있습니다. 문제에서 보면, 1. 도시의 갯수가 1~100까지로 되어 있는데 코드상에서도, vector<pair<int, int> > map[100] 이 되어야 하는 것이지요? 2. 도로비용이 음수일 수 도 있다고 했는데, 이 경우도 고려가 되는건가요? 감사합니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 허용 부탁 드립니다.
저도 강의 다시 신청합니다. 허용 부탁 드려요 인프런 아이디: 호아 인프런 이메일: kanzihoa@gmail.com 깃헙 아이디 : kanzihoa 깃헙 Username : chokosirub@naver.com
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part1: C++ 프로그래밍 입문
깊은복사 pet 소멸시기
깊은복사를 구현할떄 new를 사용해서 새로운 펫객채를 힙에다가 생성하는데 이건 knight가 소멸될때 자동적으로 pet객체도 소멸되는건가요. 따로 delete를 해줄필요가 없는건가요
-
해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 주소 여기 맞나요??
https://gist.github.com/joshua1988/3fd36e04623aa42d536d8dbae37290de 여기 주소에 아이디 정보 남겼습니다. 확인 부탁드립니다.
-
미해결대세는 쿠버네티스 (초급~중급편)
PV의 ReclaimPolicy의 기본값에 대한 질문입니다.
5분 45초 부분에서 ReclaimPolicy를 따로 설정하지 않은 경우, 기본 정책이 Retain이라고 하셨는데, 쿠버네티스 공식문서에는 기본값이 Delete라고 되어있습니다. 혹시 이 부분이 강의를 찍으실 시점에서는 Retain이 기본정책이었나요? https://kubernetes.io/ko/docs/concepts/storage/storage-classes/
-
해결됨실전! Querydsl
Dto로 조회 관련 질문드립니다!
안녕하세요 팀장님 강의 내용을 토대로 다양하게 혼자 연습해보고 있는데, Dto로 조회하는 과정에서 오류가 계속 발생했는데 어떤식으로 해결해야될지 몰라서 질문 남깁니다.! Member - Team 관계에서 Team을 Dto로 조회하는 과정입니다. 우선 Dto말고 Tuple로 조회했을때는 정상 동작했습니다. 1. Tuple 조회 ( 정상 동작) @BeforeEachpublic void setup() { queryFactory = new JPAQueryFactory(em); Team teamA = new Team("teamA"); Team teamB = new Team("teamB"); em.persist(teamA); em.persist(teamB); Member member1 = new Member("member4", 10, teamA); Member member2 = new Member("member4", 20, teamA); Member member3 = new Member("member4", 30, teamB); Member member4 = new Member("member4", 40, teamB); Member member5 = new Member("member5", 40, teamB); em.persist(member1); em.persist(member2); em.persist(member3); em.persist(member4); em.persist(member5); em.flush(); em.clear();} List<Team> fetch = queryFactory .selectFrom(team) .join(team.members, member).fetchJoin() .fetch();System.out.println("fetch.get(0).getMembers() = " + fetch.get(0).getMembers()); 정상동작 2. Dto 조회 @Datapublic class TeamDto { private String name; private List<MemberDto> members = new ArrayList<>();} @Datapublic class MemberDto { private String username;} List<TeamDto> result = queryFactory .select(Projections.fields(TeamDto.class, team.name.as("name"), Projections.fields(MemberDto.class, member.username ).as("members") ) ) .from(team) .join(team.members, member).fetchJoin() .fetch();System.out.println("dto = " + result.get(0).getMembers()); 실행결과 not compatible with java.util.List이 발생했습니다. ㅠㅠ 이것저것 바꿔가면서 다양하게 시도해봤는데도 계속 오류가 발생했습니다.. 어떤 식으로 변경해야 될까요? 추가로 시도하면서 느낀게 한 개 이상의 Dto가 있을 경우 코드의 가독성이 너무 떨어지게 되더라고요. 혹시 팀장님께서는 여러개의 Dto를 조회할 때 따로 사용하는 방식이 있으신가요?
-
미해결우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)
list 질문입니다.
tuple은 불변형이기 때문에 변화가 있을 때마다 아예 새로운 id값을 생성해서 변수를 할당하고 list는 가변형이기 때문에 그냥 그 id값에 값을 추가하는 식이 된다고 이해했습니다. 그런데 m = m * 2와 m *= 2의 경우 전자는 id값에 변화가 생기고, 후자는 id값에 변화가 생기지 않는데 이는 두 연산자가 하는 일이 본질적으로 동일하지만 내부적으로 처리하는 과정이 다르기 때문인가요?
-
해결됨it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
string 질문입니다!
안녕하세요. 이렇게하면 b가 출력이 안되는데 이유를모르겠습니다.. string 으로 하고싶으면 어떻게 바꿔야하나요? #include <iostream> #include <string> using namespace std; int main() { string a, b; getline(cin, a); int p =0; for(int i=0; i<a.size(); i++){ if(a[i] != ' '){ if(a[i] >= 65 && a[i] <= 90){ b[p++] = a[i]+32; }else{ b[p++] = a[i]; } } } b[p] ='\0'; cout<<b<<'\n'; return 0; }
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
자바스크립트 적용이 안되서 질문남깁니다.
자바스크립트가 먹지를 않아서 질문남깁니다 잘못된 부분이 있는지 확인부탁드려요 해당 코드라도 공유주시면 비교해서 체크해보도록 하겠습니다. <html> <head> <title>hojun market</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"> <div class="product-card"> <div> <img class="product-img" src="images/products/basketball1.jpeg" /> </div> <div class="product-contents"> <span class="product-name">농구공 1호</span> <span class="product-price">50,000원</span> <div class="product-seller"> <img class="product-avator" src="images/icons/avatar.png" /> <span> 그랩 </span> </div> </div> </div> </div> <div class="product-card"> <div> <img class="product-img" src="images/products/keyboard1.jpg" /> </div> <div class="product-contents"> <span class="product-name">키보드 1호</span> <span class="product-price">30,000원</span> <div class="product-seller"> <img class="product-avator" src="images/icons/avatar.png" /> <span> 그랩 </span> </div> </div> </div> </div> </div> <div id="footer"></div> </body> <script> var products = [{ name : '농구공', price : 10000, seller : '조던' imageUrl : '/images/products/basketball1.jpeg' },{ name : '축구공', price : 20000, seller : '메시' imageUrl : '/images/products/soccerball1.jpg' },{ name : '키보드', price : 30000, seller : '그랩' imageUrl : '/images/products/keyboard1.jpg' }]; document.querySelector("#product-list").innerHTML = "<p>안녕</p>"; </script> </html>
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
이전에 자바 버전 8을 사용했는데 11을 다시 설치해야하나요?
강의에서 11을 사용한다고 하셨는데, 8은 안되는건가요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
autocomplete-python traceback output:
6:35 에 print 입력하려는데 오른쪽에 빨간창이 계속 떠요 autocomplete-python traceback output 라고 되어있어요 +10:17에 아래에 코드 바로 붙여넣기 되는 건 단축키를 쓰신 건가요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
autocomplete-python traceback output: 알림창이 계속 떠요
6:35에 나오는 print 입력하려니까 빨간 창이 잔뜩 달리면서 autocomplete-python traceback output: 어쩌구 하네요 이거 어떡하나요
-
미해결홍정모의 따라하며 배우는 C언어
글자 세기에서 엔터값 빼는 예제 질문있습니다.
#define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include<ctype.h> #include<stdbool.h> #include<iso646.h> #define PERIOD '.' int main() { char ch; int count = 0; while ((ch = getchar() != PERIOD)) { if (ch == '\n') count--; else count++; } printf("%d", count); return 0; } 선생님처럼 \n가 아닐때만 세라는 프로그램이아닌 \n이면 -1하고 아니면 +1하라라는 프로그램을 만들었는데 빌드값이 엔터를 포함해서 나오더라고요.. 어떤 부분에서 실수했는지 궁금합니다..
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
위의 질문에 이어서 질문드립니다.
댓글로는 보시지 않는거같아서 부득이하게 다시 글을 올립니다. 이렇게 나오네요 혹시 어떤게 문제일까요? 하나씩 꼼꼼하게 보는대로 가로세로바뀐이유를 모르겠습니다. 이거때문에 몇일째 진도를 나가지 못하고 있어서 바쁘시겠지만솔루션 부탁드립니다.
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
round()함수 적용
선생님~ 강의에서 3:02 에서 선생님은 그냥 park_size.style.background_gradient() 이렇게만 쓰셧는데도, 공원면적(mean)/ 공원면적(median)이 소수점 1자리수까지 나오는데.. 저는 round(2)를 해봐도 적용이 안되고 그냥 이렇게 나오네요.. astype(int) 하면 정수로 바뀌긴 하지만.. 소수점을 2자리까지 나오게 하고 싶을 경우에는 어떻게 할까요..? 그리고 선생님 df와 제 df가 결측치 부분이나 다 똑같을텐데.. 저는 선생님은 소수1자리까지 나오고 제꺼에서는 소수점자리수가 엄청 많이 나오는 걸까요..?
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
에러:
제목과 같은 This application has no explicit mapping for /error, so you are seeing this as a fallback. 에러가 발생합니다ㅜㅜ 아래는 소스 코드 입니다. [수정 전] 1. HelloWorldBean. java package com.example.restfulwebservice; import lombok.Data; import lombok.NoArgsConstructor; @Data //setter + getter @NoArgsConstructor public class HelloWorldBean { private String message; public HelloWorldBean(String message){ this.message = message; } } 2. HelloWorldController package com.example.restfulwebservice; import com.example.restfulwebservice.HelloWorldBean; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.MessageSource; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; import java.util.Locale; @RestController class HelloWorldController { @Autowired private MessageSource messageSource; // GET // /hello-world (endpoint) // @RequestMapping(method=RequestMethod.GET, path="/hello-world") @GetMapping(path = "/hello-world") public String helloWorld() { return "Hello World"; } // alt + enter @GetMapping(path = "/hello-world-bean") public HelloWorldBean helloWorldBean() { return new HelloWorldBean("Hello World"); } } <실행 결과> [수정 후] https://hororolol.tistory.com/368 위 링크를 참고해 HelloWorldBean.java에 @ComponentScan를 추가했더니, error는 발생하지 않습니다. - HelloWorldBean.java package com.example.restfulwebservice; import lombok.Data; import lombok.NoArgsConstructor; import org.springframework.context.annotation.ComponentScan; @Data //setter + getter @NoArgsConstructor @ComponentScan(basePackages = {"com.example.restfulwebservice"}) public class HelloWorldBean { private String message; public HelloWorldBean(String message){ this.message = message; } } <실행 결과> [번외] HelloWorldBean.java 파일에서 강의와 같이 @AllArgsConstructor, @NoArgsConstructor 어노테이션을 붙여줬을 때 아래와 같은 에러가 납니다 ㅜㅜ package com.example.restfulwebservice; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data //setter + getter @AllArgsConstructor @NoArgsConstructor public class HelloWorldBean { private String message; } version을 맞추기 위해 아래와 같이 pom.xml을 수정했는데, 이거 때문에 문제가 있을 수 있을까요?? <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.13.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.example</groupId> <artifactId>restful-web-service</artifactId> <version>0.0.1-SNAPSHOT</version> <name>restful-web-service</name> <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> <optional>true</optional> </dependency> <dependency> <groupId>com.h2database</groupId> <artifactId>h2</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> <exclusions> <exclusion> <groupId>org.junit.vintage</groupId> <artifactId>junit-vintage-engine</artifactId> </exclusion> </exclusions> </dependency> <dependency> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <version>2.1.13.RELEASE</version> <configuration> <excludes> <exclude> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> </exclude> </excludes> </configuration> </plugin> </plugins> </build> </project>
-
미해결C# ADO.NET 데이터베이스 프로그래밍
c# 소스 및 강의자료 요청
섹션 0 어디에다 소스가 첨부되어있나요?
