전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?

안녕하세요 송현정님 이정환입니다 하나의 모달 프로바이더에 두개의 모달을 넣으시면 됩니다! 모달 프로바이더는 그저 모달들을 App 컴포넌트 아래에 렌더링 시켜주기 위한 역할만 하기 때문이에요 😀코드 작성 방법은 1번으로 하시면 됩니다. modal-root 라는 id를 갖는 div 태그 아래에 컴포넌트를 렌더링 시키는게 목적이기 때문에 2번처럼 각각 createPortal 메서드를 사용해 렌더링 하실 필요는 없습니다.

호출 시그니처 질문

안녕하세요 루룸님 이정환입니다.아래의 코드 블럭을 기준으로 설명드리겠습니다.interface Formatter { (value: string): string; // 1. 호출 시그니처 (Call Signature) age(value: number): string; // 2. 호출 시그니처 (Call Signature) age: (value: number) => string; // 3. 함수 타입 속성 }우선 타입스크립트 공식 문서에는 "메서드 시그니쳐"라는 표현이 없습니다.https://www.typescriptlang.org/docs/handbook/2/functions.html 그러나 위 코드블럭의 2번 표현처럼, 객체의 메서드 형태로 표현된 함수의 타입을 편하게 메서드 시그니쳐라고 부르기도 합니다. (메서드 형태로 표현된 함수의 호출 시그니쳐다 라고 이해하시면 될 것 같아요)중요한건 메서드 시그니쳐도 호출 시그니쳐로 볼 수 있느냐 인 것 같은데요, 네 그렇다고 볼 수 있습니다!

프로필 수정 후 post item 의 글들에서 수정된 프로필 업데이트 반영

안녕하세요 hanbrang님 이정환입니다.넵 요렇게 처리하시면 프로필이 변경된 유저가 작성한 PostItem에도 변경된 프로필이 잘 적용될 것 같습니다! 깔끔하네요 😀그러나 resetQueries 보다는 invalidateQueries 사용을 더 권장드립니다. 아마 강의 중 use-create-post.ts 파일에서 resetQueries 메서드를 사용했었기 때문에 동일하게 사용하신걸로 보이는데요, 이때는 무한스크롤 피드의 데이터 자체를 모두 초기화 해야 했기 때문에 resetQueries를 예외적으로 사용했습니다.따라서 이번처럼 단순 재 호출만 필요한 쿼리가 있다면 resetQueries 보다는 invalidateQueries 사용을 추천드립니다.

예제코드가 안나와요!

안녕하세요 블루하우스님 아래와 같이 잘 접속되는걸로 확인되는데, 지금도 동일한 문제가 발생하는지 다시 확인부탁드립니다(사진)혹시 GitHub 링크가 잘못된 거라면 답글로 알려주세요

React 19 버전에서 새로운 린트 규칙으로 setState() 호출하기가 신경쓰입니다.

안녕하세요 codingbear님 이정환입니다.이 경고는 useEffect 안에서 setState를 직접 호출할 때 나타나는 React의 새로운 lint 경고입니다. 작동은 정상적으로 되지만, 성능 이슈나 무한 렌더링을 유발할 가능성이 있어서 경고를 띄워주는 거죠.만약 경고 메세지를 제거하고 싶으시다면 eslint.config.js 파일에 다음 rules를 추가하시면 됩니다. "react-hooks/set-state-in-effect": "off",이 경고는 비교적 최근에 추가된 규칙이라, 강의를 촬영할 당시에는 없었거나 덜 엄격했을 수 있습니다.

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

안녕하세요 리트님 이정환입니다.아래 Codingbear님이 잘 설명해주신대로 javascript 선택을 추천드립니다!

onMouseEnter 관련 문의 드립니다

안녕하세요 망나뇽님 이정환입니다.크롬에서만 onMouseEnter가 마우스를 올렸을 때 동작하지 않는 문제는, 크롬 브라우저의 확장 프로그램이 마우스 이벤트를 차단하고 있을 가능성이 높습니다. 광고 차단기나 기타 확장 프로그램들이 특정 이벤트를 간섭하는 경우가 종종 있거든요.해결 방법은 간단합니다! 크롬을 시크릿 모드(Ctrl + Shift + N)로 열어서 테스트해보세요. 시크릿 모드에서는 확장 프로그램이 기본적으로 비활성화되기 때문에, 이게 원인이라면 정상적으로 동작할 겁니다. 시크릿 모드에서 잘 된다면 확장 프로그램을 하나씩 비활성화해보시면서 어떤 확장이 문제인지 찾아보시면 됩니다!

서로소 유니언 타입이 discriminated union과 동의어 인가요?

안녕하세요 lv 3. 초보자님 이정환입니다.네 같은 개념입니다. 강의에서 소개한 "서로소 유니온 타입"은 영어로는 discriminated union 또는 tagged union이라고 불리는 개념을 한국어로 표현한 거예요."서로소"라는 표현은 수학의 서로소 집합(disjoint sets)에서 따온 건데, 각 멤버 타입이 서로 겹치지 않는다는 의미를 담고 있습니다. 결국 같은 개념인데 이름만 다른 거라서, 영어 자료에서 discriminated union이 나오면 "아 서로소 유니온 타입이구나!" 하고 이해하시면 됩니다!

배열의 렌더링 관련 질문 드립니다.

안녕하세요 망나뇽님 이정환입니다.React에서 {[1,2,3]}을 렌더링하면 "123"으로 나오는 건, React가 배열을 만나면 각 요소를 하나씩 꺼내서 개별적으로 렌더링하기 때문입니다. 즉 {[1,2,3]}은 {1}{2}{3}과 동일하게 처리되는 거예요.그런데 실제로 이런 패턴이 주로 사용되지는 않습니다. 배열은 보통 map 메서드를 활용해 별도의 컴포넌트나 HTML 요소로 렌더링 되기 때문에(나중에 배웁니다), 지금은 "아 배열을 JSX에 넣으면 이렇게 되는구나" 정도로만 알고 넘어가시면 충분합니다!

4.6 id를 string으로 바꾸니까 오류가 나요

안녕하세요 강이님 이정환입니다.올려주신 스크린샷을 보니 TodoItem 컴포넌트에 todo 객체를 스프레드로 전달하는 부분에서 타입 에러가 발생하고 있네요.이 오류는 id를 string으로 바꾸셨지만, TodoItem 컴포넌트의 props 타입 정의에서는 아직 id가 number로 되어있을 때 발생합니다. id의 타입을 변경하실 때는 해당 타입을 사용하는 모든 곳을 함께 수정해주셔야 하거든요.확인해보셔야 할 부분은 다음과 같습니다:- TodoItem 컴포넌트의 props 타입 (id가 string으로 되어있는지)- Todo 타입 정의 (id가 string으로 되어있는지)- useMutation 등에서 id를 사용하는 부분혹시 그래도 해결이 안 되시면, 확실한 오류의 원인을 파악하기 위해 전체 코드를 확인해봐야 합니다. 전체 프로젝트를 구글드라이브 혹은 깃허브를 통해 링크 형태로 전달해주세요