inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

리액트 부트연결

미해결

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

리액트랑 부트 연결하는 방법 axios까지 코드입력했는데 cmd라던지 연동하는 방법은 안알려주시나요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
red9123 댓글 1 좋아요 0 조회수 251

mongoDB에서의 데이터 중복일 때 1건만 수정되는 이유

미해결

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

CRUD 실습 - 2 중 문의사항이 있어 작성합니다. 제가 실수로 이전 CREATE 에서 두번 실행하는 바람에 현재 제 DB에 데이터가 중복으로 들어갔습니다. 그리고 현재 UPDATE를 하였을 때 데이터가 한 건만 수정되는 것을 확인하였습니다. 원래대로라면 '김현수'라는 이름을 가진 데이터가 2건이기 때문에 2건 모두 바뀌어야 하는 거 아닐까요? 왜 1건만 변경되는 지 문의드립니다.

  • HTML/CSS
  • javascript
  • vue.js
  • node.js
  • mongodb
  • 소프트스킬
유진용 댓글 1 좋아요 0 조회수 249

JSON API 활용하기(JSON-Java)

미해결

Java TPC 실전프로젝트 (Java API 활용)

package TPC; import org.json.*; public class Project01_Bd { public static void main(String[] args ) { // JSON-Java(org.json) JSONArray students = new JSONArray(); //JSONArray 생성 JSONObject student = new JSONObject(); // JSONObject객체생성 student .put( "name" , "홍길동" ); // key와 value쌍으로 이루어진 구조인 put메서드를 사용해서 studunt에 데이터를 집어넣는다. student .put( "phone" , "010-1111-1111" ); student .put( "address" , "서울" ); //여기까지가 한사람의 JSON 객체다. System. out .println( student ); //{"address":"서울","phone":"010-1111-1111","name":"홍길동"} // 여기까지 우리가 JSON으로 굳이 객체를 만들지 않더라도 제이슨 구조가 바로 만들어진다. students .put( student ); System. out .println( student ); //{"address":"서울","phone":"010-1111-1111","name":"홍길동"} student = new JSONObject(); // 새로운 인스턴스 생성되어 변수에 할당되어 이전 인스턴스에 대한 참조가 대체 (홍길동 -> 나길동) student .put( "name" , "나길동" ); student .put( "phone" , "010-1111-1111" ); student .put( "address" , "서울" ); students .put( student ); //배열은 호출 시점에 객체에 대한 참조를 보유하므로 홍길동 -> 나길동으로 재할당 되었더라도 배열은 원래 객체에 대한 참조를 유지한다. System. out .println( student ); //{"address":"서울","phone":"010-1111-1111","name":"나길동"} System. out .println( students ); //[{"address":"서울","phone":"010-1111-1111","name":"홍길동"},{"address":"서울","phone":"010-1111-1111","name":"나길동"}] } } student라는 객체를 홍길동에서 나길동으로 재할당했는데, 배열은 호출시점에 객체에 대한 참조를 보유해서 재할당하더라도 배열은 이전 객체에 대한 참조를 유지한다고 하는데.. 그러면 홍길동은 배열에선 살아있는거고 (?) student 객체에서는 사라진건가요..?....... 그리고 JSONObject에서 put메서드가 key-value 쌍이라고 설명하셨는데, JSONArray는 왜 put메서드를 객체로 저장하나요? put메서드는 객체에 저장하는지 배열에 저장하는지에 따라 구조가 달라지는건가요?

  • java
  • 배열
  • 객체
  • put메서드
뇽뇽이 댓글 2 좋아요 0 조회수 368

this.props.name할때

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

상위로부터 값을 가져올때 name="velopert"라고하다가 number={5} 이렇게 중괄호는 뭔가요? 갑자기 설명도 없이 ㅠㅠ

  • react
odark 댓글 1 좋아요 0 조회수 207

시작부터 안됩니다.

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

codepen.io 에서 Add External Scripts/Pens 에서 react로 검색해서 https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/cjs/react.production.min.js 이거랑 https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/cjs/react-dom.production.min.js 이렇게 두가지가 나오고 save and close도 아니고 close만 있구요 close만 해도 상태는 유 지되는건지 모르겠네요 ..그래서인지 몰라도 코드넣고 실행해보면 에러납니다. class CodeLab extends React.Component { render() { return ( <div>CodeLab</div> ); } } class App extends React.Component { render() { return ( <CodeLab /> ); } } ReactDOM.render(<App />, document.getElementById('root')) Uncaught ReferenceError: React is not defined 에러나고 그래서 강좌에 없는 import React from 'react' 넣고 나면 Uncaught ReferenceError: require is not defined 이 에러가 납니다. 도무지 진행이 안되네요 ㅠ Uncaught ReferenceError: React is not defined Uncaught ReferenceError: React is not defined

  • react
odark 댓글 2 좋아요 1 조회수 501

getServerSideProps에서 axios 호출시

해결됨

Next.js 시작하기

const response = await axios.get(`http://localhost:4000/products/${id}`); 로 호출할때 클라이언트에서는 별다른 에러 메시지가 나오지 않으나 npm run dev로 실행한 서버 터미널에서는 GET /products/backendManager.js.map 500 in 9ms ⨯ AxiosError: Request failed with status code 404 GET /products/react_devtools_backend_compact.js.map 500 in 16ms 이라는 에러가 나옵니다. 이 파일들을 호출하는 이유가 무엇인가요..?

  • javascript
  • react
  • next.js
댕청한까마귀 댓글 2 좋아요 1 조회수 394

문제와 풀이4 - Queue

미해결

김영한의 실전 자바 - 중급 2편

안녕하세요 영한님 🙂 항상 감사한 마음으로 강의 잘 듣고 있습니다 ㅎㅎ 별거 아닌 오탈자이긴 한데, 큐 두번째 문제에서 실행 결과 부분 오탈자가 있어서 말씀드립니다! "작업 시작" -> "==작업 시작==" "작업 완료" -> "==작업 완료=="

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
갈색곰 댓글 2 좋아요 0 조회수 257

2.1강 테스트에서 헷갈리는 부분이 있습니다.

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 몇가지 의문이 있어 질문 드립니다. 올바른 테스트 작성 규칙에서 내부 구현에 대한 테스트, 단순한 UI렌더링 관련 테스트는 하지 않는것이 좋다고 하셨는데, className prop이 css class에 적용되는지, placeholder설정, focus 시 border 스타일이 변경되는지 테스트하는건 단순히 UI와 관련된 테스트가 아닌가요? getByPlaceholder API는 만약 구현코드에서 placeholder 내용이 달라지면 테스트 코드도 모두 수정해야 하는데 종속성이 있다고 볼 수 있지 않나요? 아직 테스트가 익숙하지 않아 그런지 이런 부분이 많이 헷갈립니다ㅜㅜ

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
팀오 댓글 2 좋아요 0 조회수 282

초급 유료버전과 차이점은 무엇인가요?

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

혹시 초급버전의 유료버전이 있던에 이 강좌랑 무슨 차이가 있나요? 배우는 범위가 다른건지요??

  • react
odark 댓글 1 좋아요 0 조회수 362

6.8 강의 drawer닫기

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

안녕하세요 . drawer.tsx에 있는 DrawerClose를 사용하면 useState를 통해 상태관리를 안해줘도 되지않나 싶어서 여쭤봅니다. Header쪽에 <DrawerClose> <Logo/> </DrawerClose> 이렇게 감싸주면 drawer가 열렸을때 x버튼을 누르면 똑같이 동작하더라고요. 혹시 useState를 사용하신 이유가 있을까요?

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwind-css
  • zustand
팡tae 댓글 1 좋아요 0 조회수 168

HelloDice, HelloSum 리팩토링 문제 풀이!

미해결

김영한의 실전 자바 - 중급 1편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 바로 전에 AnonymousOuter 참고해가며 이렇게 해봤는데 출력 결과는 동일하게 나오는데 혹시 잘못된 부분있거나 부족한 부분있으면 조언 부탁드립니다. package nested.anonymous.ex; import java.util.Random; public class Ex1Main { public void hello(String str) { System.out.println("프로그램 시작"); Process process = new Process() { @Override public void run() { if (str.equals("DICE")) { // 코드 조각 시작 int randomValue = new Random().nextInt(6) + 1; System.out.println("주사위 = " + randomValue); // 코드 조각 종료 } else if (str.equals("SUM")) { // 코드 조각 시작 for (int i = 0; i < 3; i++) { System.out.println("i = " + i); } // 코드 조각 종료 } } }; process.run(); System.out.println("프로그램 종료"); } public static void main(String[] args) { Ex1Main ex1Main = new Ex1Main(); ex1Main.hello("DICE"); ex1Main.hello("SUM"); } }

  • java
  • 객체지향
vivajayyy 댓글 1 좋아요 0 조회수 223

안녕하세요 jdk 질문드려요

해결됨

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

안녕하세요! 토비님 같은 버전의 jdk에서도 zulu나 강의에서 예시로 다운받으신 liberica와 같이 회사가 다른데 혹시 그들만의 차이점이 있을까요?

  • java
  • spring
정호빈 댓글 1 좋아요 0 조회수 436

안녕하세요 선생님

해결됨

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

강의명 중 반복문+조건문 문제풀이 쪽에 문제 다운로드하는 링크는 따로 없을까요? 수업 자료 라고 떠서 확인해보니 다른 커리큘럼에는 수업자료를 받을수 있게 설정이 되어있는데 해당 과목 쪽만 다운로드 링크가 없어서 문의 드립니다!

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

GSAP 가이드 Part.02 강의 > 01 > practice html 맨처음 시작시 강의랑 동일하지 않을 경우

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.02

웹 애니메이션을 위한 GSAP 가이드 Part.02에 advence-start > 01.animation-control > pratice의 html을 실행하면 강의랑 다르게 파란색 길이 안나와서 당황했는데 강의를 들으면서 확인해보니까 해당 밑에꺼 3개 주석처리 하니까 시작 할 때랑 똑같이 나옵니다. 혹시 연습으로 먼저 해보실분들은 이거 3개 주석처리 하시고 시작하시면 될것같습니다. #emart .path { stroke-dasharray: 496; stroke-dashoffset: 496; } #medi .path { stroke-dasharray: 604; stroke-dashoffset: 604; } .pick { opacity: 0; }

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
Taeyoon 댓글 2 좋아요 1 조회수 265

MemberJpaRepository 테스트 오류

해결됨

실전! Querydsl

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] \querydsl\src\test\java\study\querydsl\repository\MemberJpaRepositoryTest.java:21: error: cannot find symbol MemberJpaRepository memberJpaRepository; ^ symbol: class MemberJpaRepository location: class MemberJpaRepositoryTest MemberJpaRepository 테스트 오류를 어떻게 확인해야되나요 동일하게 질문하신 분이 계신데 드라이브 통해서 파일 올리라고만 답변되어있어서 질문 드립니다. 강의와 같은 경로에 repository 생성 후 테스트를 돌리면 심볼 오류가 납니다. 확인 부탁드립니다!! generated/study/querydsl/repository/ MemberJpaRepository 소스 코드 경로 https://drive.google.com/file/d/1wV-xy9-oUE0TgfONiumr5dr2TniGHdj_/view?usp=sharing

  • java
  • jpa
배배배 댓글 1 좋아요 1 조회수 238

반복문 + 조건문 문제 풀이 강의 중

해결됨

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

안녕하세요 쌤c언어 문제에서 i % 3 이 0이 나오려면 3의 약수가 아니라 3의 배수 아닐까해서 여쭤보고자 질문드립니다!3, 6, 9 이런 식으로 말이죠 :)

  • python
  • java
  • c
  • 정보처리기사
ds0794 댓글 1 좋아요 0 조회수 273

19강 TakeIf 질문

미해결

자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)

강사님 안녕하세요. 우선, 좋은 강의 감사합니다. 19강.코틀린의 이모저모 학습 중 이해되지 않는 부분이 있어서 질문드립니다. takeIf 을 설명하실 때 getNumberOrNull 함수와 getNumberOrNullV2 함수가 동일한 코드라고 설명해주셨는데요. 강의에서 takeIf 확장 함수는 주어진 조건을 만족하면 그 값을, 만족하지 않는다면 null 을 반환한다고 설명해주셨는데, 그러면 getNumberOrNull 함수의 반환 값이 반대로 된 것이 아닌가요? 오히려 getNumberOrNull 함수는 takeUnless 를 사용하는 getNumberOrNullV3 함수와 동일하다고 생각됩니다. 저는 아래와 같이 이해했는데.. 혹시 제가 잘못 이해한건지, 아니면 강의자료에 오타가 있으신건지 궁금합니다~~ // takeIf 구현 fun getNumberOrNull(): Int? { return if (number <= 0) number // 해당 조건이 맞으면 해당 값을 반환 else null // 아니면 Null을 반환 }

  • java
  • kotlin
  • 객체지향
LEE-YOONSEON 댓글 1 좋아요 2 조회수 217

500 에러

미해결

실전 JSP (renew ver.) - 신입 프로그래머를 위한 강좌

org.apache.jasper.JasperException: JSP를 위한 클래스를 컴파일할 수 없습니다.: 500 에러 뜨면서 자꾸 실행이 안됩니다. 이거 tomcat 설정에 jdk 버전이랑 뭐 안 맞다고 하는 오류 떄문에 그런 것 같은데 설정해봐도 안 되고 미치겠네요

  • java
  • jsp
Hugh Park 댓글 1 좋아요 0 조회수 276

1.3강 npm run dev 안되는 문제

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

문제) 의존성 설치 후 npm run dev를 기동하면 $ npm run dev > test-example-shopping-mall@0.0.0 dev > concurrently --kill-others 'npm run dev:server' 'npm run dev:ui' [0] ''npm'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [0] ��ġ ������ �ƴմϴ�. [1] 'run'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [1] ��ġ ������ �ƴմϴ�. [2] ���� �̸�, ���͸� �̸� �Ǵ� ���� ���̺� ������ �߸��Ǿ����ϴ�. [3] ''npm'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [3] ��ġ ������ �ƴմϴ�. [4] 'run'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [4] ��ġ ������ �ƴմϴ�. [4] run exited with code 1 --> Sending SIGTERM to other processes.. [3] 'npm exited with code 1 --> Sending SIGTERM to other processes.. --> Sending SIGTERM to other processes.. [1] run exited with code 1 --> Sending SIGTERM to other processes.. [0] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [5] ���� �̸�, ���͸� �̸� �Ǵ� ���� ���̺� ������ �߸��Ǿ����ϴ�. [5] dev:ui' exited with code 1 이런 콘솔이 찍히며 테스트 서버가 실행되지 않습니다. 인코딩이 깨져서 뭐가 문젠지 추적을 못하겠어요ㅠㅠ node 버전은 강의와 동일하게 19.9.0으로 맞춰두었습니다. +) 인코딩이 깨지는 문제는 vscode터미널 말고 다른 커맨드창을 이용하니 해결 되었습니다. > test-example-shopping-mall@0.0.0 dev > concurrently --kill-others 'npm run dev:server' 'npm run dev:ui' [0] ''npm' is not recognized as an internal or external command, [0] operable program or batch file. [1] 'run' is not recognized as an internal or external command, [1] operable program or batch file. [2] The filename, directory name, or volume label syntax is incorrect. [3] ''npm' is not recognized as an internal or external command, [3] operable program or batch file. [4] 'run' is not recognized as an internal or external command, [4] operable program or batch file. [4] run exited with code 1 --> Sending SIGTERM to other processes.. [3] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [2] dev:server' exited with code 1 --> Sending SIGTERM to other processes.. [1] run exited with code 1 --> Sending SIGTERM to other processes.. [0] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [5] The filename, directory name, or volume label syntax is incorrect. [5] dev:ui' exited with code 1 그런데 여전히 실행이 안됩니다ㅜㅜ npm을 못찾는거 같은데 환경변수에 따로 등록을 해야하나요? npm -v하면 버전은 잘 나오는데 원인을 모르겠습니다... 현재 환경변수와 버전정보 추가합니다. +) package.json스크립트에서 작은 따옴표를 큰 따옴표로 수정해서 최종적으로 해결되었습니다... 허무하네용ㅋㅋㅋ ㅠ

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
팀오 댓글 1 좋아요 1 조회수 566

인기 태그

인프런 TOP Writers

주간 인기글