소개
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
강의
전체7로드맵
전체2수강평
- 리액트에 대해 자세히 배울 수 있었습니다
재롱이
2024.03.28
1
게시글
질문&답변
2024.05.01
sort() 질문 드립니다.
지원님 안녕하세요? 자바스크립트 배열의 sort 함수를 사용하실때 양수,음수,0을 반환하는 비교함수를 사용하는 것이 맞습니다. 제가 정확한 동작을 모르고 부등호를 사용한 것인데요. 이것은 브라우져 별로 코드를 평가하는 차이가 있는 것 같습니다. 지원님께서 사용하신 것처럼 - 연산자를 사용해 주세요. 비슷한 질문이 있어서 참고하시면 좋겠습니다. https://www.inflearn.com/questions/222368/데이터-sort-적용-문의
- 0
- 2
- 41
질문&답변
2024.04.24
reset 시점에 searchResult 빈 배열로 update
이미 답을 찾으셨을 것 같은데요. 지적해 주신것처럼 배열도 초기화 해주는 것이 안전합니다. 영상에는 없지만 다음 브랜치(react/search-result-4)로 이동하면 해당 코드가 있을 거에요. 중요한 부분 놓치지 않고 말씀해 주셔서 감사합니다.
- 1
- 2
- 66
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.4 useCallback curried function에 관한 질문입니다.
둘은 다릅니다. handleClick1은 훅에 생성함수를 전달하는데 항상 undefined를 반환합니다. 의존성과 무관하게 항상 undefined를 메모이제이션하는거죠. handleClick1은 함수가 아니라 undefined라서 실행하면 TypeError가 발생할 겁니다. 한편 handleClick2는 생성함수를 전달하는데 postId를 인자로 받는 함수를 반환합니다. 의존성에 따라 다른 동작을 하는 함수를 메모이제이션합니다. 이 반환값을 할당받은 handleClick2은 함수로 실행할수 있습니다.
- 1
- 2
- 111
질문&답변
2024.03.28
[4.4장 메모이제이션 훅] 4.4.2 useMemo 에서 every 함수에 관한 질문입니다.
새로운 배열이 의존성으로 들어가기 때문에 다른 값으로 인식합니다. 배열은 참조 값을 가지고 비교하기 때문입니다. 차근차근히 순서를 보시면요. Tag1을 클릭하면 tag 상태가 갱신되고 루트 컴포넌트가 리렌더됨 Board 컴포넌트를 다시 그리면서 새로운 배열을 posts 인자로 전달. (객체 리터럴을 사용하기 때문) Board 컴포넌트는 인자 posts를 MyReact.useMemo 의존성 인자로 전달 이전에 받은 배열과 참조 값이 다름. 아래 AI 도 제대로 답해주셨네요.
- 1
- 2
- 76
질문&답변
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
- 71