inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

Member 객체 질문입니다.

해결됨

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요 Member 객체에 대하여 질문 있습니다. 테스트 코드의 경우 Member member = new Member(); 이런식으로 Member 인스턴스를 생성해서 member.setName("spring"); 이런식으로 쓰이는건 이해가 되는데요 Member 클래스 에서나 MemoryMemberRepository 에서나 따로 member라는 참조변수로 Member()라는 인스턴스(Member member = new Member();와 같은것들)를 생성하지 않았는데 바로 아랫줄에서 member.setId(++sequence);가 쓰일수 있는건지 궁금합니다.

  • spring
  • mvc
  • spring-boot
  • MVC
  • java
gago86 댓글 1 좋아요 0 조회수 458

주문취소 order.cancel 호출 시 배송부분 검증 로직 때 연관관계가 Lazy라 delivery는 null 아닌가요?

해결됨

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

안녕하세요 강의 잘듣고있습니다. 주문서비스에서 cancel이 발생하면 위 Order 엔티티에서 delivery 객체 배송상태 검증 부분이 있는데 Order 와 Delivery 연관관계 매핑시 FetchType.LAZY로 설정되어있으니 잘못검증되는건 아닌가요? jpql로 fetch join으로 가져와야 하는 케이스아닌가해서요

  • JPA
  • spring
  • 웹앱
  • java
  • spring-boot
  • jpa
  • 웹앱
김태훈 댓글 2 좋아요 2 조회수 493

header 의 CSS 값 중 left:0 으로 설정한 부분이 잘 이해가 되지 않습니다.

해결됨

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

[모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3] 12:10 부분에서, header 의 CSS 값 중 top :0 인 것은 이해가 되는데, left :0 으로 설정한 이유는 잘 모르겠습니다. 이미 width:100% 로 설정해서 좌우에 딱 맞게 설정된것으로 이해했는데, 여기에다가 또 left:0 을 해서 중앙이 아닌 좌측 정렬을 하는 이유가 있는걸까요?

  • html/css
  • HTML/CSS
  • es6
  • javascript
김지환 댓글 1 좋아요 0 조회수 307

fixde문제인가요?

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

마지막 goods- detail페이지 문의인데요 아래와 보시다 시피 fixed주고나서 저렇게 뛰어나왔어요 box-sizing: border-box 줘도 안먹히고요 width:값을 335px로 줄이면 딱맞는데 원래 fixed 주고 box-sizing: border-box 안먹히는건가요 ?? html도 아래 good-order-info는 goods-detail-content밖으로 밖으로 잘 분리되어 있는데요~~ .goods-order-info { background-color: #fff; border-radius: 10px 10px 0 0; box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05); padding: 20px; position: fixed; bottom: 0; width: 375px; border: 1px solid red; box-sizing: border-box; } .goods-order-info

  • html/css
  • 모바일-디자인
  • 모바일-디자인
  • HTML/CSS
  • figma
  • 포트폴리오
  • jquery
  • 포트폴리오
비타민걸 댓글 1 좋아요 1 조회수 280

중첩 객체 조회 관련

미해결

실전! Querydsl

안녕하세요! querydsl 강의를 보고 실무에 적용 하던 중 중첩 객체에 대해서 한번의 join query로 만들 수 없을지 궁금하여 질문 드립니다. 만약, A -< B -< C (-< 은 one to many 를 의미) 관계를 가진 객체가 있다고 할 때 selectFrom(A) .leftJoin(A.B) .leftJoin(A.B.C) .where(A.id.eq(1)) .fetch(); 위 코드의 반환 값이 아래와 같기를 희망 하는데요 A = { id: 1, Bs: [ { id : 1, Cs : [ { id: 1 } ] } ] } oneToMany를 조인 하게 되면, SQL은 many의 row를 반환하게 되면서, A객체가 B의 갯수만큼 반환 되게 됩니다. group by등을 통해 해결 하려 했을 때는, oneToMany 컬렉션들이 모두 불러와지지 않는것을 확인 하였고, group by를 활용 하지 않고, 모든 row를 불러와서 aggregate하는 방식으로 코드를 구현 했습니다. 매번 쿼리문을 작성할 때 마다 aggregate하는 코드를 작성하는 것은 옳지 않을 것 같아, 혹시 더 나은 방법이 있을지 문의 드립니다. 혹시 중첩 쿼리를 join 으로 모두 찾아 객체에서 맵핑하려는 시도가 bad practice라면 쿼리 숫자가 늘어나더라도, findByAId, findByBId 등의 방식으로 여러번 쿼리를 하고, 중간에 캐시 레이어를 두는것이 더 나을지도 궁금 합니다. 항상 좋은 강의 감사합니다 :)

  • JPA
  • jpa
  • querydsl
  • java
뜨어어 댓글 3 좋아요 2 조회수 954

마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?

미해결

애플 웹사이트 인터랙션 클론!

마지막 강의에서 올리신 js파일로 바꾸니 애니메이션이 들어가있는 section 0, 2에서 터치패드로 스크롤 시 멈추는 부분에서 몇프레임 앞뒤 왔다갔다 하는 현상이 좀 심하게 발생합니다. 이전만큼 부드럽게 진행이 되지 않고 좀 간격이 넓게 스크롤 되는 느낌입니다. 이미지 로딩 후 정렬 때문에 이렇게 되는건가요? 아니라면 혹시 팁을 좀 주실 수 있나요? 다시 확인해본 바 새로고침을 하면 이러한 문제가 사라지긴 합니다만 원인을 잘 모르겠네요. 좀 더 알아보겠습니다. 제가 진행한 파일입니다! https://leealvinlee.github.io/Leeum_Maurizio_Catellan/

  • html/css
  • 인터랙티브-웹
  • 웹-디자인
  • 웹 디자인
  • javascript
  • svg
  • 인터랙티브-웹
  • 클론코딩
  • HTML/CSS
  • 클론코딩
fruitpigfoot 댓글 2 좋아요 0 조회수 1057

CommentListItem의 props에 대한 질문입니다.

미해결

처음 만난 리액트(React)

강의에서 CommentListItem 컴포넌트를 만든 후에 CommentList 컴포넌트를 만들었는데, CommentListItem에서 comment를 props로 받는건 CommentList에 map에서 comments에서 배열을 하나씩 뽑을 때 사용할 이름 comment를 생각해두고 CommentListItem가 comment로 명명한 props를 받는건가요? 그리고 map에서 사용할 comment 처럼 쓰이는 것들도 그냥 변수라고 부르나요? index가 key 값으로 사용되지 않았는데 존재 이유는 무엇인가요?

  • html/css
  • HTML/CSS
  • javascript
  • react
exwhite 댓글 1 좋아요 0 조회수 513

선생님 질문 있습니다.

미해결

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

이번 강의에서 질문이 있는 부분은 get /user 부분의 controller에서 User에 대한 리스트를 그냥 반환하지 않고 UserResponse라는 DTO를 통해 리스트를 반환하신 이유에 대해 궁금합니다. 스프링부트 프레임워크에서 강제하는 부분인건가요?

  • mysql
  • java
  • spring
  • aws
  • JPA
  • jpa
  • spring-boot
이종민 댓글 4 좋아요 7 조회수 770

js 파일로 따로하면

해결됨

[코드캠프] 시작은 프리캠프

안녕하세요 강사님 질문이 있습니다. 인증번호 전송하는 예시를 html내부에 js 태그로, 퀴즈를 거의 비슷하게 맞춰서 완료하긴 했는데, 이를 js 확장자로 파일을 2개 나눠서 진행해봤는데 뭐가 문제인지 잘 작동하지 않습니다. 단순히 제가 뭐를 잘못 입력한건지 아니면 이렇게 2개 나눠서 하는게 안되는건지 궁금합니다!!

  • html/css
  • javascript
  • HTML/CSS
rntqhdl10 댓글 1 좋아요 0 조회수 394

아톰 에디터 설치

미해결

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

atom.io로 들어가면 자꾸 이런 화면이 나오네요! 어떻게 해야 강의에서 보여주시는 화면으로 들어갈 수 있나요? ㅠㅠㅠ

  • html/css
  • bootstrap
  • HTML/CSS
  • javascript
태보미 댓글 1 좋아요 2 조회수 965

Grid 수직정렬 문의

미해결

CSS Flex와 Grid 제대로 익히기

안녕하세요. 영상 잘 보고 있습니다. 문의드리고 싶은 내용은 다음과 같습니다. 3행 1열 의 부모 컨테이너와 자식요소 (.logo, .search-bar, .banner) 일때 .container { display: grid; grid-template-columns : 20% 1fr 20%; } @media (max-width: 600px) { // 에서 1행 3열로 변동하게 된다면 #header{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; } .logo, .search-bar, .banner{ grid-column: 1/2; grid-row: 1/2; } } 자식요소에 grid-column: 1/2; grid-row: 1/2; 적용시키는게 일반적인 방법인가요?

  • html/css
  • flex
  • HTML/CSS
돈 많은 백수이고 싶다 댓글 1 좋아요 0 조회수 1098

generatedValue에서 sequence type 질문

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 만약 allocationSize = 50 으로 잡고 애플리케이션을 올렸는데요 값자기 그 id(pk) 값이 1~2 올라가다가 서버가 다운되서 다시 올리면 53인가 부터 시작이잖아요? 그럼 2~52 까지의 pk 값은 안쓰고 계속 올라가는게 맞을까요? 실무에서 궁금합니다.

  • jpa
  • JPA
  • java
thdi4564 댓글 1 좋아요 0 조회수 357

undo 메소드 작업중에서

미해결

코딩으로 학습하는 GoF의 디자인 패턴

예를 들어 LightOffCommand 클래스에서 Light를 가지고 있는데 undo() { light.on(); } 이렇게 사용하지 않는건 단일책임 원칙때문에 그런건가요?

  • java
  • 디자인-패턴
  • 디자인-패턴
churihyung 댓글 1 좋아요 1 조회수 383

input type 체크할때 btn label 이 색깔이 안바뀝니다

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/style.css"> </head> <body> <div class="tab-inner"> <input type="radio" name="tabmenu" id="tab1" checked> <input type="radio" name="tabmenu" id="tab2"> <input type="radio" name="tabmenu" id="tab3"> <div class="tabs"> <div class="items"> <div> <h1>Content 01</h1> </div> <div> <h1>Content 02</h1> </div> <div> <h1>Content 03</h1> </div> </div> <div class="btn"> <label for="tab1"></label> <label for="tab2"></label> <label for="tab3"></label> </div> </div> </div> </body> </html> body { line-height: 1.5em; margin: 0; color: #222; } .tab-inner {} input[name=tabmenu] { display: none; } .tabs { overflow: hidden; position: relative; height: 100vh; } .items { height: 100vh; width: 300%; transition: 0.5s; position: absolute; top: 0; left: 0; } .items div { height: 100vh; float: left; width: 33.33333%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .items div:nth-child(1){ background-color: teal; } .items div:nth-child(2){ background-color: dodgerblue; } .items div:nth-child(3){ background-color: yellowgreen; } .items div h1 { font-size: 80px; font-weight: normal; } .btn { position: absolute; bottom: 20px; width: 100%; text-align: center; } .btn label { display: inline-block; height: 16px; width: 16px; border-radius: 20px; background-color: #c4c4c4; cursor: pointer; } input[id=tab1]:checked ~ .tabs .items { left: 0; } input[id=tab2]:checked ~ .tabs .items { left: -100%; } input[id=tab3]:checked ~ .tabs .items { left: -200%; } input[id=tab1]:checked ~ .btn label[for=tab1], input[id=tab2]:checked ~ .btn label[for=tab2], input[id=tab3]:checked ~ .btn label[for=tab3] { background-color: #fff; }

  • html/css
  • HTML/CSS
  • jquery
황재중 댓글 1 좋아요 1 조회수 538

@mixin 관련 질문입니다.

해결됨

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

@mixin 파트 시청중 궁금점이 생겨서요! 첫번째 이미지 처럼 hover를 저렇게주고 css 컴파일하면은 두번째이미지처럼 3개의 hover를 가진 css로 컴파일 되어서 보여지는데요. 저러면은 괜히 css만 지저분해져보이는데 저렇게 hover를 주는 이유가 있었을까여?. 그리고 css 컴파일 된것을 보면은 ex) .complete.complete:hover -> 이렇게 되어있으면은 제가 알고 있는 css개념으로는 .complete 클래스를 가지면서 .complete를가진 요소에 hover를 줘라라고 알고있기때문에 hover가 먹지 않을꺼라고 생각이들었는데요. 먹어지는 이유가 있을까요?..

  • html/css
  • sass
  • flex
  • HTML/CSS
  • flex
cyj 댓글 1 좋아요 1 조회수 541

코드 작성 후, 리로드하면 웹브라우저에서 코딩이 그대로 실행됨

미해결

컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

처음에는 태그 자동완성도 되고 리로드도 정상적으로 실행됐습니다. 그런데 수강 중 실습하면서 코딩 작성하다가 알림창이 떠서 확인도 안하고 클릭했더니 다음부턴 태그 자동완성도 안되고, 웹브라우저로 리로드하면 원본 코드 그대로 나타납니다... visual studio code 삭제 이후 재설치해봤는데도 똑같은 상태라서 어떻게 해야할지 모르겠습니다.

  • html/css
  • HTML/CSS
민지 댓글 0 좋아요 0 조회수 341

브라우저 사이즈에 따라 위치값이 달라지는건 왜일까요..?

미해결

인터랙티브 웹 개발 제대로 시작하기

안녕하세요 전진 3D스크롤 예제를 이리저리 수정해보고 있는데요. 옆면 벽에 더해 위쪽 벽도 만들어보고 싶어서 수정하고 있습니다. 브라우저 사이즈가 작을때는 정상적입니다.. 근데 브라우저를 최대화하면... 이렇게 위쪽 벽이 튀어나가버립니다.. html은 실습예제에서 양쪽벽과 위쪽벽만 빼고 삭제했습니다.. <div class="world"> <div class="stage"> <div class="house"> <section class="wall wall-left"></section> <section class="wall wall-right"></section> <section class="wall wall-upper wall-upper-left"></section> <section class="wall wall-upper wall-upper-right"></section> </div> </div> </div> css는 body world stage house wall는 실습예제와 크게 다른점이 없구요.. body { height: 100vh; font-family: 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', NanumGothic, 'Malgun Gothic', sans-serif; color: #555; background: #555; } .world { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; perspective: 100vw; } .stage { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; transform-style: preserve-3d; } .house { width: 100vw; height: 100vh; transform: translateZ(-500vw); transform-style: preserve-3d; } .wall { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; } 옆벽과 위쪽벽만 아래처럼 만들어놨습니다.. .wall-right { background:#6b68ff55; width: 1000vw; transform: rotateY(90deg) translateZ(-400vw) } .wall-upper-left { height: 1000vw; background: #00000055; transform: rotateX(90deg) translateZ(500vw) } 둘다 길이가 1000vw라서 브라우저 가로사이즈에 따라 달라질 요인은 없는거같은데... 왜 그럴까요?ㅠㅠ 세로로는 브라우저 크기에 영향을 안받고, 오직 가로크기가 변하면 저렇게 어긋나버립니다..

  • html/css
  • javascript
  • 인터랙티브-웹
  • 인터랙티브-웹
  • HTML/CSS
때찌 댓글 1 좋아요 0 조회수 636

Event handler 질문입니다.

미해결

처음 만난 리액트(React)

변수 handleConfirm의 Arrow function이 실행하는 것은 어떤걸 받아서 무엇을 하는 건가요? prevIsConfirmed이 뭘 하는 녀석인지 모르겠습니다.

  • html/css
  • HTML/CSS
  • react
  • javascript
exwhite 댓글 2 좋아요 1 조회수 802

조건(where)을 포함한 일대다(1:N) 페이징 쿼리 질문

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

안녕하세요. 영한님 20만 수강생 진심으로 축하드립니다.^^🎉 프로젝트 도중에 막혀서 강의를 👀복습하던 중 질문드립니다..! (영한님 강의 덕분에 저도 이러한 고민을 하게되다니... 감사의 말씀 드립니다.😊) 페이징이 가능하고 item.name 으로 order 를 조회하려고 하면 어떠한 방식으로 코드를 작성 해야할까요? 일단 제가 생각한 방법은 다음과 같습니다. V3.1 적용 요구사항은 회원( member ), 결제( payment ), 배송( delievery ), 주문 상품( orderItem )을 포함해서 페이징이 되도록 주문( order )을 조회하고, 조건으로 상품 이름( item.name )으로 조회가 가능 해야 하는 것 입니다. orderItem 은 일대다 관계 이기 때문에 페이징이 불가합니다. 그래서 V3.1의 방법인 hibernate.default_batch_fetch_size 을 이용하여 IN 쿼리로 orderItem 을 조회하려고 합니다. 이렇게 하면 페이징이 가능하도록 order 는 조회할수는 있지만, item.name 을 조건으로 조회 할 수는 없습니다. V5 적용 그래서 V5에서 알려주신 방법을 사용했습니다. order 와 orderItem 을 분리한다. order 을 이용하여 orderItem 을 조회한다.(추가로 item.name 조건도 넣는다.) 조회한 결과를 하나의 List 으로 만든다. List 을 다시 Page 로 변환한다. public Page<AdminOrderListQueryDto> findOrdersByAdmin(Pageable pageable, OrderSearchCondition condition) { // 주문 전체 조회 List<AdminOrderListQueryDto> content = queryFactory .select(new QAdminOrderListQueryDto(order.id, order.status.stringValue(), order.safeKingPayment.amount, order.createDate, order.merchantUid, new QAdminOrderListPaymentQueryDto(order.safeKingPayment.status.stringValue()), new QAdminOrderListMemberQueryDto(order.member.name), new QAdminOrderListDeliveryQueryDto(order.delivery.receiver, order.delivery.status.stringValue())) ) .from(order) .leftJoin(order.safeKingPayment, safekingPayment) .leftJoin(order.delivery, delivery) .leftJoin(order.member, member) .where( orderBetweenDate(condition.getFromDate(), condition.getToDate()), deliveryStatusEq(condition.getDeliveryStatus()), paymentStatusEq(condition.getPaymentStatus()) ) .orderBy(order.createDate.desc()) .fetch(); // 주문 아이디 저장 List<Long> orderIds = content.stream() .map(o -> o.getId()) .collect(Collectors.toList()); // 상품명으로 검색 조건 Map<Long, List<AdminOrderListOrderItemQueryDto>> orderItemMap = findOrderItemMap(orderIds, condition.getKeyword()); // 주문객체에 주문 상품컬렉션 저장 content.forEach(o -> o.setOrderItems(orderItemMap.get(o.getId()))); // 주문상품이 null이 아닌 컬렌션으로 구성 List<AdminOrderListQueryDto> resultContent = content.stream() .filter(o -> o.getOrderItems() != null) .collect(Collectors.toList()); // List를 Page로 변환 PageRequest pageRequest = PageRequest.of(pageable.getPageNumber(), pageable.getPageSize()); int start = (int) pageRequest.getOffset(); int end = Math.min(start + pageRequest.getPageSize(), resultContent.size()); if(start > end) { throw new OrderException("데이터가 없습니다. 관리자에게 문의하세요."); } return new PageImpl<>(resultContent.subList(start, end), pageRequest, resultContent.size()); } private Map<Long, List<AdminOrderListOrderItemQueryDto>> findOrderItemMap(List<Long> orderIds, String keyword) { // 주문 상품 검색(item.name 조건 포함) List<AdminOrderListOrderItemQueryDto> orderItems = queryFactory.select(new QAdminOrderListOrderItemQueryDto(orderItem.order.id, orderItem.id, orderItem.item.name)) .from(orderItem) .leftJoin(orderItem.item, item) .where( orderItem.order.id.in(orderIds), keywordContains(keyword) ) .fetch(); // Map 으로 변환 Map<Long, List<AdminOrderListOrderItemQueryDto>> orderItemMap = orderItems.stream() .collect(Collectors.groupingBy(orderItemQueryDto -> orderItemQueryDto.getOrderId())); return orderItemMap; } // 아이템이름 포함 조건 private BooleanExpression keywordContains(String keyword) { return hasText(keyword) ? item.name.contains(keyword) : null; } 이러한 방식을 사용하는게 맞을까요? 🤔 감사합니다.^^

  • spring
  • java
  • spring-boot
  • jpa
  • JPA
  • spring-boot
개발하는쿼카 댓글 1 좋아요 2 조회수 1248

인기 태그

인프런 TOP Writers

주간 인기글