172만명의 커뮤니티!! 함께 토론해봐요.
미해결
Next + React Query로 SNS 서비스 만들기
안녕하세요! 강의 잘 듣고 있습니다! 다름이 아니라, 수강 중 여쭤볼게 있어 질문 드립니다..! 5:44초쯤에 app/api/auth/[...nextauth].ts 의 이 경로 폴더명들은 next-auth를 사용하려면 무조건 저 경로여야할까요? 예를들어, app/api/login/[...nextauth].ts 등 다른 경로는 불가능한가요? 꼭 /api/auth/[...nextauth]의 경로를 바라보도록 설계해야 하는지 궁금합니다!
미해결
김영한의 실전 자바 - 중급 1편
[질문 내용] 여기에 질문 내용을 남겨주세요. package time.test; import java.time.DayOfWeek; import java.time.LocalDate; import java.time.temporal.TemporalAdjusters; import java.util.Scanner; public class TestCalendarPrinter { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); String[] dayOfWeeks = {"SUNDAY", "MONDAY", "TUESDAY", "WEDNESDAY", "THURSDAY", "FRIDAY", "SATURDAY"}; System.out.print("년도를 입력하세요: "); int year = scanner.nextInt(); System.out.print("월을 입력하세요: "); int month = scanner.nextInt(); LocalDate ldt = LocalDate.of(year, month, 1); int lastDay = ldt.with(TemporalAdjusters.lastDayOfMonth()).getDayOfMonth(); System.out.println("lastDay = " + lastDay); String firstDayOfWeek = String.valueOf(ldt.getDayOfWeek()); System.out.println("Su Mo Tu We Th Fr Sa"); int count = 0; for(int day=1; day<=lastDay; day++){ if(day == 1) { for (String dayOfWeek : dayOfWeeks) { if (dayOfWeek.equals(firstDayOfWeek)) { System.out.print(" " + 1); break; } System.out.print(" "); System.out.print(" "); count++; } System.out.print(" "); continue; } if(1<day&&day<10){ if(dayOfWeeks[0].equals(String.valueOf(LocalDate.of(year, month, day).getDayOfWeek()))){ System.out.println(); } System.out.print(" "+day); }else{ if(dayOfWeeks[0].equals(String.valueOf(LocalDate.of(year, month, day).getDayOfWeek()))){ System.out.println(); } System.out.print(day); } System.out.print(" "); //요일마다 한 칸 공백 } } } 달력문제 코드로 직접 구현해봤고, 답은 잘 나오는데 너무 뭔가 코드가 깔끔하지 않고, 지저분한 거 같은데, 별로같나요? 갈길이 먼거 같네요. 이런 상황에서 어떻게 스스로 리팩토링 하나요..? 강의는 날짜/시간 클래스 여기까지 배워서 뭐 스스로 리팩토링 하는 방법도 모르겠는데 그냥 진도 쭉쭉 나가면서 공부하다보면 자연스레 깨닫게 될까요? 뭐 지금 날짜/시간 연습문제 포함, 기초편부터 현재 진도까지 모든 연습문제를 답지 안보고 스스로 1~3문제 빼곤 다 풀었는데, 코드가 지저분하고 시간이 좀 오래 걸린게 마음에 걸리긴 합니다. 서포터즈님들의 답변 궁금합니다..
미해결
김영한의 실전 자바 - 기본편
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 안녕하세요. 교재 판매는 없고, pdf파일 직접 프린팅 하는 것만 있는 거죠?
미해결
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (네) <- 해결이 안 됨 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] 여기에 질문 내용을 남겨주세요. 윈도우에서 gradlew build 오류가 뜨는데 해결 방법을 모르겠습니다. 자바 버전이 문제인가 싶어 확인해 봤는데, 인텔리제이랑 cmd에선 21 버전으로 뜹니다. 근데 gradlew build 명령어를 입력하면 작동이 되지 않습니다
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] mememberrepository를 작성한 이후 memberrepository에서 오류가 발생하고 있습니다
미해결
김영한의 실전 자바 - 중급 1편
[질문 내용] 여기에 질문 내용을 남겨주세요. 이 사진 보면, LocalDateTime클래스에서 날짜와 시간만 정해준거뿐인데, ChronoField클래스에 언제 정보가 담겨서 저렇게 사용이 가능한건가요? 저런거까지 깊게 파고들기보다는 그냥 어떻게 사용하는지에 초점 잡아 공부하는게 나은거겠죠?
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
[질문 내용] 12:57 쯤에 김영한 강사님께서 데이터를 바꾸고 재실행했을 때 h2 database의 데이터 목록에서 기존 1, helloA와 2, helloB가 같이 나오는것을 확인하였습니다. 저도 따라서 기존 회원데이터를 2L, helloB 로 변경하고 실행했을 때 제 h2 데이터화면에서는 바뀐 데이터값만(2, helloB) 출력되더라고요. 동일한 환경과 셋팅을 하였지만 왜 저는 이렇게 다른 결과가 나오게 되었는지 궁금합니다.
해결됨
한 입 크기로 잘라먹는 Next.js
서버액션 파트에서 create-review.action 서버액션을 별도 파일로 만들었습니다. 아래 코드를 보면 딜레이가 2초 있습니다. 리뷰를 생성할 때만 딜레이를 걸어놨는데 삭제할때도 2초가 걸리는데 왜그런걸까요? "use server"; import { delay } from "@/util/delay"; import { revalidatePath, revalidateTag } from "next/cache"; export async function createReviewAction(_: any, formData: FormData) { const bookId = formData.get("bookId")?.toString(); const content = formData.get("content")?.toString(); //string타입으로 바꾸는 것 const author = formData.get("author")?.toString(); if (!content || !author || !bookId) { //서버에서도 예외 방지 return { state: false, error: "리뷰 내용과 작성자를 입력해주세요", }; } try { await delay(2000); const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/review`, { method: "POST", headers: { "Content-Type": "application/json", // JSON 데이터임을 명시 }, body: JSON.stringify({ bookId, content, author }), } ); if (!response.ok) { //실패했다면 throw new Error(response.statusText); } // 5. 태그 기준, 데이터 캐시 재검증 -> 데이터 패칭에 특정 태그를 설정한 패칭만 재검증 revalidateTag(`review-${bookId}`); //book 페이지에 ReviewList 데이터 패칭 재검증 return { state: true, error: "", }; } catch (e) { return { state: false, error: `리뷰 저장에 실패했습니다. ${e}`, }; } }
해결됨
한 입 크기로 잘라먹는 Next.js
북 상세페이지에서 모달창이 제대로 작동하지만 다음과 같은 오류가 발생합니다. 왜그런걸까요? Skipping auto-scroll behavior due to position: sticky or position: fixed on element: <dialog class="modal_modal__ocKFE" open>…</dialog>scroll Error Component Stack at InnerScrollAndFocusHandler (layout-router.js:139:9) at ScrollAndFocusHandler (layout-router.js:216:11) at RenderFromTemplateContext (render-from-template-context.js:16:44) at OuterLayoutRouter (layout-router.js:365:11) at body (<anonymous>) at html (<anonymous>) at RootLayout [Server] (<anonymous>) at HTTPAccessFallbackErrorBoundary (error-boundary.js:90:9) at HTTPAccessFallbackBoundary (error-boundary.js:98:11) at RedirectErrorBoundary (redirect-boundary.js:75:9) at RedirectBoundary (redirect-boundary.js:83:11) at HTTPAccessFallbackErrorBoundary (error-boundary.js:90:9) at HTTPAccessFallbackBoundary (error-boundary.js:98:11) at DevRootHTTPAccessFallbackBoundary (dev-root-http-access-fallback-boundary.js:33:11) at ReactDevOverlay (ReactDevOverlay.js:80:9) at HotReload (hot-reloader-client.js:379:11) at Router (app-router.js:183:11) at ErrorBoundaryHandler (error-boundary.js:120:9) at ErrorBoundary (error-boundary.js:166:11) at AppRouter (app-router.js:563:11) at ServerRoot (app-index.js:145:46) at Root (app-index.js:165:11)
해결됨
한 입 크기로 잘라먹는 Next.js
패럴렐 & 인터셉터 라우트 강의를 듣는 중입니다. "/" 경로 였다가 "/book/1" 과 같이 상세페이지 경로로 들어가게 되면 아래 캡쳐와 같이 RootLayout 컴포넌트에 인자값으로 children에는 기존에 인덱스 페이지가 들어가고 modal 인자값으로는 인터셉터된 book 페이지의 값이 들어갈 것입니다. 그런데 이 상태에서 새로고침을 하게 되면 초기에는 인터셉터가 작동하지 않으므로 일반 book 페이지가 children에 들어갈것이고 modal 인자값에는 인터셉터가 작동하지 않는데 어떠한 값이 들어가나요? 인터셉터에 default 페이지가 들어가나요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 강사님의 인강을 보고 또 혼자 조금씩 코드를 작성하면서 공부하고 있습니다. 공부를 하면서 질문이 있는데 함수부분에서 함수가 비슷한 작업을 할때 이 코드를 묶어서 사용하고 또 재사용도 가능하다라고 문법으로는 알고 있습니다. 하지만 아직 초보여서 그런지 혼자 코드를 작성해보면서 이런상황에서 함수를 사용해야되나? 아니면 함수 생각조차 나지 않을 때가 있는데 혼자 코드를 작성하면서 이럴땐 함수를 이렇게 사용하면 되겠구나라고 스스로 생각이 나게 하려면 어떻게 해야 좋을까요?
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] H2에 연동해서 테이블을 생성하면 이렇게 HTE 테이블도 자동으로 생성이 됩니다. 코드는 강의 자료에 있는 그대로 했는데도 이렇게 뜨는데 HTE 테이블이 왜 생기는 걸까요?
해결됨
한 입 크기로 잘라먹는 Next.js
book 페이지의 인터셉터 페이지를 만드는 과정이다. 기존 book 페이지에서 인자값을 받고 있기 때문에 인터셉터 페이지에서도 인자값을 받기 위해서 props로 받았지만 인터셉터 페이지가 정상적으로 작동하지 않는다. import BookPage from "@/app/book/[id]/page" export default function Page(props: any) { //기존에 book 페이지에서 받고 있던 프롭스를 그대로 가져와야 해서 any타입으로 받는 것 return ( <div> 가로채기 성공 <BookPage {...props}/> </div>) } book 페이지의 인자 값은 다음과 같다. export default async function Page({ params, }: { params: Promise<{ id: string }>; }) { const resolvedParams = await params; const id = resolvedParams.id; return ( <div className={style.container}> <BookDetail bookId={id} /> <ReviewEditor bookId={id} /> <ReviewList bookId={id} /> </div> ); } 인터셉터 페이지에서 인자값을 props: any가 아니라 다르게 설정해야 하나요?
해결됨
한 입 크기로 잘라먹는 Next.js
book 페이지의 인터셉터 페이지를 만드는 과정이다. 기존 book 페이지에서 인자값을 받고 있기 때문에 인터셉터 페이지에서도 인자값을 받기 위해서 props로 받았지만 인터셉터 페이지가 정상적으로 작동하지 않는다.
해결됨
2시간으로 끝내는 프론트엔드 테스트 기본기
안녕하세요 강의 잘 듣고 있습니다 수강하면서 실습을 위해 올려주신 깃헙을 클론해서 각종 라이브러리 설치 후 실행하는데 jest-dom라이브러리를 인식을 못하는 건지 계속 다음 부분에서 오류가 나서 테스트가 실패하네요 클론 후 코드 수정 등은 한 것이 없는데 무엇이 문제일까요?
해결됨
김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] 안녕하세요, 자바 입문 강의를 수강하고 있는 병아리 입문자입니다. 일단 지나치게 기초적인 질문이라면 죄송합니다. 다만 강의와 수업 자료에 설명이 생략되어 있어 질문 드립니다. 자바 입문 강의의 ScannerWhileEx3 문제에서(7. 훈련 파트) int input에 scanner.nextint() 기능으로 사용자 입력을 받는다는 것은 이해했습니다. 그런데 어차피 매개변수 input에 사용자 값을 입력 받을 텐데 굳이 int input = 0;으로 초기화하는 이유는 무엇인가요? 강의를 듣기 전에 제가 input를 선언하기만 하고 바로 사용자 값 입력을 받았을 때는 무탈히 프로그램이 작동된 것 같아 더 의문이 듭니다. 답변 기다리겠습니다. 강의 잘 듣고 있습니다. 감사합니다!
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
export default function CourseItem({title, description, thumbnail, isFavorite}) { let defaultIconTag = "/img/heart/heart-icon.svg" if (isFavorite) { defaultIconTag = "/img/heart/heart-fill-icon.svg" } return ( <article className="course"> <img className="course__img" src={thumbnail} alt="강의 이미지"/> <div className="course__body"> <div className="course__title">{title}</div> <div className="course__description">{description}</div> </div> <div className="course__icons"> <button className="btn"> <img className="icon-heart" src={defaultIconTag} /> </button> </div> </article> ); } 저는 기존 CourseItem메서드 내에서 변수를 생성해서 만들었는데 강의에서는 새로운 메서드를 생성해서 진행하더라고요. 메서드를 따로 생성해서 버튼 태그랑 묶어서 같이 넘기신 이유가 있나요? 현업에서 어떤 방식을 더 선호할까요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의에서는 4가지 뿐인데 vite가 현재일자 기준으로 업데이트가 되었는지 5번째 칸에 React Router v7이 생겼습니다. 혹시 React Router v7를 선택하면 수강하는데에 문제가 있을까요?
미해결
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요. 권기선님, 공식 서포터즈 OMG입니다. 자바 버전을 현 시점 스프링 부트와 호환 가능한 버전으로 진행할 경우( start.spring.io 사이트에서 선택 가능한 자바 버전들) build.gradle을 별도로 복사하여 붙여넣기보다는 강의 영상과 같이 프로젝트 생성 사이트 내에서 선택한 의존성 그대로 사용하시길 권장드립니다. 감사합니다. ==================> 다른 분 댓글로 이렇게 써져있는 걸 봤는데 제가 섹션 5를 듣다가 No junit.jar 에러가 계속 떠서 제시해주신 대로 해결을 해보려고 했는데, 해결이 안돼서 결국 다시 처음부터 프로젝트 생성을 하고 있습니다. https://www.inflearn.com/community/questions/1490836/%EA%B0%91%EC%9E%90%EA%B8%B0-no-junit-jar-%EC%97%90%EB%9F%AC%EB%A1%9C-run%EC%9D%B4-%EC%95%88%EB%90%A9%EB%8B%88%EB%8B%A4 ->제가 섹션5에 질문했던 내용이고, 답변했던 내용대로 하기위해서 당시에 build.gradle을 수정했었습니다. 하지만 여전히 에러가 계속 발생해서 지금 다시 생성해서 할 때는 수정을 해야할지 고민이됩니다. 아무래도 시간이 좀 흘렀다보니 강의 내용과 다른 점이 있는데, depedencies에 추가하거나 수정해야할 부분이 있을까요? 이미 비슷한 답변을 봤지만, 저는 변경하지 않았다가 No junit.jar에러가 계속 생겼어서 다시 여쭤봅니다. 또 강의에서는 sourceCompatibility로 자바버전을 나타냈는데, 자동생성된 파일에서는 java{}로 묶여서 자바버전을 나타내고 있는데, 이거 그대로 두고 넘어가도 되나요? 그리고 제 생각에는 테스트 서버를 돌리고 나서 문제가 생긴 것 같은데 관련이 있을 수 있나요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 책과 강의를 병행하고 있습니다! 4장 리액트 앱 만들기, 5장 실습부분을 진행하고 있는데요 책에서는 create-react-app 으로 리액트 앱을 만들고, 강의는 vite로 앱을 만들고 있습니다. 또한 책에서는 main.jsx대신 index.js와 bundle.js가 생성된다고 하는데 강의를 따라가면 되는걸까요 ?? 분명 책과 강의의 차이점에 대해 어딘가에 정리되어있을 것 같은데.. 찾을 수가 없어서 질문드립니다!
