inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

강의 공부할때 순서 문의

미해결

Next + React Query로 SNS 서비스 만들기

이 강의를 들을때 미리 만들어보고 정답지 비교해보라는 느낌으로 강의룰 수강하라고 하셨잖아요, 근데 수강전이나 챕터별 코드를 실행해보기 전까지는 뭐를 만들어야할지 감이 안잡혀서요. 1) 한 챕터까지 코드 실행해본다. 2) 코드 구성을 봐본다. 3) 따라 만들어 본다. 4) 해당 챕터까지 강의를 들으며 비교해본다. 요렇게 해보면 될까요? 좋은 방향 있으시면 제시해주시면 감사하겠습니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
동그리동동 댓글 2 좋아요 0 조회수 498

MemberForm 객체가 사실상 DTO 역할을 하는 것인가요?

미해결

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] MemberForm 객체가 사실상 DTO 역할을 하는 것인가요..?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
승구 댓글 2 좋아요 0 조회수 597

[Error: ENOENT: no such file or directory, open 'D:\study\Nextjs\next-n-com\.next\BUILD_ID'] 에러 발생

해결됨

Next + React Query로 SNS 서비스 만들기

현재 서버 세팅을 마친 후, 백엔드 서버는 잘 돌아가는데 npm start 로 프론트 코드 실행 시 에러가 발생하고 있습니다.이전 강의를 볼 때 까지만 해도, 프론트 코드 실행이 잘 되었는데 갑자기 에러가 발생하여 의문이 듭니다ㅠㅠ 현재 노드 버전은 v18.17.0이며 해본 시도로는 다음과 같습니다. 백엔드 서버 중지 및 memurai 실행 중지 .next 파일 삭제 및 .node_modules 파일 삭제 후 재설치 npm run build 실행 후 npm start https://github.com/vercel/next.js/discussions/57066#discussioncomment-7609639

  • react
  • next.js
  • react-query
  • next-auth
  • msw
mihyun Lee 댓글 1 좋아요 0 조회수 2774

FrontControllerServletV4 와 model

해결됨

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] FrontControllerServletV4에서 아래 코드 부분에서 model 을 직접 생성해 view에 넘겨주는데 model 은 controller.process 를 통해 controller 에 paramMap과 model 을 넘겨 model 값을 설정합니다. 그 후 다시 프론트 컨트롤러에서 model 정보도 같이 view로 render 해주는데 이때 model 의 값이 채워져있는건가요? 제가 생각하기로는 controller.process 를 통해 model 의 값이 채워지지만 viewName 만 반환해 결국 프론트 컨트롤러의 map 은 초기화 상태 그대로인것 같아서요:) 이러면 model 을 View 에 넘기는 것이 의미가 없지 않나요? @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String requestURI = request.getRequestURI(); ControllerV4 controller = controllerMap.get(requestURI); if (controller == null) { response.setStatus(HttpServletResponse.SC_NOT_FOUND); return; } Map<String, String> paramMap = createParamMap(request); Map<String, Object> model = new HashMap<>(); String viewName = controller.process(paramMap, model); MyView view = viewResolver(viewName); view.render(model, request, response); }

  • spring
  • mvc
릴리 댓글 1 좋아요 0 조회수 372

배포하기 챕터에서 도커컴포즈 빌드->업 후 로그 확인하면 sh: 1: nest: not found 오류

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

안녕하세요! 강사님 강의 잘 듣고 있습니다. 섹션 19. 17-01 강의를 따라하고 있는데 쉘에 깃클론 -> 환경변수 파일 만들고 -> 도커 컴포즈 빌드 -> 도커 컴포즈 업 이렇게 명령어를 따라갔는데 로그가 너무 오래 찍히더라구요! 무슨일인가 싶어 일단 취소하고 docker ps -a 명령어로 확인해봤더니 서버가 만들어지고 꺼진 것 같더라구요 해당 image 아이디를 가지고 docker logs 를 봤는데 위와 같은 메세지가 나옵니다. 검색해봤더니 nest/cli를 devDependencies 에서 빼고 dependencies 에 넣으라고 해서 그렇게 했는데도 오류는 동일하게 나오네요 ㅠㅠ 혹시 몰라 도커파일에 RUN npm install @nestjs/cli 를 추가해봤는데 이번에는 swagger pluginrs 가 설치되지 않았다는 오류가 나옵니다. 어떻게 하면 좋을까요??

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
김정원 댓글 1 좋아요 0 조회수 299

vuex 적용시 질문

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

vue3로 강의를 실습 중이라 vuex를 활용해 진행하고 있습니다. spinner처리 때문에 위 코드처럼 next()에 setTimeout을 걸었는데, 기존에 불러왔던 데이터가 상태에 남아있어서 그런지, 예를들어 ask-> news탭을 누를 경우 news 데이터가 바로 반영이 되어 리스트 화면이 변경된 뒤에, 1초 후 화면이 깜빡 거리면서 다시 news 데이터가 뜹니다. 이를 해결하기 위해, mutations에 위와 같이 state를 비워 주는 코드를 추가하여 해결했는데, vuex를 사용하게되면 이런식으로 화면이 바뀔 때 상태값들을 초기화 시켜주어야 하는걸까요?

  • javascript
  • vue.js
dev_climber 댓글 2 좋아요 1 조회수 313

프록시 준영속성 관련 문의드립니다.

미해결

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

try { Member member1 = new Member(); member1.setName("kwak"); em.persist(member1); em.flush(); em.clear(); //프록시 Member reference = em.getReference(Member.class, member1.getId()); System.out.println("최초 reference = " + reference.getClass()); //가짜 프록시 클래스 <-> em.find 진짜 엔티티 System.out.println("isLoad1 = " +emf.getPersistenceUnitUtil().isLoaded(reference)); //프록시 확인 : false Hibernate.isInitialized(reference.getName()); // 초기화 후 프록시 확인 System.out.println("isLoad2 = " +emf.getPersistenceUnitUtil().isLoaded(reference)); //프록시 확인 : true //준영속성 상태로 전환 em.detach(reference); //() -> 특정 엔티티 하나를 준영속 상태로 전환한다. //em.clear(); //() -> 영속성 컨텍스트를 완전히 초기화해서 해당 영속성 컨텍스트의 모든 엔티티를 준영속 상태로 전환한다. //em.close(); () -> 영속성 컨텍스트를 종료한다. System.out.println("isLoad3 = " +emf.getPersistenceUnitUtil().isLoaded(reference)); // 프록시 예상값: false 실제값: true.. //프록시 초기화 시 에러발생 System.out.println( "준영속성 상태 프록시 초기화 = "+ reference.getName()); System.out.println("reference = " + reference.getClass()); // tx.commit(); }catch (Exception e){ tx.rollback(); e.printStackTrace(); System.out.println("exception = " + e); }finally { em.close(); } emf.close(); } 강사님 안녕하세용!!! proxy초기화 후 detach 또는 clear 호출을 통해 준영속성 상태로 전환하려고 하는데요~ 해당 메서드 호출 후 프록시 확인시 에러가 나와야하는걸로 이해했는데 에러는 안나고 System.out.println("isLoad3 = " +emf.getPersistenceUnitUtil().isLoaded(reference) 출력시 true가 나와서요! 이것도 버전 문제 때문일까요..?

  • java
  • jpa
동훈씨 댓글 1 좋아요 0 조회수 328

프론트엔드가 Next를 이용하여 API 만드는 이유가 궁금합니다~!

해결됨

손에 익는 Next.js - 공식 문서 훑어보기

안녕하세요 선생님~! 일단 먼저 ㅠㅠ... 질문이 너무 많아서 죄송합니다 ㅠㅠㅠ...! 제가 아직 주니어여서 메인 프엔 개발자 선배님을 보조하여, 만들어진 다양한 모듈이나 비즈니스 로직 등을 이용하여 데이터 패칭/포스트/뮤테이션 정도만 하면서 자잘한 기능 구현 정도만 하고 있고 백엔드 지식이 전혀 없어서 그런지 next를 공부하면서 아직도 가장 아리송한 것이 프론트엔드 개발자가 API를 만드는 것이 어떤 의미(?)인지 잘 모르겠습니다...! Next를 이용하여 프론트엔드 개발자가 serverless로 API를 개발하는 것이 어떤 경우에서 쓰이는 것인지, 이것이 얼마나 중요하고 대단한 기술인지 잘 와 닿지 않습니다. 저는 백엔드 개발자가 API를 개발 완료하면 프론트엔드 개발자는 swagger와 같은 API 문서를 참고하여 프론트 개발을 진행하는 것이 각자의 역할로 이해하고 있었는데 Next로 넘어오면서 프론트엔드 개발자가 API를 개발한다는 것에서 백엔드 개발자의 역할이 축소가 된 것인지 의문점이 들고 주니어로서는 러닝커브가 확 올라간 느낌이 듭니다 ㅠㅠ! 선생님께서는 현업에서 직업 모든 API를 개발하여 사용하시는 걸까요? 아님 이번 revalidate와 같은 몇가지 경우에서만 API를 개발하여 사용하시고 나머지 롤은 백엔드가 담당하는 것인가요? 바쁘실텐데 질문이 많아서 정말 죄송합니다 ㅠㅠ 질 좋은 강의와 정성스러운 답변 덕분에 많은 배움을 얻어감에 정말 감사한 마음뿐입니다! 건강하세요!

  • react
  • typescript
  • next.js
  • next.js13
밀크티 댓글 1 좋아요 3 조회수 764

MMIO 질문

미해결

Arm 아키텍처: 메모리 모델과 배리어 [저자직강 3부-3]

MMIO는 다바이스 포트를 제어하기 위해서 DRAM의 일부 메모리공간을 사용하는 방식이 맞는지 문의드립니다.

  • arm-architecture
  • barrier
  • armv8
  • cortex-a
  • memory-mapped-io
토끼야놀자 댓글 2 좋아요 0 조회수 710

표 내부 진입이 안되는 경우

해결됨

직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피

질문에 잘 대답해주시고 항상 정말 감사드립니다. 특정 파일이 읽기 전용인 듯 싶은데요. 아래 코드를 실행하면 표가 선택이 되기는 하는데 내부 셀로 들어가지 않고 밖이 선택되어서 hwp.SetPosBySet(pos) hwp.FindCtrl() hwp.Run('ShapeObjTableSelCell') while hwp.HAction.Run("TableRightCell"): text = get_text() 그래서 아래 코드를 실행하면 바로 루프를 빠져 나와요~~ 표 안의 데이터를 가지고 올 수 없네요. 어떻게 해야 될까요??

  • python
  • 한컴오피스
금기문 댓글 2 좋아요 1 조회수 444

팔로잉 게시글 TabContext에서 createContext매개변수 값 안넣어도 되나요?

해결됨

Next + React Query로 SNS 서비스 만들기

export const TabContext = createContext({ tab: "recommend", setTab: (value: "recommend" | "following") => {}, }); {tab: "recommend", setTab:(value: "recommend" | "following") => {}} 부분을 제거하고 빈 createContext()만 생성해도 잘 동작하는거 같은데, 매개변수값은 무엇을하는건지 궁금합니다. 그냥 타입정의 한거라고 봐도될까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
라푼젤 댓글 1 좋아요 0 조회수 343

Swap instance 질문

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

아이콘을 직접 만들어서 components 화 시키고 사용하고 있는데 Swap instance 를 사용해서 아이콘을 변경하면 모두 아이콘 제작 당시 Component 에 적용된 색상으로 변경 됩니다. 선생님이 진행한 부분에서는 자동으로 Variant에 적용된 색상으로 적용되고 있는데 이렇게 하려면 어떻게 해야하나요... 아님 제가 수업 중 놓치고 있는 부분이 있는지.. 확인 부탁드립니다. 감사합니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
an_daseul 댓글 6 좋아요 0 조회수 1080

New 작성한 일기가 렌더링 되지 않아요

해결됨

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

https://codesandbox.io/p/sandbox/emotion-diary-cl2v7q?file=%2Fsrc%2FApp.js 새로운 일기가 저장되지 않습니다.. 몇번을 다섯번은 강의를 다시 돌려보며 오류를 찾아봤지만,, 재 눈에는 보이지 않습니다 ㅜㅜ 일기를 추가하고, app.js를 확인해보니깐 0번으로 추가되는데 이것때문에 출력이 안되는걸까요..?

  • javascript
  • react
  • node.js
이승준 댓글 1 좋아요 0 조회수 318

메세지 소스 설정

해결됨

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 여기서 메세지 소스를 설정한다는 의미가 무엇인지 자세히 모르겠습니다. 예를 들어 example이라고 등록을 하면 example_en.properties example_ ko.properties 이렇게 작동한다는 것인가요?

  • spring
  • mvc
anten 댓글 1 좋아요 0 조회수 349

코드 검토

미해결

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

안녕하세요! 선생님의 bfs 풀이 아이디어를 듣고 혼자 풀어봤습니다! 저의 경우 ch 랑 dis를 합쳐서 check 로 풀어서, 디폴트가null 이어서 널 이면 큐에 넣고, 숫자가 들ㄹ어가있으면 continue 하는 식을로 했는데 괜찮을까요? function solution(s, e) { let answer = 0; let dx = [1, -1, 5]; let check = Array.from({ length: 10001 }, () => null); check[s] = 0; let queue = []; queue.push(s); while (queue.length) { let v = queue.shift(); if (v === e) { answer = check[v]; break; } for (let a of dx) { let x = a + v; if (check[x] !== null || x < 1 || x > 10000) continue; check[x] = check[v] + 1; queue.push(x); } } return answer; }

  • javascript
  • 코딩-테스트
00 댓글 1 좋아요 0 조회수 229

강의학습시 작성한 코드를 블로그에 올려도 될까요?

해결됨

[코드캠프] 강력한 CSS

안녕하세요~ 강의를 수강하면서 작성한 일부 html/css 코드를 개인 블로그에 재사용하여 css에 관련된 내용정리/요약을 하고 싶은데 가능할지 여쭙고 싶어 질문 드렸습니다! 예를들어 inline과 block에 관한 글을 작성한다면 (01-04-inline-block) 폴더에 있는 html과css코드를 사용하는 식으로 재사용이 가능할까요? 감사합니다!

  • HTML/CSS
비트올려라 댓글 2 좋아요 0 조회수 428

강의자료 링크의 건

해결됨

Google 공인! 텐서플로(TensorFlow) 개발자 자격증 취득

강의자료(링크) 도저히 못 찾겠습니다. 죄송하지만 좀 보내주십시요

  • python
  • 딥러닝
  • keras
  • tensorflow
seungpil.ko 댓글 2 좋아요 0 조회수 298

Exception 포스트맨으로 확인 시 undefined 에러

해결됨

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

에러 [Nest] 48206 - 01/24/2024, 4:13:26 PM ERROR [ExceptionsHandler] You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable. TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable. at Object.createInvalidObservableTypeError (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/util/throwUnobservableError.js:5:12) at Object.innerFrom (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/observable/innerFrom.js:93:36) at doInnerSub (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/operators/mergeInternals.js:22:21) at outerNext (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/operators/mergeInternals.js:17:70) at OperatorSubscriber._this._next (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/operators/OperatorSubscriber.js:33:21) at Subscriber.next (/Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/Subscriber.js:51:18) at /Users/kwonyeji/Documents/nestStudy/a-nest/node_modules/rxjs/dist/cjs/internal/observable/innerFrom.js:120:28 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) 2.의심 코드 <main.ts> import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; import { DocumentBuilder, SwaggerModule } from '@nestjs/swagger'; import { HttpExceptionFilter } from './httpException.filter'; declare const module: any; async function bootstrap() { const app = await NestFactory.create(AppModule); const port = process.env.PORT || 3000; app.useGlobalFilters(new HttpExceptionFilter()); const config = new DocumentBuilder() .setTitle('Sleact API') .setDescription('Sleact 개발을 위한 API 문서입니다.') .setVersion('1.0') .addTag('connect.sid') .build(); const document = SwaggerModule.createDocument(app, config); SwaggerModule.setup('api', app, document); await app.listen(port); console.log(`listening on port ${port}`) if (module.hot) { module.hot.accept(); module.hot.dispose(() => app.close()); } } bootstrap(); 에러상황 회원가입 구현 후 에러 확인 하려고 포스트맨 으로 요청 시 200성공이 떨어지는게 아니라 해당 에러가 발생합니다. 값을 모두 넣어도 같은 에러가 발생하고 console 찍었을떄 아예 controller에 접근하지도 못했습니다. 설정이 잘못된 건지 잘 모르겠습니다 ㅠ

  • node.js
  • express
  • nestjs
  • typeorm
권예지 댓글 2 좋아요 0 조회수 456

라우터 버전이 안맞는데 어떤걸 써야하나요

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

라우터 버전이 안맞는데 어떤걸 써야하나요

  • javascript
  • vue.js
youn628 댓글 2 좋아요 1 조회수 406

사용자 로그인 정보 확인

해결됨

개발자를 위한 쉬운 도커

강의 영상처럼 docker login 명령으로 로그인후 cat 명령어로 정보를 확인하려고 했지만 해당 파일이나 폴더가 없다고 나옵니다. 맥을 쓰고 있는데 저장경로가 달라서 그런걸까요?

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
나뭇잎 댓글 1 좋아요 0 조회수 705

인기 태그

인프런 TOP Writers

주간 인기글