inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

미해결

Nuxt.js 시작하기

{ "id": 0, "name": "Refined Fresh Chicken", "price": "209.00", "imageUrl": "https://picsum.photos/id/{id}/640/480" }, return { products: data.map(item => ({ ...item, imageUrl: item.imageUrl.replace('{id}', Math.floor(Math.random() * 30)) })) }

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 3 좋아요 2 조회수 635

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

미해결

Nuxt.js 시작하기

// next.config.js build: { transpile: [({ isLegacy }) => isLegacy && 'axios'] }, git clone 받지 않고 하다 보니 계속 에러 발생해서 찾아보니 위처럼 코드 추가해 주면 에러 발생 안 합니다. 다만 axios외 다른 라이브러리에서 버전 관련 문제가 있을 수 있을 것 같긴 합니다. 사실 위처럼 안 하고 axios 버전을 낮춰서 설치 하시거나 clone 받아서 하시면 문제없을 것 같습니다. axios 버전 관련 링크

  • vue.js
  • nuxt.js
  • ssr
geuni 댓글 2 좋아요 2 조회수 811

서비스의 Order.createOrder 에서 오류가 발생했습니다.

해결됨

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

Order 클래스에 작성한 createOrder 입니다. Order order = Order.createOrder 에서 마지막 매개변수를 불러오지 못하고 있습니다. 불러올 수 있는 값에도 orderItem이 없습니다. 어떻게 해결해야 할까요 ?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
구본우 댓글 3 좋아요 0 조회수 349

새로고침 시 렌더링이 계속 2번 발생합니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 6-12까지 수강한 상태입니다. 강의를 따라해서 다른 부분은 다 강의대로 똑같이 진행되는데 저는 사이트를 새로고침시 여전히 렌더링이 2번 진행됩니다. 전에 컴포넌트 id를 확인했을 때 0부터가 아닌 20부터 id가 시작되는 걸 확인했어서 그것과도 연관이 있는 것 같은데 정확한 원인을 도무지 못 찾겠어서 질문드립니다ㅠㅠ 아래는 코드샌드박스 링크입니다. 감사합니다! https://codesandbox.io/s/ecstatic-firefly-87mcs4?file=/src/App.js

  • javascript
  • react
  • node.js
renazzang01 댓글 2 좋아요 0 조회수 1260

구조체와 레벨 블루프린트, 폰 블루프린트의 연동에 대해 질문 드립니다.

미해결

[입문자를 위한 UE5] Part2. 언리얼 엔진 2D 게임 개발 입문

비슷한 질문을 2번 드려서 죄송합니다. 도저히 이해가 안되고 어디서 물어볼 방법도 없어서 실례를 무릅쓰고 2번이나 질문 드립니다. 백터 이동같은 복잡한것 보단 단순한 인티저 값으로 테스트를 진행 했습니다. 구조체 블루프린트를 만들고 HP라는 값을 만들고 500을 입력했습니다. 레벨 블루프린트는 이렇게 작성했습니다. 키보드 4번을 누르면 HP값이 20씩 줄어들도록 했습니다. 일단 레벨 블루프린트에 작성한건 정상적으로 작동이 됩니다. 4번을 갈겼더니 실시간으로 수치가 줄어듬을 확인했습니다. 일단 구조체와 블루프린트 자체는 정상적으로 작동합니다. 폰 블루프린트에, 이 구조체 값을 받아서 출력 해봤습니다. 레벨 블루프린트의 프린트 텍스트와, 폰 블루프린트의 프린트 텍스트를 동시에 작동하도록 했습니다. 대신 폰 블루프린트의 텍스트는 빨강색으로 표시됩니다. 일단 둘 다 초기값인 500을 받아서 정상적으로 출력됨을 확인하였습니다. 4번을 갈겼더니 레벨 블루프린트의 값은 정상적으로 줄어드는데 폰 블루프린트의 값은 변하지 않고 그대로 500으로 표시됩니다. 폰 블루프린트는 이 변화된 값을 받지 못하고 있습니다. 왜 이러는지 도저히 모르겠습니다. 제발 이 주제에 대해 한번만 더 가르침을 구합니다.

  • unreal-engine
  • ue-blueprint
흑우 댓글 2 좋아요 0 조회수 424

orderItem에 연결되는 order_id는 어느 시점에서 연결이 되는 걸까요?

미해결

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

안녕하세요, 김영한님 야생형 스타일로 강의 잘 듣다가 질문드립니다. 질문을 적다가 order가 형성되는 순간에 해당 order와 입력된 orderItem과 연결이 되는 거 같다는 생각이 들었습니다. 제가 생각한 게 맞는지 질문드립니다. 정리하자면, OrderService에서 order 메소드를 실행할 때 orderItem과 생성된 order_id는 order가 생성되는 순간 해당 order_id와 orderItem와 연결되는 건가요? 답변해주시면 감사하겠습니다. 감사합니다.

  • java
  • spring
  • spring-boot
  • jpa
  • 웹앱
  • 영속성
  • transaction
  • 연관관계매핑
  • GeneratedValue
전진호 댓글 1 좋아요 0 조회수 374

강의한 노트를 다운로드 방법

해결됨

Flutter 앱 개발 기초

강의한 노트를 다운로드 강의한 노트를 다운 받으려면 어디서, 어떻게 하는지 조언 좀 부탁드립니다. 아무리 찾아도 관련 문서 다운로드 방법을 못찾겟네요,,도움 부탁합니다

  • flutter
Kane Kim 댓글 1 좋아요 1 조회수 372

강의 자료 어딨는지 알려주세요 ㅎ

미해결

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

구름 모양아이콘이라 하는데 못찾겠네요 ㅎㅎ;;;;

  • android
  • firebase
공부하쟈 댓글 1 좋아요 0 조회수 388

SQLExceptionTranslator translate의 파라미터로 무엇을 넘기는 건가요?

해결됨

스프링 DB 1편 - 데이터 접근 핵심 원리

SQLExceptionTranslator translate의 파라미터가 (String task, @Nullable String sql, SQLException ex) 이런식으로 되어있던데 첫번째 task에 무엇을 넣어야하는지 궁금합니다. 맥락상 실행한 메서드명을 넣는 것 같은데 이것저것 변경해보다가 전혀 관련없는 글을 써넣어도 정상작동하던데 task에 무엇을 넣는지, 어떤 역할을 하는지 궁금합니다.

  • spring
  • mvc
  • spring-jdbc
권우현 댓글 1 좋아요 0 조회수 416

STS에 tomcat server 연동이 안됩니다.

미해결

개발환경 sts 4 tomcat 9.0 jdk 11 preference - server에서 톰캣을 추가해줬음에도 server 창에 tomcat이 보이지 않습니다. 문제를 확인해보면 "Could not load the Tomcat server configuration at \Servers\VMware tc Server Developer Edition v4.1-config. The configuration may be corrupt or incomplete. Could not load the Tomcat server configuration at \Servers\VMware tc Server Developer Edition v4.1-config. The configuration may be corrupt or incomplete." 라고 나옵니다. 구글링을 하면 server 콘솔창에 있는 톰캣을 삭제했다가 다시 설치하라거나 (이 부분은 이미 콘솔창에 떠있지조차 않아서 사용할 수 없습니다) preference에서 톰캣을 삭제하고 재설치해보라는 방법을 제시하는데 (현재 재설치 5회째입니다..) 그 어느 것도 먹히지 않아서요. 혹시 도와주실 수 있을까요?

미니 댓글 1 좋아요 0 조회수 1748

가장 높은 탑 쌓기

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

코드가 왜 오답인지 잘 모르겠습니다ㅠㅠ import java.util.ArrayList; import java.util.Collections; import java.util.Scanner; class Block implements Comparable<Block> { int a; int h; int w; public Block(int a, int h, int w) { this.a = a; this.h = h; this.w = w; } @Override public int compareTo(Block o) { return o.a - this.a; } } class Main { static int[] dy; static int[] dis; public int solution(ArrayList<Block> arr, int n) { int answer = 0; Collections.sort(arr); dy[0] = 1; dis[0] = arr.get(0).h; for (int i = 1; i < n; i++) { int max = 0; int max_h = 0; for (int j = i - 1; j >= 0; j--) { if (arr.get(j).w > arr.get(i).w && dy[j] >= max && dis[j] > max_h) { max = dy[j]; max_h = dis[j]; } } dy[i] = max + 1; dis[i] = max_h + arr.get(i).h; answer = Math.max(answer, dis[i]); } return answer; } public static void main(String[] args) { Main T = new Main(); Scanner kb = new Scanner(System.in); int n = kb.nextInt(); ArrayList<Block> arr = new ArrayList<Block>(); dy = new int[n]; dis = new int[n]; for (int i = 0; i < n; i++) { int a = kb.nextInt(); int h = kb.nextInt(); int w = kb.nextInt(); arr.add(new Block(a, h ,w)); } System.out.println(T.solution(arr, n)); } }

  • java
  • 코딩-테스트
댓글 1 좋아요 0 조회수 297

파일디스크립터 및 스트림 질문

해결됨

리눅스 입문 - 개념으로 탄탄히!!

파일디스크립터 다시 듣고 질문 하는데요 예를들면 printf("~~") 이거만 있는 프로그램은 표준출력 스트림 이거만 가르키는거로 알고있습니다. 정확히는 이 프로세스의 파일디스크립터는 stdout 여기 스트림을 가리키겟죠 근데 stdout stdin stderr 이거들 다 파일시스템에 있는 파일이죠(스트림이지만 리눅스에선 모든걸 다 파일이라고 하잖아요)?? 그리고 stdin stdout이던 드라이버를 제어할수 있는 커널레벨의 함수로 만들어졌겟죠? 그리고 모니터에 출력이 되는건가요?

  • linux
sweetstar100 댓글 1 좋아요 0 조회수 268

12:15와는 다른 화면이 나옵니다.

해결됨

스프링과 JPA 기반 웹 애플리케이션 개발

읽기 쉽게 fragments.html에 있는 코드를 settings.tags.html에 옮겨 적었습니다. 코드 내용 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Study Club</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.5.1/dist/tagify.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/jdenticon@3.2.0/dist/jdenticon.min.js" async integrity="sha384-yBhgDqxM50qJV5JPdayci8wCfooqvhFYbIKhv0hTtLvfeeyJMJCscRfFNKIxt43M" crossorigin="anonymous"> </script> <style> .container{ max-width: 100%; } .tagify-outside{ border: 0; padding: 0; margin: 0; } </style> </head> <body class="bg-light"> <nav class="navbar navbar-expand-sm navbar-dark bg-dark"> <a class="navbar-brand" href="/" th:href="@{/}"> <img src="/images/logo_symbol.png" width="30" height="30"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <form th:action="@{/search/study}" class="form-inline" method="get"> <input class="form-control mr-sm-2" name="keyword" type="search" placeholder="스터디 찾기" aria-label="Search" /> </form> </li> </ul> <ul class="navbar-nav justify-content-end"> <li class="nav-item" sec:authorize="!isAuthenticated()"> <a class="nav-link" th:href="@{/login}">로그인</a> </li> <li class="nav-item" sec:authorize="!isAuthenticated()"> <a class="nav-link" th:href="@{/sign-up}">가입</a> </li> <li class="nav-item" sec:authorize="isAuthenticated()"> <a class="nav-link" th:href="@{/notifications}"> <i class="fa fa-bell-o"></i> </a> </li> <li class="nav-item" sec:authorize="isAuthenticated()"> <a class="nav-link btn btn-outline-primary" th:href="@{/notifications}"> <i class="fa fa-plus" aria-hidden="true"></i> 스터디 개설 </a> </li> <li class="nav-item dropdown" sec:authorize="isAuthenticated()"> <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg th:if="${#strings.isEmpty(account?.profileImage)}" data-jdenticon-value="user127" th:data-jdenticon-value="${#authentication.name}" width="24" height="24" class="rounded border bg-light"></svg> <img th:if="${!#strings.isEmpty(account?.profileImage)}" th:src="${account.profileImage}" width="24" height="24" class="rounded border"/> </a> <div class="dropdown-menu dropdown-menu-sm-right" aria-labelledby="userDropdown"> <h6 class="dropdown-header"> <span sec:authentication="name">Username</span> </h6> <a class="dropdown-item" th:href="@{'/profile/' + ${#authentication.name}}">프로필</a> <a class="dropdown-item" >스터디</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#" th:href="@{'/settings/profile'}">설정</a> <form class="form-inline my-2 my-lg-0" action="#" th:action="@{/logout}" method="post"> <button class="dropdown-item" type="submit">로그아웃</button> </form> </div> </li> </ul> </div> </nav> <div class="container"> <div class="row mt-5 justify-content-center"> <div class="col-2"> <div class="list-group"> <a class="list-group-item list-group-item-action" th:classappend="${currentMenu == 'profile'}? active" href="#" th:href="@{/settings/profile}">프로필</a> <a class="list-group-item list-group-item-action" th:classappend="${currentMenu == 'password'}? active" href="#" th:href="@{/settings/password}">비밀번호</a> <a class="list-group-item list-group-item-action" th:classappend="${currentMenu == 'notifications'}? active" href="#" th:href="@{/settings/notifications}">알림</a> <a class="list-group-item list-group-item-action" th:classappend="${currentMenu == 'tags'}? active" href="#" th:href="@{/settings/tags}">관심 주제</a> <a class="list-group-item list-group-item-action" th:classappend="${currentMenu == 'zones'}? active" href="#" th:href="@{/settings/zones}">활동 지역</a> <a class="list-group-item list-group-item-action list-group-item-danger" th:classappend="${currentMenu == 'account'}? active" href="#" th:href="@{/settings/account}">계정</a> </div> </div> <div class="col-8"> <div class="row"> <h2 class="col-12">관심있는 스터디 주제</h2> </div> <div class="row"> <div class="col-12"> <div class="alert alert-info" role="alert"> 참여하고 싶은 스터디 주제를 입력해 주세요. 스터디가 생기면 알림을 받을 수 있습니다. 태그 입력 후 콤마(,) 또는 엔터를 입력하세요. </div> <input id="tags" type="text" name="tags" class="tagify-outside" aria-describedby="tagHelp"/> </div> </div> </div> </div> </div> <script type="application/javascript" th:inline="javascript"> $(function () { var csrfToken = /*[[${_csrf.token}]]*/ null; var csrfHeader = /*[[${_csrf.headerName}]]*/ null; $(document).ajaxSend(function (e, xhr, options){ xhr.setRequestHeader(csrfHeader, csrfToken); }); }); </script> <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.5.1/dist/tagify.min.js"></script> <script type="application/javascript" th:inline="javascript"> $(function() { function tagRequest(url, tagTitle) { $.ajax({ dataType: "json", autocomplete: { enabled: true, rightKey: true, }, contentType: "application/json; charset=utf-8", method: "POST", url: "[(${baseUrl})]" + url, data: JSON.stringify({'tagTitle': tagTitle}) }).done(function (data, status) { console.log("${data} and status is ${status}"); }); } function onAdd(e) { tagRequest("/add", e.detail.data.value); } function onRemove(e) { tagRequest("/remove", e.detail.data.value); } var tagInput = document.querySelector("#tags"); var tagify = new Tagify(tagInput, { pattern: /^.{0,20}$/, whitelist: JSON.parse(document.querySelector("#whitelist").textContent), dropdown : { enabled: 1, // suggest tags after a single character input } // map tags }); tagify.on("add", onAdd); tagify.on("remove", onRemove); // add a class to Tagify's input element tagify.DOM.input.classList.add('form-control'); // re-place Tagify's input element outside of the element (tagify.DOM.scope), just before it tagify.DOM.scope.parentNode.insertBefore(tagify.DOM.input, tagify.DOM.scope); }); </script> </body> </html> 결과 화면

  • java
  • spring
  • spring-boot
  • jpa
  • thymeleaf
꿀잼사슴 댓글 1 좋아요 0 조회수 356

android sdk android api 29 platform is missing

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

해당 경고가 위에 떠서 file->settings->language & frameworks -> android sdk들어가서 android 10.0("Q")를 설치하고 컴퓨터 껏다켜봐도 안 없어지네요;; 어떻게 없애죠?

  • flutter
  • 클론코딩
dnqls2490 댓글 1 좋아요 0 조회수 2456

HTT

해결됨

실전! FastAPI 입문

HTTP Response 처리하는 강의에서 7:53초, response 타입을 -> ~으로 정의하는 부분에서 오류가 발생하내요;; 왜이런지

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
윤태영 댓글 1 좋아요 0 조회수 326

Provider와 Stateful

미해결

처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)

보통 위젯이 그려지는 상태가 바뀌는 상황일때는 stful 위젯으로 코드를 작성하는데, Provide강의에서는 Stateless위젯으로도 화면에 그려지는 위젯이 바뀌는 원리가 어떻게 되는건가요? Provider 만의 고유 특징인지 아니면 어떤 예외의 원리가 따로 있는건지 궁금해요!

  • flutter
  • firebase
  • dart
  • frontend
  • firestore
코린이 댓글 1 좋아요 0 조회수 624

스프링 부트 버전

해결됨

스프링 핵심 원리 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 해당 강의에서 김영한님이 스프링 부트 버전 2.3.3 버전을 클릭하셨는데 현재 시점에서 Spring Initializr에 접속하면 선택 가능한 스프링 부트 버전 3.1.3, 3.0.10, 2.7.15입니다. 이 중에서 2.7.15로 선택해서 강의 들으면 될까요??

  • spring
  • 객체지향
잘부탁드려요 댓글 1 좋아요 0 조회수 924

websocket 자바스크립트 클라이언트 구현?

미해결

파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편

안녕하세요! 선생님 강의를 보면 클라이언트 웹소켓 구현을 전부 자바스크립트만으로 구현을 하셨는데, 실제 제품을 만든다고 하면, 선생님 강의에서 구현하신것처럼 웹소켓 클라이언트 부분을 자바스크립트 만으로 충분할까요? 아니면 웹소켓 관련 프레임워크가 있을까요?? 보통 웹 개발하면 순수 자바스크립트 만으로 개발을 잘 안하자나요?? 문뜩 든생각은 분명 원활한 개발을 위해 웹소켓도 뭔가 프레임워크 같은게 있을것 같은데, 회사가 파이썬으로 웹 개발하는 회사가 아니다 보니 잘 모르겠네요,.,, 만약 있다면 어떤게 있고 참고할 만 자료가 있으면 알려주시면 감사합니다. 혹시 제가 개념을 잘못 이해 하고 있으면 지적 부탁드립니다!!

  • python
  • django
  • django-channels
Han Kim 댓글 1 좋아요 0 조회수 404

인기 태그

인프런 TOP Writers

주간 인기글