inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

22. REST 방식 컨트롤러 만들기(2)에서 포스트맨으로 글 등록 테스트 할 때 complete 필드가 없는 경우 Bad Request 400에러가 나는 걸 확인했습니다. { "title": "Test title", "writer": "testuser", "complete": false, "dueDate": "2026-02-04" } 위와같이 complete필드를 추가하니 잘 되었는데, 문제는 29강에서처럼 브라우저 화면에서 테스트 해보니 아래와같이 400에러가 발생합니다. 여기도 마찬가지로 입력폼에서 complete필드가 없어서 그런것 같은데 강의에서는 등록이 잘 되는게 이해가 안되네요. 섹션4까지 완성된 코드를 다운받아서 실행해보았지만 위의 사진처럼 브라우저에서 등록 시 400에러가 발생합니다.

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
hun1246 댓글 2 좋아요 0 조회수 110

useRef, useState count 비교

해결됨

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

안녕하세요 강사님! 강의에서 useRef는 값이 변경되었을 때 리렌더링을 발생시키지 않으므로 값이나 DOM 요소를 참고하고 싶을 때 사용한다고 하셨는데요. 1) 강의 예제 중, 수정이 일어난 횟수를 countRef에 담기도록 하셨는데, 이 때 값이 변경되어 ' onChange 함수에서 setInput 함수를 호출함으로써 리렌더링이 발생하는 것이고, countRef.current++는 리렌더링이 발생함과 동시에 값이 증가 되는 것 뿐이다 '라고 이해하면 되는 것일까요? 1번 코드 참고하시면 됩니다! 2) 위처럼 이해를 하다가 문득 궁금한 것이 생겼는데, 2번 코드 처럼.. useState의 input 객체에 count 프로퍼티를 추가하여 0으로 초기화 해주었습니다. 그리고 onChange 함수에서 setInput으로 count를 +1 시켜주었는데요. 1번 예제처럼 수정할 때 마다 count가 +1 되는 것을 의도하였는데, 이 때 textarea에서 ㄱ을 입력했다면, setInput 함수는 한 번 호출되며 textarea 수정과 count 증가가 동시에 발생하고 'textarea 수정 + count 증가' 이렇게 리렌더링이 한 번 발생하는 걸까요? 3) 만약 2번 질문의 답이 '결국 setInput 함수가 한 번 호출되며 작동하는 것이므로 리렌더링은 한 번이다.' 라면, 1번과 2번 코드는 '리렌더링이 발생할 때 마다 count 증가' 라는 점에서 같은 결과인 걸까요..? 질문이 좀 복잡하지만.. 답변해주시면 감사하겠습니다..! 1) useRef 사용하여 count import { useRef, useState } from "react"; export default function Test() { const [input, setInput] = useState({ name: "", bio: "", }); const countRef = useRef(0); console.log(input); console.log(countRef.current); const onChange = (e) => { countRef.current++; setInput({ ...input, [e.target.name]: e.target.value, }); }; return ( <div>...</div> ) } 2) useState로 count import { useState } from "react"; export default function Test() { const [input, setInput] = useState({ name: "", bio: "", count: 0, }); console.log(input); const onChange = (e) => { setInput({ ...input, [e.target.name]: e.target.value, count: input.count + 1, }); }; return ( <div>...</div> ) }

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

섹션 2. 11강 3분 12초

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

printf("a%%b = %d\n", remainder_result); 에서 왜 %% 가 들어가는데 출력값은 a%b=1 인건가요? a%%b = 1 이 아닌 이유가 있나요~?

  • python
  • java
  • c
  • 정보처리기사
maritime23 댓글 2 좋아요 0 조회수 48

나만의 출력 스타일 만들기

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

MD파일만들었습니다 /output-style 커스터마이징 되지 않습니다

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
이은주 댓글 3 좋아요 0 조회수 141

claude window에서 설치시...

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

이렇게 되고...아무 반응도 없어요. 컴이 구려서 그런건가여? 옛날 컴이긴 한데..

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
세준 댓글 2 좋아요 0 조회수 148

안녕하세요. 코드 공개가 불가능하면 어떻게 해야할까요

미해결

데이터분석가 서류탈락? 알려드릴게요, 되는 포트폴리오

안녕하세요. 강의 잘 들었습니다. 기업에서 인턴할때 진행했던 프로젝트라 코드 공개가 불가능하면 어떤식으로 만드는게 좋을까요.

  • python
  • sql
  • mysql
kgy1607 댓글 2 좋아요 1 조회수 115

안된다고했던 이유가 무엇이었는지 모르겠습니다

해결됨

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

영상 8분 57초에 onClick 이벤트에 결과값을 넣으면 안된다고 배웠는데 그게 어디에서 그랬는지 기억이 안납니다 ㅠㅠ

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

사용량 확인 시 Resets 시간설정 Seoul로 하는 방법

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 강의 잘 수강하고 있습니다. /usage 명령어를 통해 토큰 잔여량을 확인할 때, Resets 시간을 강의 영상처럼 (Asia/Seoul)로 확인 할 수 있을거라 생각했는데 저는 (UTC)로 표기되어 있습니다. 해당 기준 시간 설정을 어디서 어떻게 하면 되는지 여쭤봅니다. 감사합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
왈왈 댓글 2 좋아요 0 조회수 141

claude 설치시 환경변수(windows)

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

별다른 설정 안해도 잘되서 그냥 쓰고 있습니다. claude에 물어보니 자동으로 된다고 해서 안했거든요. 추후 따로 문제가 될까요? 아니면 버전에 따라 다른가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
시원 댓글 2 좋아요 0 조회수 1136

대화형 질문 유도 가능한가요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

현재 29. [ADDED] 대화형 질문 기능 까지 수강했습니다. 프로젝트를 처음 시작할 때 계획모드에서 대화형 질문이 강의처럼 나오고 원하는 스택을 선택할 수 있으면 엄청 편할것같은데요, 클로드코드가 이런 스택 선택을 질문 하도록 유도할 수 있을까요? 저는 이력서 실습 후에 바로 진행해서 그런지 스택에 관련한 질문은 하지 않더라구요. 이미지에서 노란 하이라이트 부분이 클로드코드가 물어본 질문과 제 대답입니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
dalki7711 댓글 2 좋아요 0 조회수 152

app.config["MONGO_URI"] = "mongodb://localhost:27017/pm_db"

해결됨

남박사의 파이썬으로 실전 웹사이트 만들기

app.config["MONGO_URI"] = "mongodb://localhost:27017/pm_db" 여기에 MS-SQL 연결이 가능할까요 몽고를 사용요하지 않고... 예) ConnString = "Provider=SQLOLEDB;Data Source= 서버 주소 ;Initial Catalog=Board;User ID=아이디;Password=암호;"

  • python
Bokhee Hong 댓글 2 좋아요 0 조회수 79

CLAUDE.md와 ROADMAP.md, README.md 뭐가 다른거에요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

CLAUDE.md 와 ROADMAP.md , README.md 뭐가 다른거에요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
nomonomo 댓글 4 좋아요 0 조회수 473

[윈도우] MCP 서버 (use context7) 오류

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

윈도우 환경에서 진행하시는 분들 use context7 부분에서 오류날텐데 .mcp.json 파일 아래 처럼 바꿔주세요. 관련 내용은 /doctor 실행하면 볼 수 있습니다. { "mcpServers": { "context7": { "type": "stdio", "command": "cmd", "args": [ "/c", "npx", "-y", "@upstash/context7-mcp", "--api-key", "발급받은 API 키" ], "env": {} } } }

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
For Citizen 댓글 1 좋아요 1 조회수 171

오브젝트에의 이벤트 감지 vs 레이캐스팅

해결됨

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

안녕하세요. 경험이 더 쌓이거나 혹은 뒤에 진행될 프로젝트를 통해 해소될 수도 있지만 짚고 넘어가고 싶어서 여쭙습니다! 이벤트 객체를 통해서도 다양한 인터랙션을 만들어낼 수 있는데, raycaster를 반드시 써야 하는 상황의 예시가 어떤 것이 있는지 궁금합니다.

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
literate_t 댓글 2 좋아요 0 조회수 92

init와 init project rules는 다른 건가요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

init 했어도 쉬림프 테스크 매니저에서 init project rules를 또 해줘야 하는 걸까요? 그리고 강사님이 공유해주신 스타터킷을 제 프로젝트에 바로 적용해서 사용해도 괜찮은걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
댓글 2 좋아요 0 조회수 78

n8n 개인컴으로 호스트할 때

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

구글시트는 동영상 따라 하긴 했는데.... n8n하고 openai 연동 api랑 baseurl 설정 어떻게 하는지 좀 알려주세요.ㅜㅜ

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
박성연(생성AI 10회차) 댓글 2 좋아요 0 조회수 86

37강. 강의수업듣다 질문드립니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

음 지금까지 잘 수업따라 오다가 이 부분테스트 하는 부분에서 강사님과 다르게 이렇게 에러가 발생합니다. 그 이전에는 에러가 발생 안했습니다. 이 부분만 가지고 대충 예상이 되실까요.?

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
하나라도더 댓글 2 좋아요 0 조회수 84

init은 언제 얼마나 많이 누르는거에요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

폴더를 처음 열었을때, 그때만 /init을 누르는거에요? 아님 작업하면서 꾸준히 /init 누르면서 CLAUDE.md파일을 계속 보강해야하나요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
nomonomo 댓글 2 좋아요 0 조회수 241

인기 태그

인프런 TOP Writers

주간 인기글