소개
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
강의
전체7로드맵
전체2수강평
- 리액트에 대해 자세히 배울 수 있었습니다
재롱이
2024.03.28
1
게시글
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.4 useCallback curried function에 관한 질문입니다.
둘은 다릅니다. handleClick1은 훅에 생성함수를 전달하는데 항상 undefined를 반환합니다. 의존성과 무관하게 항상 undefined를 메모이제이션하는거죠. handleClick1은 함수가 아니라 undefined라서 실행하면 TypeError가 발생할 겁니다. 한편 handleClick2는 생성함수를 전달하는데 postId를 인자로 받는 함수를 반환합니다. 의존성에 따라 다른 동작을 하는 함수를 메모이제이션합니다. 이 반환값을 할당받은 handleClick2은 함수로 실행할수 있습니다.
- 1
- 2
- 95
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.2 useMemo 에서 every 함수에 관한 질문입니다.
새로운 배열이 의존성으로 들어가기 때문에 다른 값으로 인식합니다. 배열은 참조 값을 가지고 비교하기 때문입니다. 차근차근히 순서를 보시면요. Tag1을 클릭하면 tag 상태가 갱신되고 루트 컴포넌트가 리렌더됨 Board 컴포넌트를 다시 그리면서 새로운 배열을 posts 인자로 전달. (객체 리터럴을 사용하기 때문) Board 컴포넌트는 인자 posts를 MyReact.useMemo 의존성 인자로 전달 이전에 받은 배열과 참조 값이 다름. 아래 AI 도 제대로 답해주셨네요.
- 1
- 2
- 60
질문&답변
2024.03.25
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
코드 맨 아래 플러그인 지정하는 부분에서 발생한 원인이네요. ...(process.env.NODE_ENV === "production" && [ new MiniCssExtractPlugin({ filename: "[name].css", }), ]), 첫 번째 표현식이 false 이기 때문에 전체 문장은 false가 될 겁니다. [...false] 로 평가되어 불리언 타입에 나머지 연산을 시도하다가 TypeError 가 발생했을 것 같아요. 삼항 연산자로 한 번 바꿔보시겠습니까? ...(mode === "production" ? [new MiniCssExtractPlugin({ filename: `[name].css` })] : [])
- 1
- 1
- 58
질문&답변
2024.03.25
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
웹팩 4 버전 시절에 만든 강의입니다. 지금은 5버전을 많이 사용해서 내용이 정확히 일치하지는 않는데요. 주요 개념와 api는 여전히 유효합니다. 라이브러리 업데이트에 따라 강의 업데이트 하려고하는데요. 아직 구체적인 일정은 정하지 못했습니다. 여전히 관심 갖어 주셔서 정말 고맙습니다.
- 1
- 1
- 75
질문&답변
2024.03.25
[4.3장 리듀서 훅] 4.3.7 활용 MyForm(풀이) 오타 제보 및 질문이 있습니다.
오타를 짚어 주셔서 고맙습니다. 다른 분들도 도움 되시라고 4.3.7 수업 본문에 적어 두었습니다. -- 어떤 부분이 궁금하신 건지 잘 모르겠습니다. 질문 내용을 여러번 읽어 보고 영상도 다시 확인했는데요. 혹시 실습 코드를 따라하시면서 캡쳐처럼 버그를 마주하신 게 아닌가 싶습니다. 어떤 코드였을 때 이런 현상이 있는지 알면 질문 내용을 파악하는 데 도움이 될것 같아요.
- 1
- 2
- 73