묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
(제보) 쿠키를 브라우저 개발 환경에서 직접 삽입했을 때 나오지 않는 현상
말씀해주신 대로 브라우저의 쿠키 탭에서 데이터를 입력하니, 서버를 재실행했을 때 쿠키가 날라가서 올바르게 테스트를 할 수 없었습니다. Claude 로 확인해보니 headers.set('Set-Cookie', ...) 코드 작성 후 테스트 환경에서 직접 URI 를 입력하여 실행하여 쿠키를 심어보라고 해서 그렇게 했더니 쿠키가 잘 심어집니다! /* src/app/api/test-cookie/route.ts */ // localhost:3000/app/api/test-cookie 로 들어가 직접 쿠키를 입력해야 정상 작동 export async function GET() { const response = new Response('ok'); response.headers.set('Set-Cookie', 'name=kim; HttpOnly; Path=/; Max-Age=3600'); return response; }
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
디스코드 채널 초대 링크
초대 링크가 유효하지 않아서 확인 한번 다시 부탁드립니다~
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..
잘 따라가다 이상하게 여기서 막혀버리네요
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
revalidatePath 질문 있습니다.
revalidatePath("/about", "page") 로 설정을 하고 테스트를 하다 보면 /about 페이지에서 재검증 버튼을 누르면 AboutLayout의 데이터 패칭 결과와 AboutPage의 데이터 패칭 결과가 함께 바뀌는 것과, /about/detail 페이지에서 재검증 버튼을 누르면 아무런 변화도 없는 이유가 revalidatePath의 첫 번째 인자로 설정된 "/about" 이 아닌 /about/detail 페이지에 접속해 있기 때문이라는 것까지는 이해했습니다.하지만 detail 페이지에서 재검증을 누르고 about 페이지로 이동하면 즉시 AboutPage의 결과는 변하는데 AboutLayout의 결과는 변하지 않는데 이유가 뭔가요?
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
MainLayout이 중첩되어 뜨는 문제
혼자서도 해보고 '레이아웃 분리하기 - 풀이' 강의를 보고 똑같이 해도 (with-layout) 그룹에 생성한 Layout(MainLayout)은 아래와 같이 MainLayout 하위에 MainLayout이 또 있는 것처럼 뜨는데 이건 정상적인 건가요?(auth) 그룹에 생성한 Layout(AuthLayout)은 아래와 같이 AuthLayout이 하나만 있어서 어떤 게 정상인지, 원래 이런 건지 알고 싶습니다.프로젝트 폴더 구조는 다음과 같습니다:
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
쿠키와 헤더
죄송합니다 또 궁금한게 생겨서 여쭈어봅니다 ai에게 물어봐도 항상 이게 진짜 맞는건지 의문이 생겨서 만약 프론트 쪽에서만 next js 에서 헤더랑 쿠키에 접근을 할 일이 그렇게 있을가 하는 의문이 생겨서 질문드립니다. 백엔드가 기본적인 확인을해서 처리를 하고 권한 이나 그런건 api호출을 하면 되지않을가라는 의문이 들어 질문 남깁니다
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
구지 react를 사용하는 이유가 그럼 있는가?
안녕하세요 수코딩님 갑자기 의문이 든 생각인데 next js 는 보면 프레임워크라서 여러 기능을 제공하고 편리하게 사용할수있는것같습니다 seo문제도 해결해주고 무엇보다 use client를 사용하면 클라이언트 컴포넌트로서 작동도 되고요 근데 그럼 의문이 드는게 둘다 가능하고 선택가능한 next를 쓰는게 무조건 이득이 아닌가 라는 생각이 들엇습니다. 그냥 서버사이드쪽만 서버사이드 좀하고 리액트가 필요한쪽은 클라이언트 사이드 렌더링으로 하면 되는 이야기인것같아서요
-
해결됨카카오,구글 SNS 로그인(springboot3, vue3)
카카오 클라이언트 시크릿
안녕하세요 강사님,다름이 아니라 강의 들으면서 카카오 oauth 설정 및 테스트 중인데카카오 REST API 키에도 클라이언트 시크릿이 생긴 것 같습니다.구글처럼 yaml에 kakao.client.secret 키 넣어주고 요청 바디에 같이 보내니까 그제서야 액세스 토큰 및 프로필 정보 응답이 왔습니다.강의 촬영 당시와 현재의 카카오 developers UI 및 메뉴 구성이 많이 바뀌어서 제가 모종의 설정을 놓친건지, 아니면 새롭게 카카오 클라이언트 시크릿이 추가되어서 이제는 구글처럼 시크릿 키를 요청 바디에 넣고 보내는 게 맞는 방법이 된 건지 말씀 여쭤보고자 질문 드립니다.양질의 강의 항상 감사드립니다.
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
FormEvent가 deprecated 되었다고 합니다.
FormEvent는 deprecated 되고 SubmitEvent를 사용하는 것으로 권장된다고 합니다.그런데 (e: SubmitEvent<HTMLFormElement>) 방식은 FormEvent가 제네릭을 지원하지 않아서 안 된다고 하고 (e: SubmitEventHandler<HTMLFormElement>) 처럼 시도해도 빨간줄이 자꾸 뜹니다.여기저기 알아보고 const handleSubmit: SubmitEventHandler<HTMLFormElement> = (e) => { ... } 로 하면 된다는데 이들의 차이점과 FormEvent를 사용할 때 처럼 사용하면 안 되는 이유가 궁금합니다.
-
미해결타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
터보백이 안보입니다
지금 현재기준 터보백은 혹시 자동적용인가요? 뭔가 선택지에 안뜨는데 제가 이상한지 아님 따로 이유가 잇는지 궁금합니다
-
해결됨타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
젯브레인 웹스톰(jetbrains webstorm) 사용하시는 분들 참고
프로젝트 생성 시 위와 같이 선택 하시면 됩니다. (Create TypeScript project 체크 박스 꼭 선택 하세요.)Create 버튼 클릭 하시면 화면 하단 터미널에 설치 옵션을 물어보는 화면이 보이게 됩니다.그런데, 강의 와는 다르게 터보팩 사용 여부는 물어보지 않아요. Next.js 13 이상 버전에는 터보팩이 이미 내장되어 있습니다. 이 부분은 무시하고 진행 하시면 됩니다. 설치 완료 후,package.json 파일에 아래와 같이 개발 스크립트 부분을 수정 하세요. --turbo 추가 하시면 됩니다."scripts": { "dev": "next dev --turbo", "build": "next build", "start": "next start", "lint": "eslint" }, 실행은 상단 우측 보시면 아래와 같은게 보이실 겁니다. client-side 와 server-side 가 있는데 server-side 선택 하셔서 실행 하시면 됩니다.(안보이면 웹스톰 재시작 하세요. 지금 단계 에서 client-side 는 선택 하지 마세요. 이 강의를 계속 들어 보시면 저 두가지가 무슨 의미 인지 알게 됩니다.) 터보팩 적용 하여 올바르게 실행 되면 아래와 같이 보일 겁니다.
-
해결됨타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
소스 코드 다운로드는 어디서 하나요.
2. 소스 코드 다운로드 및 활용법강의 에서 소스 코드 다운로드를 할 수 있는 버튼 이나 링크가 존재 하지 않습니다.3. 커스텀 스니펫 등록하기강의는 다운로드 버튼이 잘 보입니다.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.
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 19 with 스프링부트 API서버
37강. 강의수업듣다 질문드립니다.
음 지금까지 잘 수업따라 오다가 이 부분테스트 하는 부분에서 강사님과 다르게 이렇게 에러가 발생합니다. 그 이전에는 에러가 발생 안했습니다. 이 부분만 가지고 대충 예상이 되실까요.?
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
TodoDTO test 함수
소스 내용은 @Override public TodoDTO get(Long tno) { Optional<Todo> result = todoRepository.findById(tno); Todo todo = result.orElseThrow(); TodoDTO dto = modelMapper.map(todo, TodoDTO.class); return dto; } 에러 메시지 입니다. 참말로... 이해를 못하겠네요...테스트가 계속 실패하는데 어디를 확인을 해봐야 할까요? ㅡㅡ;;(등록 testRegister는 잘 test 되고요)
-
미해결따라하며 배우는 NestJS
로거 객체 질문
왜 mian에서는 그냥 로거 쓰는데 컨트롤러에선 객체를 만들어서 진행하나요??
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
강사님 오타 있음요
PPT - 11page 2장 max.jsx => main 아닌가요?( 강의 영상이라..수정이.. 암튼 그러핟고요_ 예전에 제가"코드로 배우는 스프링 웹 프로젝트" (개정판) ..ㅋㅋ 도서에도 오타 잡는 취미가 있었다는 ㅎㅎㅎ^^ 다른 분이 찾으셨다면.. . .. 중복 Q&A 문의 죄송합니다.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
No 1. 교제(ppt) soruce 복붙 문제 의 건
안녕하세요강의 잘보고 있습니다.문의 내용이 있어서요강의 내용중 소스내용이 많아강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요문자 인코딩 (PPT와 vscode) 문제인지복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데 (일반 import를 안해서 생기는 line 말고요)강의 화면을 보면 같은 증상으로누구는 한글 에 노락 박스로 나타난다고 하는데vt 및 저는 한글이 아니어도 같은 증상입니다.라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?)혹시 강의교안이나 다른데서 받아 올수 없나요?아 git에서 다운로드 받을 수있는지요?(죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다.아~ 너무 보기 힘드네요 ★ 앗! 지금 보니까 강사님 소스 작성할때는잠깐 나타나따 사라지네요?말씀드렸지만... 위 AI 내용데로 ..설정햇는데..구글링에도 같은소리만..ㅡㅡ;저만 그런가요..?
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
No 1. 교제(ppt) soruce 복붙 문제 의 건
안녕하세요강의 잘보고 있습니다.문의 내용이 있어서요강의 내용중 소스내용이 많아강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요문자 인코딩 (PPT와 vscode) 문제인지복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데강의 화면을 보면 같은 증상으로누구는 한글 에 노락 박스로 나타난다고 하는데vt 및 저는 한글이 아니어도 같은 증상입니다.라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?)혹시 강의교안이나 다른데서 받아 올수 없나요?아 git에서 다운로드 받을 수있는지요?(죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다.아~ 너무 보기 힘드네요
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
17강 문의드립니다.
여기에서 DB 표 볼 수있는 방법이 뭔지 알려주실 수 있을까요?