묻고 답해요
129만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
[오류] Each child in a list should have a unique
Multer 이용하여 파일 업로드할떄Each child in a list should have a unique 오류가자꾸 뜹니다.. import React from 'react' import Dropzone from 'react-dropzone' import axiosInstance from '../utils/axios'; import PropTypes from 'prop-types'; const FileUpload = ({ onImageChange, images }) => { const handleDrop = async (files) => { let formData = new FormData(); const config = { header: { 'content-type': 'multipart/form-data' } } formData.append('file', files[0]); try { const response = await axiosInstance.post('/products/image', formData, config); onImageChange([...images, response.data.fileName]); } catch (error) { console.error(error); } } return ( <div className='flex gap-4'> <Dropzone onDrop={handleDrop}> {({ getRootProps, getInputProps }) => ( <section className='min-w-[300px] h-[300px] border flex items-center justify-center' > <div {...getRootProps()}> <input {...getInputProps()} /> <p className='text-3xl'>+</p> </div> </section> )} </Dropzone> <div className='flex-grow h-[300px] border flex items-center justify-center overflow-x-scroll overflow-y-hidden'> {images.map(image => ( <div key={image}> <img className='min-w-[300px] h-[300px]' src={`${import.meta.env.VITE_SERVER_URL}/${image}`} alt={image} /> </div> ))} </div> </div> ) } FileUpload.propTypes = { // onImagesChnage: PropTypes.bool.isRequired, onImageChange: PropTypes.any, images: PropTypes.any, }; export default FileUpload
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
스프링 메시지 소스 사용 시 Test 컴파일 에러 나신 분을 위해
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요. 질문은 아니고 @Test 시 계속 컴파일 오류가 나서 다른 분들 참고하시면 될 것 같아 글 작성합니다1.컴파일 에러 났을 때 간단히 System.out 출력 했을 때 ???일 때 상단 메뉴 바에서 Settings 클릭 > Encoding 검색해서 File Encodings 들어가서 사진 처럼 UTF-8로 바꿔주기 안되면 윈도우 시스템이 언어 설정 확인하기
-
미해결스프링 DB 2편 - 데이터 접근 활용 기술
unexpectedRollbackException 에러가 로그에 다르게 남겨져요
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]강의 1분 51초 부근에 테스트를 할시에 unexpectedRollbackException이 에러에 남겨지는 것을 확인할 수 있는데, 로그가 저는 다르게 남겨집니다.2024-04-25T15:46:38.354+09:00 DEBUG 5056 --- [springdx] [ main] cResourceLocalTransactionCoordinatorImpl : JDBC transaction marked for rollback-only (exception provided for stack trace)java.lang.Exception: exception just for purpose of providing stack traceat org.hibernate.resource.transaction.backend.jdbc.internal.JdbcResourceLocalTransactionCoordinatorImpl$TransactionDriverControlImpl.markRollbackOnly(JdbcResourceLocalTransactionCoordinatorImpl.java:310) ~[hibernate-core-6.4.4.Final.jar:6.4.4.Final]at org.hibernate.engine.transaction.internal.TransactionImpl.markRollbackOnly(TransactionImpl.java:203) ~[hibernate-core-6.4.4.Final.jar:6.4.4.Final]at org.hibernate.engine.transaction.internal.TransactionImpl.setRollbackOnly(TransactionImpl.java:224) ~[hibernate-core-6.4.4.Final.jar:6.4.4.Final] 다른 테스트도 몇개 그렇게 표시 되는데 recoverException_fail test 시에 위와 같이 에러표시가 됩니다.테스트 시 통과는 돼서 UnexpectedRollbackException가 터지는 건 맞는 것 같은데 로그에 에러가 그냥 Exception으로 표시가 되는 것 같아서 구글링해봤는데 문제가 무엇인지 모르겠어서 질문드립니다. https://drive.google.com/file/d/1UzxlCeILcMUkroixUZmV2W49LfPqQAnb/view?usp=sharing
-
미해결김영한의 실전 자바 - 중급 1편
open jdk22버젼을 사용해도 무방할까요?
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.안녕하세요 다름이아니라 open jdk21 버젼이 없어져서 open jdk22 버젼으로 했는데 인텔리제이에서 버젼이 업그레이드 되면 전 버젼은 자동적으로 다운로드를 못하게 막아두는건가요? open jdk22를 써도 되는지 여쭈어보고싶습니다.
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
exist가 deprecated 되고, exists로 변경된 것 같습니다!!
exist deprecate => exists 로 변경된 것 같습니다!!!
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
개정된 미세먼지앱 강의 item[regionStr] 에러 뜨시는 분들
코드를 따라 진행을 하시거나, 앱을 삭제하고 다시 실행하면 아래 코드위치에서final stat = double.parse(item[regionStr]);예외가 발생했습니다. _TypeError (type 'Null' is not a subtype of type 'String') 라는 에러가 뜨면서 흰색화면이 나타나고 좌측상단에로딩 인디게이터만 돌아 가신다면 final stat = double.parse(item[regionStr] ?? '0'); 로 변경해주시면 앱이 정상적으로 작동 하는것을 확인했습니다.참고하세요!
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
강의 첨부 파일은 어떻게 받나요??
제 메일은 rkddus3177@naver.com 입니다
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
View 환경설정에서 addAttribute에서 에러가 발생합니다!
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]사정상 무료로 사용가능한 sts4 툴을 사용해서 따라하는중인데, 03. View환경설정을 따라하는 도중에 model.addAttribute(attributeName: "data", attributeValue:"hello");에서 해당 에러가 발생합니다! 어떻게 하면 좋을까요?
-
미해결모든 개발자를 위한 HTTP 웹 기본 지식
API URI
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]제가 이해한 과정이 맞는 지 알려 주셨으면 좋겠습니다..웹 브라우저에서 웹 서버로 https://www.google.com:443/search?q=hello&hl=ko 이런 식으로 요청하면 DNS 서버에서 google.com -> 200.200.200.2(IP 주소)를 알아내고 443(PORT) 라는 정보를 알아 낸다. 웹 브라우저가 HTTP 메시지를 생성한다. ex) GET /search?q=hello&hl=ko HTTP/1.1 Host: www.google.com) 여기서 궁금한 것이 /search 자체는 리소스인데 이 리소스를 URI(URL)에 매핑 했기 때문에 Resource Path로서 사용할 수 있게 된 것인 가요?소켓 라이브러리를 통해서 전달 한다. * 이 때 알아낸 PORT와 IP주소로 TCP/IP 연결을 할 수 있게 하고 OS 계층에 데이터를 전달 한다.전달 받은 데이터를 포함한 TCP/IP 패킷을 만들어서 웹 서버로 전송 한다.웹 서버는 해당 패킷을 받아서 메시지 바디에 요청한 데이터를 포함하여 메시지 응답 패킷을 클라이언트(웹 브라우저)에게 전송한다 ex) HTTP/1.1 200 OK Content-Type: text/html;charset=UTF-8 Content-Length: 3423 ...웹 브라우저는 응답 메시지를 렌더링 해서 웹 페이지를 띄운다. 제가 이해한 바가 맞나요?
-
해결됨CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조
이해한 내용이 맞는지 궁금합니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 이해한 내용이 맞는지 궁금합니다. 유니캐스트 일반적으로 웹 브라우저에서 웹 백엔드 서버로 API 호출하는 행위 멀티캐스트 예시와 같이 소켓이 열린 모든 사용자가 아닌 특정 사용자 그룹(채팅방)에게만 메세지를 전달하는 행위 브로드캐스트 소켓이 열린 모든 사용자에서 메서지를 전달하는 행위
-
해결됨Windows 시스템 프로그래밍 - 기본
강사님 파일입출력(Callback함수)와 관련하여 질문 드립니다.
강의 내용중 비동기 입출력 CALLBACK 함수 사용 부분에서 OVERLAPPED 구조체와 BUFFER 를 동적할당 해야 한다고 하셨는데.하지만 비동기 I/O를 하고 있는 스레드가 마지막 부분에서 SleepEx(1, TRUE) 로 대기하고 있습니다. 즉 스레드는 해당 CALL 함수 종료 후에도 계속 존재하기 때문에 스래드의 로컬변수로 선언해서 전달해도 CALLBACK 함수에서 사용하는데는 문제가 없는거 아닌지요? (이벤트로 처리하는 부분은 스레드 변수로 처리)왜 동적변수로 할당해야 하는지 이해가 되지 않아서요?실제로 제가 스레드내의 로컬 변수로 선언하고 동작 시켜도 정상적으로 동작을 해서요.
-
미해결[스프링 배치 입문] 예제로 배우는 핵심 Spring Batch
@Configuration 어노테이션 관련 질문있습니다.
Spring에서 @Configuration은 Spring의 설정 파일에 사용 되는 용도로 알고 있습니다.따라서 Spring Project를 구성할 때 @Configuration이 붙은 파일은 Spring 설정 파일로 사용되고, 핵심 비지니스 로직은 @Service 등을 사용하여 구성하는 게 기본적인 것으로 알고 있는데 Batch에서는 @Configuration이 있는 Job class에서 reader, processor, writer 등의 핵심 비지니스 로직을 구성하는 이유가 있을까요? 예를 들면 accountRepository.save()를 실행하는 test라는 메소드를 Service.class에 선언하고 wirter에선 Service::test와 같이 호출할 수 있지 않나요?
-
해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
8.5)Array.prototype.filter() 의 콜백함수에 대한 의문점이 있어요
// it works return todos.filter((todo)=> todo.content.includes(search) ) // do not work :( return todos.filter((todo)=>{ todo.content.includes(search) }) 8.5) Read- Todolist Rendering 실습 중에 오타를 내서 좀 헤맸는데요 저는 화살표함수를 정의할 때 하듯이callback = (para)=>{body}형태로 썼는데Array.prototype.filter()의 콜백함수에는 함수 바디를 정의하듯이 중괄호를 쓰지않고 callback = (para)=>body 처럼 쓰는데 그 이유가 무엇인가요?제가 생각하는 가설은 중괄호에 들어간 순간 Evaluation이 되서라고 들어본 거 같긴한데 자세히 모르겠습니다
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
벌크 연산 질문
-- 단건 삭제 recruitRepository.delete(recruit); -- 벌크 삭제 recruitSkillRepository.deleteRecruitSkills(recruitId); recruitPositionRepository.deleteRecruitPositions(recruitId);Q1. 단건 삭제 이후에 벌크 연산을 하면 delete가 실행이 안되는데 이유가 뭔가요?제가 생각해본 건 벌크 연산이 실행되면서 영속성 컨텍스트를 초기화하기 때문에 커밋 시점에 이전에 조회한 recruit이 사라졌기 때문이라고 생각하는데 맞을까요??Q2. 벌크 연산을 먼저 수행하는 경우에는 단건 삭제도 정상적으로 처리됩니다. 단, 이때 select recruit 쿼리가 한 번 더 실행되는데 영속성 컨텍스트에 recruit 데이터가 없기 때문에 다시 조회를 해오는걸까요??그럼 이런 경우에는 영속성 컨텍스트를 초기화할 필요가 없을까요?? ps. 현재는 clearAutomatically 속성의 기본값이 false입니다!@Modifying(clearAutomatically = true)위처럼 속성을 true로 설정해야 영속성 컨텍스트가 초기화 되네요 프로젝트 하다가 간만에 막혀서 보러 왔는데 진짜 국밥강의네요..
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
디스코드 들어가는 법
안녕하세요디스코드 입장하고 싶습니다. 초대링크 받을 수 있을까요?그리고 links.codefactory.ai 이 링크도 접속이 안되는데 접속 가능한 링크 있나요?
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
43번 문제 3 ~ 5번에 문제가 있는것 같습니다.
코드를 작성하고 돌려보니1 ~ 2 pass였지만 나머지 3 ~ 5번에서 문제가 발생하였습니다.그래서 코드를 다시 확인을 해봐도 원인를 못 찾았다.그래서 강사님의 코드로도 체점을 진행해보니 동일한 결과가 발생하였습니다.그래서 in 3 ~ 5을 보니 문제와 다르게 배열의 크기가 100,000 으로 설정되어 있는 것을 발견하였습니다.아마 제 예상으로는 in 3 ~ 5까지의 문제가 다른 문제로 바꾼 것 같습니다. 한번 확인해주시면 감사합니다.
-
미해결기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
컴포넌트 만들때에는 jsx를 사용하는 이유?
안녕하세요. 강의를 수강중인 수강생입니다.혹시 컴포넌트들을 만들때엔 타입스크립트 tsx가 아닌 jsx를 사용하시는데, 이러한 이유가 있을까요? 추가적으로 React.FC에 대해 공부하다보니 지양한다는 글들이 많은데, 어떻게 생각하시는지 궁금합니다. 감사합니다.
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
IocpEvent에서 OVERLAPPED 상속받고 가상 함수를 선언했을 때
IocpEvent에서 OVERLAPPED 상속 받고 가상 함수를 선언했을 때 OVERLAPPED가 주소의 맨 처음으로 가고 그다음이 가상 함수 테이블이 오지 않나요?만약 OVERLAPPED를 상속받지 않고 최상단에 선언한 경우라면 가상 함수가 맨 처음 주소이지만, 상속받은 경우에는 제가 테스트해 본 바로는 OVERLAPPED가 맨 처음 주소로 오는 것 같아서 질문드립니다!만약 위처럼 OVERLAPPED를 상속받았을 때 맨 처음 주소에 오더라도 가상 함수 테이블 때문에 문제가 생길 수 있는 것일까요?
-
미해결모든 개발자를 위한 HTTP 웹 기본 지식
웹 브라우저 <-> 서버
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]복습하다가 궁금증이 생겨 질문 드려요!웹 브라우저와 웹 서버의 역할&정의제가 이해한 것이 맞는 지 틀렸다면 무엇이 틀렸는지 궁금합니다. ↓url을 입력 -> DNS 서버에서 해당 도메인 이름으로 된 IP 주소를 알아오고 scheme를 통해 생략된 포트 주소를 알아 온다 -> 웹 브라우저에서 HTTP 요청 메시지를 생성한다 -> 애플리케이션에서 소켓 라이브러리를 통해 메시지를 전달한다. 이때 알아낸 IP, PORT로 TCP/IP 연결 지시후 TCP/IP 계층으로 데이터 전송 -> TCP/IP 계층에서 HTTP 메시지를 포함한 TCP/IP 패킷 생성 -> 웹 서버로 전송
-
미해결김영한의 실전 자바 - 기본편
접근제어자 파트 문제풀이질문 displayItem메서드
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.public void displayItems(){ System.out.println("장바구니 상품 출력"); for (int i =0; i<itemCount; i++){ Item item = items[i]; System.out.println("상품명 : " + item.getName() + " , 합계 : " + item.getTotalPrice()); } System.out.println("전체 가겨 : " + calculateTotalPrice()); } public void displayItems2(){ System.out.println("장바구니 상품 출력"); for (int i =0; i<itemCount; i++){ System.out.println("상품명 : " + items[i].getName() + " , 합계 : " + items[i].getTotalPrice()); } System.out.println("전체 가겨 : " + calculateTotalPrice()); }위에거는 강의에서 짠 코드고 아래 displayItems2는 제가 짜본 코드인데 밑에처럼 items[i].getName() 이런식으로 데이터를 받아오는거는 좋지 않은 방법인가요 ?