묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨이득우의 언리얼 프로그래밍 Part4 - 게임플레이 어빌리티 시스템
블록 태그 관련 질문
안녕하세요. 블록 태그 관련해서 질문 있습니다.강의에서는 각 어빌리티별로 블록할 태그들을 설정하고 있는데 이런 방식이라면 새로운 태그를 추가할 때마다 기존에 있던 어빌리티들의 블록할 태그에 해당 태그를 일일이 추가해줘야 하잖아요? enum 클래스를 사용해서 state패턴으로 구현하는 방법처럼 더 나은 방식은 없을까요?일반적으로 게임에서는 두 가지 이상의 행위를 동시에 하는 것은 막고 있기 때문에 블록 태그 같은 부정문 방식보다는 state패턴처럼 긍정문 방식이 더 좋을 것 같아 질문합니다.
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 2
테일윈드로 포탈로 모달작성시 뒤에 클릭이 안됩니다
<div id='modalRoot' ref={ref} className='fixed inset-0 z-100 flex flex-col items-center justify-center' > {children} </div>테일 윈드로 선생님 모달 포탈로만드는것 해보고있는데.뒤에 클릭이 안되요 pointer-events-none 쓰지말고 하는법이 없을까요?!일단은 아래처럼 쓰고잇긴한데 ㅠㅠ 먼가 ...'use client'; import React, { useEffect, useRef } from 'react'; import { useModalStore } from '@/shared/models/modal/stores/modalStore'; const mutationObserverOption: MutationObserverInit = { childList: true, subtree: false, }; /** * 모달 컴포넌트를 렌더링하기 위한 전역 컨테이너 프로바이더입니다. * 모달이 열려 있을 때 body 요소에 'no-scroll' 클래스를 토글하여 스크롤을 비활성화합니다. * * @param {React.ReactNode} children - 모달 루트 내부에 렌더링할 자식 요소 * @returns {JSX.Element} 모달 루트 프로바이더 */ const ModalRootProvider: React.FC<{ children: React.ReactNode }> = ({ children, }) => { const ref = useRef<HTMLDivElement>(null); const { openedModalTypes, closeModal } = useModalStore(); // const isModalOpen = openedModalTypes.length > 0; useEffect(() => { let observer: MutationObserver; /** * MutationObserver를 사용하여 모달 루트 컨테이너의 자식 요소 변경을 감지합니다. * 모달이 열려 있는 경우 body 요소에 'no-scroll' 클래스를 추가하고, 모달이 닫혀 있는 경우 클래스를 제거합니다. */ if (ref.current) { observer = new MutationObserver(() => { const size = ref.current?.childNodes.length || 0; document.body.classList.toggle('no-scroll', size > 0); ref.current!.classList.toggle('bg-black/50', size > 0); ref.current!.style.pointerEvents = size > 0 ? 'auto' : 'none'; }); observer.observe(ref.current, mutationObserverOption); } // 컴포넌트 언마운트 시 MutationObserver 연결을 해제합니다. return () => { observer.disconnect(); }; }, []); return ( <div id='modalRoot' ref={ref} className='fixed inset-0 z-100 flex flex-col items-center justify-center pointer-events-none' // onClick={handleOutsideClick} > {children} </div> ); }; export default ModalRootProvider;
-
미해결남박사의 파이썬 기초부터 실전 100% 활용
소수 너무 어려워요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결딥러닝 CNN 완벽 가이드 - Fundamental 편
마지막에 bird -> frog 말고도 deer -> frog 도 잘못된것 아닌가요??
마지막에 bird -> frog 말고도 deer -> frog 도 잘못된것 아닌가요??- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 강의 내용을 질문할 경우 몇분 몇초의 내용에 대한 것인지 반드시 기재 부탁드립니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결[합격99%] A-F 유형 웹디자인기능사 실기 (2024년) + 1:1 과외
E4 유형 레이아웃에서 calc 질문있습니다.
.slide {width: calc(100% - 600px); 라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요?왜 슬라이드에서 % 사용이 가능한지 궁금합니다.추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
footer가 product-card들과 충돌하고 겹칩니다
위처럼 procudt-card 영역에 footer가 넘어오는데 어떻게 해결해야 할지 감이 잘 잡히지 않습니다.아래에 작성한 코드 드립니다.//HTML <html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/images/banners/banner1.png" alt="배너이미지"> </div> <h1>상품들</h1> <div id="product-list"> <div class="product-card"> <div> <img class="product-img" src="images/images/products/basketball1.jpeg"> </div> <div class="product-contents"> <span>농구공 1호</span> <span>10000원</span> </div> </div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> <div class="product-card"></div> </div> </div> <div id="footer"> </div> </body> </html> //CSS /* *태그는 모든 선택자를 선택하는 것임 */ * { margin: 0; padding: 0; } body{ margin: 0; padding: 0; } #header{ height: 64px; display: flex; justify-content: center; border-bottom: 1px solid grey; } #body{ height: 100%; width: 1024px; margin: 0 auto; /* margin: 0 auto; 를 주면 부모로부터 스스로를 가운데 정렬 */ padding: 20px; } #footer{ height: 200px; background-color: red; } #banner{ height: 300px; } #banner > img { width: 100%; } #product-list{ display: flex; flex-wrap: wrap; margin-top: 12px; } #header-area{ width: 1024px;height: 100%; display: flex; align-items: center; /* header-area 아래에 속한 아이템들을 수직센터로 정렬. */ } #header-area > img { width: 128px; height: 36px; } #body >h1{ margin-top: 16px; } .product-card{ width: 180px; height: 300px; background-color: grey; border: 1px solid black; margin-bottom: 12px; margin-right: 12px; border-radius: 12px; overflow: hidden; } .product-img{ width: 100%; height: 210px; } .product-contents{ display: flex; flex-direction: column; padding: 8px; }
-
미해결Next + React Query로 SNS 서비스 만들기
client side에서 useSession 값이 undefined
선생님 안녕하세요 사이드플젝하면서다시 보고있는데, 클라이언트 사이드에서 useSession데이터가 없어서 질문 드립니다. import NextAuth from "next-auth" import Credentials from "next-auth/providers/credentials" export const { handlers, signIn, signOut, auth } = NextAuth({ pages: { signIn: '/login', newUser: '/signup', }, providers: [ Credentials({ // You can specify which fields should be submitted, by adding keys to the `credentials` object. // e.g. domain, username, password, 2FA token, etc. credentials: { id: {}, password: {}, }, authorize: async (credentials) => { console.log(credentials, '-------------------credentials'); const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(credentials), }) console.log(authResponse.ok, '-----------------------------authResponse.ok'); if (!authResponse.ok) { return null; } let user = await authResponse.json(); // return user object with the their profile data console.log(user, '--------------------------------'); return { id: user.id, email: user.id, name: user.nickname, image: user.image, ...user, } }, }), ], })먼저 auth.ts에서 유저 정보를 잘 받아와서 return해주는 것 확인하고,/profile/page.ts (서버클라이언트)/profile/_component/logoutButton (클라이언트 컴퍼넌트)에서 각각 세션을 확인해 봤습니다. (서버 컴포넌트)import { auth } from '@/auth'; const session = await auth(); console.log(session, '------------server side session'); if (!session?.user) { redirect('/login'); }(클라리언트 컴포넌트)'use client'; import { Button } from '@/components/ui/button'; import { useCallback } from 'react'; // client component에서만! import { signOut, useSession } from 'next-auth/react'; import { useRouter } from 'next/navigation'; export default function LogoutButton() { const router = useRouter(); const { data: me } = useSession(); const onLogout = useCallback(() => { signOut({redirect: false}).then(() => {router.replace('/')}); }, [router]); console.log(me, '------------client side session'); if (!me?.user) return null; return ( <Button className='w-full' onClick={onLogout}>로그아웃</Button> ) }결과로와같이 클라리언트 사이드에서는 데이터가 없더라구요.혹시 어떤부분을 좀 더 봐야할지 알 수 있을까요?그리고 useSession을 호출하면서Failed to load resource: the server responded with a status of 404 (Not Found)app-index.js:33 ClientFetchError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at fetchData (client.js:49:22) at async getSession (react.js:109:21) at async __NEXTAUTH._getSession (react.js:270:43)session 404가 계속나오는데 제가 잘못 호출하고있는건지 궁금합니다.
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
response엔 값이있는데, response.data엔 값이안나와요
static Future<Map<String, dynamic>> fetchData() async { 생략// print("response: $response"); // 값나옴!! print("response.data: " + response.data);//값 안나옴!! return response.data; } 에서 response만 print했을땐 나오는데 response.data는 안나옵니다. 그래서 home_screen에서 log("error : ${snapshot.error.toString()}"); // error : type '_Map<String, dynamic>' is not a subtype of type 'String' 에러는 이렇게 나오구요 log(snapshot.data.toString()); //null이 나옵니다. 왜이럴까요??ㅜㅜ 강의에서 나오는 error 내용(String is not a subtype..)이랑 반대로나오네요 !
-
미해결AWS Certified Solutions Architect - Associate 자격증 준비하기
수강기간 연장 요청드립니다.
최근에 회사일이 바빠 강의를 들을 여력이 없었습니다.가능하다면 수강 기간 연장 가능할까요?
-
해결됨김영한의 실전 자바 - 중급 1편
String도 래퍼클래스?
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]기본형 타입에 불변을 씌우고 기능을 탑재하여 새로운 객체를 만들어내는것을 래퍼 클래스라고 이해했는데 그렇게 생각하면 char로 하여금 String 클래스도 래퍼 클래스로 들어가는거라고 봐도 될까요? 기본형의 불변과 기능을 추가해서 객체로 만들었는게 똑같은데
-
미해결외워서 끝내는 네트워크 핵심이론 - 기초
TCP Out of Order 발생 원인
안녕하세요 강사님 🙂 TCP 데이터 송수신과 관련하여 질문이 있습니다.데이터 시퀀스 넘버를 1, 2, ..., 100 이라고 했을 때,송신측이 1을 보내고 수신측이 1을 받고 2를 보내라는 ACK를 보내야 비로소 송신측이 2를 보내는 것으로 이해하였는데요.위와 같은 로직으로 송수신이 진행되면 순서가 잘못될 이유가 없을 것 같은데, 순서가 잘못되는 이유가 무엇인지 궁금합니다!프레임 한 개씩 체크하면서 보내면 너무 속도가 느리니, 실제로는 다수를 한 번에 보내고 ACK하는 방식으로 동작하는 것인지도 궁금합니다!위와 같이 동작하면 순서가 섞이는게 발생할 수 있다고 생각이 되어서요 🙂 감사합니다
-
미해결
HTTP의 Connectionless
안녕하세요! HTTP의 Connnectionless에 대해서 궁금해서 문의드립니다.둘 중 어떤게 맞는건지 궁금합니다.HTTP는 무상태,비연결성 특징을 가진다. 왜냐하면 각 요청과 응답에 대해서 독립적으로 처리되기 때문이다. 또한 HTTP 1.0, 1.1 그 이상 버전에서도 TCP 지속연결 모델을 사용하지만 HTTP는 TCP위에서 동작하기 때문에 비연결성의 특징을 그대로 갖고 있다. HTTP는 무상태, 비연결성 특징을 가진다. 하지만 HTTP 1.0버전에서 비연결성의 단점이 드러났다. 따라서 1.1 버전 이상부터는 지속 연결을 사용하여 이러한 단점을 극복했다.어떤게 맞는 답변인가요?
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
강의 내용중 커멘드라는 용어에 대해서 질문 있습니다.
강의 중 종종 나오는 "커멘드"가 어떤 의미를 뜻하는지 궁금합니다. 사전에 나오는 뜻 그대로를 의미하시는건지요..
-
미해결Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트
변경감지
도메인 모델을 추가하고 그 도메인 모델 내부에서 작업을 처리하기 때문에 변경 감지 (dirty checking) 의 기능을 사용하지 못하게 되는 거 같은데요! 이 부분은 어느정도 포기를 하는걸까요?
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
캐글 사이트 내 강사님 사이트 알려주세요
수업을 들으면서 강사님께서 캐글에 있는 데이터와 함께 전처리 문제들을 올려놓으셨다고 하셨는데 제가 찾지를 못하겠습니다.주소를 알려주시면 들어가서 열심히 공부하겠습니다.
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - Part 1 NestJS Core
inflearn_actual git 레파지토리는 없나요?
안녕하세요.열심히 강의 따라가고 있었는데, 실수로 작업하던 소스파일을 삭제했습니다. 복구할 방법이 없어서 그러는데 혹시 git 리파지토리 소스나, 아니면 교육용 백업본이라도 있으면 주실 수 있을까요?
-
미해결실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
질문 있습니다.
안녕하세요. 강의 내용 중 정확히 이해하지 못하고 있는 것이 있어서 질문 드립니다.강의 중 로그인 버튼 같이 간단한 동작만 있는 컴포넌트는 그 자체를 테스트 하는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하는 것이 더 효율적이고 정확한 테스트가 된다. 라고 하셨습니다.또한 이런 컴포넌트는 스토리북과 같은 도구를 사용하여 스타일이나 레이아우싱 틀어지지 않는지 확인하는 것이 더 중요하다. 라고 말씀 하셨습니다.이 뜻은 통합 테스트를 스토리북과 같은 도구와 함께 하라는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하고, 그 안에 있는 각각의 컴포넌트들은 스토리북 안에서 스타일과 레이아웃이 틀어지지 않는지 확인하라는 것일까요?아니면 스토리북을 통해 네비게이션 같은 컴포넌트를 만들고 그 단위로 통합 테스트를 하란 말씀이실까요??궁금합니다. 강의 너무 잘 듣고 있습니다. 정말 감사합니다!
-
미해결김영한의 실전 자바 - 중급 2편
직접 구현 하는 컬렉션 코드는 실제 내부 구현과 유사하게 구현하시는건가요?
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]직접 구현 하는 컬렉션 코드는 실제 내부 구현과 유사하게 구현하시는건가요?예를 들면 배열 리스트에서 capacity를 넘어서 데이터를 추가 시에 기존 배열의 50% 정도 증가하는 방법을 사용한다고 pdf에 나와있는데 이런 부분들이 실제 구현과 같은지 궁금합니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
강의자료 import부분
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]1.프로젝트 환경설정 파일의 MemberRepositoryTest 파일의 import 부분이 강사님의 구조와 달라요!
-
미해결
UAnimationModifier 에서 IAnimationDataModel 를 얻을 때 실체.
UAnimamtionModifier 에 있는 필수 함수에서 UAnimSequence 를 전달 받습니다. virtual void OnApply_Implementation(UAnimSequence* Animation) override; virtual void OnRevert_Implementation(UAnimSequence* Animation) override;이 함수 안에서 const IAnimationDataModel* Model = Animation->GetDataModel(); 를 하면 데이터 모델 객체를 전달 받는데 이건 인터페이스라서 실체가 무엇인지 알아야 합니다.두 종류가 있는 것 같습니다.UAnimationSequencerDataModelUAnimDataModel IAnimationDataModel의 실체가 이 둘 중에 무엇인지 어떻게 알 수 있나요???