소개
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
강의
전체7로드맵
전체2수강평
- 리액트에 대해 자세히 배울 수 있었습니다
재롱이
2024.03.28
1
게시글
질문&답변
2024.04.24
reset 시점에 searchResult 빈 배열로 update
이미 답을 찾으셨을 것 같은데요. 지적해 주신것처럼 배열도 초기화 해주는 것이 안전합니다. 영상에는 없지만 다음 브랜치(react/search-result-4)로 이동하면 해당 코드가 있을 거에요. 중요한 부분 놓치지 않고 말씀해 주셔서 감사합니다.
- 1
- 2
- 46
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.4 useCallback curried function에 관한 질문입니다.
둘은 다릅니다. handleClick1은 훅에 생성함수를 전달하는데 항상 undefined를 반환합니다. 의존성과 무관하게 항상 undefined를 메모이제이션하는거죠. handleClick1은 함수가 아니라 undefined라서 실행하면 TypeError가 발생할 겁니다. 한편 handleClick2는 생성함수를 전달하는데 postId를 인자로 받는 함수를 반환합니다. 의존성에 따라 다른 동작을 하는 함수를 메모이제이션합니다. 이 반환값을 할당받은 handleClick2은 함수로 실행할수 있습니다.
- 1
- 2
- 102
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.2 useMemo 에서 every 함수에 관한 질문입니다.
새로운 배열이 의존성으로 들어가기 때문에 다른 값으로 인식합니다. 배열은 참조 값을 가지고 비교하기 때문입니다. 차근차근히 순서를 보시면요. Tag1을 클릭하면 tag 상태가 갱신되고 루트 컴포넌트가 리렌더됨 Board 컴포넌트를 다시 그리면서 새로운 배열을 posts 인자로 전달. (객체 리터럴을 사용하기 때문) Board 컴포넌트는 인자 posts를 MyReact.useMemo 의존성 인자로 전달 이전에 받은 배열과 참조 값이 다름. 아래 AI 도 제대로 답해주셨네요.
- 1
- 2
- 69
질문&답변
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
- 66
질문&답변
2024.03.25
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
웹팩 4 버전 시절에 만든 강의입니다. 지금은 5버전을 많이 사용해서 내용이 정확히 일치하지는 않는데요. 주요 개념와 api는 여전히 유효합니다. 라이브러리 업데이트에 따라 강의 업데이트 하려고하는데요. 아직 구체적인 일정은 정하지 못했습니다. 여전히 관심 갖어 주셔서 정말 고맙습니다.
- 1
- 1
- 80