inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

혹시 자바스크립트는 ENUM타입에 대해 잘 취급을 안하나요?

해결됨

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

조금 강의 핵심과 동떨어지는 질문인것같아서 죄송합니다, useReducer를 사용할때 reducer함수의 action.type에 대해 String 타입으로 기준이 잡히는거 보니깐 나중에 규모가 커지면 조금 불안할것 같아서요. 자바스크립트는 ENUM타입이 있는걸로 알고있는데 언급을 안하셔서 혹시 잘 안쓰는건가 싶어서 질문드립니다. String타입이 조건문의 기준이 되면 분명 프로젝트 규모가 커졌을때 발견되기힘든 런타임에러에 대한 걱정이 좀 있을것같아요

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

강의에 나온 테이블 외 이상한 테이블 문의

미해결

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

안녕하세요. 아래와 같이 이상한 테이블이 생기는데 이건 왜 생기는건가요?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
nick 댓글 2 좋아요 0 조회수 159

React와 Django-템플릿, HTMX 간의 관계 및 역할에 대한 질문

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

안녕하세요, 먼저 자세하게 django에 대해 강의해주셔서 감사합니다. 강의가 제게 다소 어렵고 양이 방대하여 핵심을 놓치는 부분이 있어 저의 필요와 목적에 의한 질문을 드리게 됐습니다. 핵심적으로 드리고 싶은 질문은 다음과 같습니다. 리액트와 django의 관계 (리액트 컴포넌트가 적합한 부분, 리액트 컴포넌트에서 장고 템플릿+폼, 뷰와 모델, DB까지의 흐름) 리액트 없이 django 기능만 이용하여 datagrid(view), datatable 형식을 사용하는 것이 좋은 방법인지에 대한 강의자님의 의견 django의 템플릿 문법으로 작성된 기본적인 디자인 구성이 된 웹 템플릿을 구하거나 접근하는 방법 웹 개발 숙련도가 매우 미숙하고 질문이 모호해 우선 양해 말씀 구합니다. 상기 질문에 대해서 배경을 부연 설명드립니다. [1번 관련 질의 배경] 리액트가 통합된 프로젝트 실습이 todolist 정도인 것 같아서 블로그나 포토로그 등의 앞선 장고 프로젝트에 이를 응용하는게 어렵다고 느껴졌습니다. 혹시 리액트와 django 관계에 대해 조금 더 자세하게 참고할 만한 강의를 짚어주시거나 소스를 알려주실 수 있으실까요? [2번 관련 질의 배경] data-grid / data-table / spreadsheet (표 형태의 데이터를 읽고 수정하는 방식) 형태를 사용하고자 여러 파이썬/장고 라이브러리를 찾아봤으나 pool이 매우 좁고 예시도 매우 부족해 보였습니다. 그러나 react, js 중심으로 프론트 사이드를 구축할 경우 선택지가 매우 다양하고 상태 관리가 안정적일 수 있다는 생각이 들었습니다. (hansongrid, ag grid, MUI datagrid, react datagrid, react spreadsheet grid ...) 그리드 어플리케이션 구축은 어떻게 진행하면 좋을까요? [3번 관련 질의 배경] 디자인에 소요되는 리소스 측면에서도 장고의 템플릿 문법 보다는 리액트 프레임워크에 적합한 웹사이트 디자인도 더 풍부하고 다양한 것 같습니다. CSS에 상당히 부담을 느껴서 여기에 들이는 노를 줄이고 싶은데 혹시 참고할 만한 사이트나 추천해주시는 방법이 있으실까요? ********답변에 앞서 미리 감사드립니다!********

  • react
  • python
  • django
  • web-api
  • htmx
이영송 댓글 2 좋아요 0 조회수 191

docker-compose up 에러 공유 드립니다

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

docker-compose.yml version: "3.9" services: redis-server: image: 'redis' container_name: redis-container restart: unless-stopped ports: - "6379:6379" healthcheck: test: ["CMD", "redis-cli", "ping"] interval: 5s timeout: 5s retries: 5 node-app: depends_on: redis-server: condition: service_healthy build: context: . dockerfile: Dockerfile container_name: node-app restart: on-failure ports: - "5000:8080" environment: - REDIS_URL=redis://redis-server:6379 server.js const express = require('express'); const redis = require('redis'); // Redis 클라이언트 생성 const client = redis.createClient({ url: process.env.REDIS_URL }); // Redis 연결 (async () => { try { await client.connect(); // 클라이언트 연결 console.log('Connected to Redis'); } catch (err) { console.error('Redis connection error:', err); } })(); const app = express(); // 초기값 설정 (async () => { try { await client.set('number', 0); } catch (err) { console.error('Failed to initialize Redis key:', err); } })(); app.get('/', async (req, res) => { try { // Redis 값 읽기 및 증가 const number = await client.get('number'); await client.set('number', parseInt(number) + 1); res.send(`숫자가 1씩 올라갑니다. ${number}`); } catch (err) { console.error('Error handling Redis operations:', err); res.status(500).send('Server error'); } }); app.listen(8080, () => { console.log('Server is running on port 8080'); }); node는 18버전 레디스 클라이언트 모듈은 4.7.0 입니다

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
lim3617 댓글 1 좋아요 0 조회수 327

7.6 createReviewAction 서버 액션 컴포넌트에 state 값을 넘기는 것에 관한 질문입니다.

해결됨

한 입 크기로 잘라먹는 Next.js

🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 7.6 createReviewAction 서버 액션 컴포넌트에 state 값을 넘기는 것에 관한 질문입니다. 강의 8분 35초 쯤에, state를 넘긴다고 하셨는데, 함수 내에서 사용하지 않는데 굳이 왜 넘기는 것인가요? 감사합니다.

  • react
  • typescript
  • next.js
wldls317 댓글 2 좋아요 0 조회수 170

master노드에서 왜 DNS접근이 안되는 걸까요?

해결됨

대세는 쿠버네티스 (초급~중급편)

안녕하세요! 우선 제 k8s cluster는 클라우드 서비스를 이용하여 master노드와 worker노드 2개를 각각 다른 vm에 설치해서 총3대로 구성한 상태이구요, section7의 service 실습 강의를 듣던 도중, master노드에서 DNS record를 조회해 보았는데 조회가 안되더라구요. 정상적인 결과인 것일까요? ps. 노드1에서 노드2로의 접근은 확인이 된 상태입니다. (pod-a가 node1, request-pod가 node2에 위치)

  • docker
  • kubernetes
boydev572 댓글 1 좋아요 1 조회수 117

./gradlew test 실행시 인식할수 없다고 뜹니다.

미해결

실전! 코틀린과 스프링 부트로 도서관리 애플리케이션 개발하기 (Java 프로젝트 리팩토링)

제목 그대로 ./gradlew test 실행시 인식할수 없다고 뜹니다. 이 경우 gradlew이 설치되지 않아서 발생하는 문제인지 궁금합니다.

  • java
  • spring
  • kotlin
  • spring-boot
  • 리팩토링
YH K 댓글 1 좋아요 0 조회수 169

test 코드 실행시 경고가 발생합니다.

미해결

실전! 코틀린과 스프링 부트로 도서관리 애플리케이션 개발하기 (Java 프로젝트 리팩토링)

test 코드 실행시 12월 30, 2024 10:47:24 오후 org.junit.platform.launcher.core.EngineDiscoveryOrchestrator lambda$logTestDescriptorExclusionReasons$7 INFO: 0 containers and 3 tests were Method or class mismatch라는 경고 메시지가 뜹니다. test 코드가 돌아가는 데 큰 무리는 없지만 개인적으로 궁금해서 질문드립니다.

  • java
  • spring
  • kotlin
  • spring-boot
  • 리팩토링
YH K 댓글 1 좋아요 0 조회수 175

인터페이스 사용에 관하여 질문드립니다.

해결됨

토비의 스프링 6 - 이해와 원리

안녕하세요 토비님. 올해 토비님의 인프콘 발표내용중 마지막 부분에, 무조건 인터페이스를 사용하라 라고 하신 것에 대해 왜 무조건 인터페이스를 사용해야 하는지 궁금합니다. 평소 저의 생각은 구현체가 한개라면 굳이 인터페이스로 분리할 필요는 없다고 생각했습니다. 구현체가 두개 이상이 되었을때 인터페이스로 분리해도 충분하다고 생각했었는데요. 토비님께서 아주 단호하게 말씀하셔서, 어떤 관점에서 인터페이스를 꼭 사용해야 하는지 궁금하여 질문을 남기게 되었습니다. 언제나 좋은 강의 만들어 주셔서 감사합니다.!

  • java
  • spring
  • 인프콘
이초다 댓글 3 좋아요 0 조회수 353

node.js 설치는 했지만 npm 실행이 안 돼요 ㅠㅠ 도와주세요

미해결

node.js 깔고 파워쉘로는 버전이 저렇게 잘 나오는데, 터미널에서 버전 치면 npm에서 저렇게 배치 파일 아니라고 한 다음에 버전이 뜹니다 ㅠㅠ 또, create-react-app 명령어 실행이 가장 밑 사진처럼 뜨면서 계속 실행이 안 되는데 어떻게 해야 하나요 ㅠㅠ 이틀째 이러네요 ㅠㅠ .... node.js도 버전 5개 정도로 다르게 다 다운했다가 삭제해도 제대로 동작이 안 되네요 ... ㅠ.ㅠ jdk는 또 어디서 튀어나오는 건지 모르겠습니다 0 verbose cli C:\Program Files\nodejs\node.exe C:\Users\USER\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js 1 info using npm@11.0.0 2 info using node@v23.5.0 3 silly config load:file:C:\Users\USER\AppData\Roaming\npm\node_modules\npm\npmrc 4 silly config load:file:C:\Users\USER\Desktop\r\.npmrc 5 silly config load:file:C:\Users\USER\.npmrc 6 silly config load:file:C:\Users\USER\AppData\Roaming\npm\etc\npmrc 7 verbose title npm exec create-react-app my-app 8 verbose argv "exec" "--" "create-react-app" "my-app" 9 verbose logfile logs-max:10 dir:C:\Users\USER\AppData\Local\npm-cache\_logs\2024-12-30T11_35_42_456Z- 10 verbose logfile C:\Users\USER\AppData\Local\npm-cache\_logs\2024-12-30T11_35_42_456Z-debug-0.log 11 silly logfile start cleaning logs, removing 1 files 12 silly logfile done cleaning log files 13 verbose stack Error: spawn C:\Users\USER\Desktop\jdk-17.0.10+7 ENOENT 13 verbose stack at ChildProcess._handle.onexit (node:internal/child_process:286:19) 13 verbose stack at onErrorNT (node:internal/child_process:484:16) 13 verbose stack at process.processTicksAndRejections (node:internal/process/task_queues:90:21) 14 error code ENOENT 15 error syscall spawn C:\Users\USER\Desktop\jdk-17.0.10+7 16 error path C:\Users\USER\Desktop\r 17 error errno -4058 18 error enoent spawn C:\Users\USER\Desktop\jdk-17.0.10+7 ENOENT 19 error enoent This is related to npm not being able to find a file. 19 error enoent 20 verbose cwd C:\Users\USER\Desktop\r 21 verbose os Windows_NT 10.0.19045 22 verbose node v23.5.0 23 verbose npm v11.0.0 24 verbose exit -4058 25 verbose code -4058 26 error A complete log of this run can be found in: C:\Users\USER\AppData\Local\npm-cache\_logs\2024-12-30T11_35_42_456Z-debug-0.log 이후에 node.js를 18버전으로, bpm이 아닌 yarn과 함께 설치하는 것으로 다시 깔고 실행해도 여전히 정상 작동이 안 됩니다 ㅠㅠ 뭐가 문제죠 대체 ㅠㅠㅠㅠ

  • npm
  • node.js
  • react
  • 배치파일
  • create-react-app
95010236 댓글 1 좋아요 0 조회수 826

오타 제보합니다!

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

안녕하세요 영한님! 오타 제보합니다! 강의자료 pdf 13. 스레드 풀과 Executor 프레임워크2.pdf 39페이지 AS-IS 거절된 작업을 버리지만, 대신에 경로 로그를 남겨서 개발자가 문제를 인지할 수 있도록 해보자. TO-BE 거절된 작업을 버리지만, 대신에 경고 로그를 남겨서 개발자가 문제를 인지할 수 있도록 해보자. 감사합니다!

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
  • 오타
터프남 댓글 2 좋아요 0 조회수 156

livenessProbe에 대한 설명이 조금 부족한거 같네요

미해결

그림으로 배우는 쿠버네티스(v1.35)

[질문 하기] 강의를 보다 livenessProbe가 killing하고 restart하는 기준이 이해가 안가서 질문 게시판을 봤는데, 저와 비슷한 의문을 가지신 분이 계신 것 같아서 질문드립니다. 일단 periodSeconds가 10초, 30초 모두 livenessProbe에서 실패를 하는데, 10초 설정은 killing을 하고 30초는 killing을 안 하길래 찾아보니 failureThreshold 라는 값이 또 있더라고요. 이 필드는 몇 번의 실패를 수신해야 실패로 간주하는지 설정하는 옵션입니다 (기본값: 3) . 이걸 보니 10초와 30초 옵션의 차이를 이해하게 되었습니다. 10초는 빠른 시간 내에 반복 체크해서 3번 실패하여 바로 실패로 간주하고 재시작하였고, 30초 옵션은 반복 2회차 이후에 pod가 정상적으로 떠서 3회차에 성공하여 pod를 재시작하지 않은 것 같습니다. 이외에도 다른 여러 옵션이 있지만 모든 옵션을 다루기에는 시간상 어려울 거라는 점은 이해합니다. 다만, 실습 환경에서 단순히 시간 차이로 테스트하는데 이러한 부분이 언급되지 않으면 이해하기 어려울 것 같습니다. 위 내용을 언급하지 않으신 특별한 이유가 있으신가요? 없다면 보충해주시는 게 좋지 않을까 조심스럽게 의견 드립니다.

  • docker
  • kubernetes
정권호 댓글 3 좋아요 0 조회수 254

오타 제보합니다!

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

안녕하세요 영한님! 오타 제보합니다! 강의자료 pdf 13. 스레드 풀과 Executor 프레임워크2.pdf 23페이지 AS-IS 자바는 Executors 클래스를 통해 3가지 기본 전력 을 제공한다. newSingleThreadPool(): 단일 스레드 풀 전략 newFixedThreadPool(nThreads): 고정 스레드 풀 전략 newCachedThreadPool(): 캐시 스레드 풀 전략 TO-BE 자바는 Executors 클래스를 통해 3가지 기본 전략 을 제공한다. newSingleThreadPool(): 단일 스레드 풀 전략 newFixedThreadPool(nThreads): 고정 스레드 풀 전략 newCachedThreadPool(): 캐시 스레드 풀 전략 새해 복 많이받으세요!

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
터프남 댓글 2 좋아요 0 조회수 137

멀티스레드, 스프링mvc 관련하여 질문이 있습니다.

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

@Service public class PersonService { public void processPerson(Person person) { System.out.println("Processing person: " + person); } } @Component public class Common{ public void logging(Log log){ System.out.println("Processing person: " + person); } } 위 두 클래스는 스프링 빈으로 등록되고 싱글톤입니다. 싱글톤은 객체가 1개만 생성되는걸로 알고있습니다. 그럼 controller 단이나 외부에서 PersonService, Common 의 processPerson, logging 메서드들을 동시에 호출하면 2개의 스레드가 각 싱글톤 객체의 메서드 매개변수를 동시에 변경하니깐 스레드 세이프하지않은거 아닌가요? 스프링 mvc 구현할때 다 이렇게 하던데 이게 스레드 세이프한지 궁금합니다~!

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
backendman 댓글 1 좋아요 0 조회수 99

7.3) 리뷰 조회 기능 구현하기 any type관련 질문입니다.

해결됨

한 입 크기로 잘라먹는 Next.js

🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 7.3) 리뷰 조회 기능 구현하기 any type관련 질문입니다. 강의 4분 2초에, any type으로 추론해버리면 추후에 타입 오류가 발생할 가능성이 커진다고 하셨는데 혹시 왜 그런 것인지 구체적으로 알 수 있을까요? 감사합니다.

  • react
  • typescript
  • next.js
wldls317 댓글 2 좋아요 0 조회수 145

Type error: Type '{ params: { id: string | string[]; }; }' does not satisfy the constraint 'PageProps'. 오류 해결

해결됨

한 입 크기로 잘라먹는 Next.js

npm run build 했을 때, 북 상세 페이지에서 오류 발생하시는 분들은 아래와 같이 수정해보시길 바랍니다. 3.6)네비게이팅 진행 중, npm run build를 통해 빌드 시, 아래와 같이 타입 오류가 발생 src/app/book/[id]/page.tsx Type error: Type '{ params: { id: string | string[]; }; }' does not satisfy the constraint 'PageProps'. Types of property 'params' are incompatible. Type '{ id: string | string[]; }' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag] 이유: nextjs 최신 버전에서 params가 promise 형태로 바뀌게 되면서 타입 오류가 발생하는 것으로 추정 아래와 같이 타입을 정의 import ClientComponent from "@/app/components/ClientComponent"; type PageParams = Promise<{ id: string }>; const Page = async ({ params }: { params: PageParams }) => { const { id } = await params; return ( <div> Page {id} <ClientComponent> <></> </ClientComponent> </div> ); }; export default Page;

  • react
  • typescript
  • next.js
Next 댓글 2 좋아요 2 조회수 851

npm run build 시 에러가 발생합니다.

해결됨

한 입 크기로 잘라먹는 Next.js

npm run dev로 실행 시 정상 실행되고있고 npm run build 시 아래와 같이 에러가 발생하고있습니다. 제 소스코드는 아래에서 확인가능합니다 https://github.com/redinbluesky/section02 =========npm run build 시 에러 메시지======== D:\01_Study\01_REACT\02_ONE_BITE_NEXT_JS\02_VsCode_WorkSpace\section02>npm run build > section02@0.1.0 build > next build ▲ Next.js 14.2.18 ./src/components/book-item.tsx ....................................................... ✓ Linting and checking validity of types Creating an optimized production build ... ✓ Compiled successfully ✓ Collecting page data Generating static pages (0/7) [ ]인덱스 페이지 Generating static pages (2/7) [= ]Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings. at Z (D:\01_Study\01_REACT\02_ONE_BITE_NEXT_JS\02_VsCode_WorkSpace\section02\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:490) ........................................................ Error occurred prerendering page "/lib/fetch-bo............................. Error occurred prerendering page "/lib/fetch-rendom-books". Read more: https://nextjs.org/docs/messages/prerender-error ....................................... Error occurred prerendering page "/lib/fetch-one-book". Read more: https://nextjs.org/docs/messages/prerender-error .......................................... ✓ Generating static pages (7/7) > Export encountered errors on following paths: /lib/fetch-books /lib/fetch-one-book /lib/fetch-rendom-books

  • react
  • typescript
  • next.js
댓글 3 좋아요 0 조회수 648

강의 자료 질문입니다.

해결됨

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. os는 window를 사용하고 있고요 자료 다운로드 후 볼려고 하는데 제pc 문제 인지 파일 문제인지 읽지를 못하네요. 확인해주시면 감사하겠습니다.그리고 코드 참고를 하려 하는데 github 주소나 파일이 있을까요??

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
성관 댓글 2 좋아요 0 조회수 438

인기 태그

인프런 TOP Writers

주간 인기글