inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

8.7) Delete - 투두 삭제하기

5분13초 부분에서 삭제버튼을 누르면 onDelete가 함수가 아니라고 에러메세지가 뜨는데요.

해결된 질문

718

에피르

작성한 질문수 1

2

5분13초 부분에서 삭제버튼을 누르게 되면 다음과 같은 에러가 발생하여, 원인을 찾고 있는데

Uncaught TypeError: onDelete is not a function

강의영상 화면의 소스코드와 비교를 해봐도 원인을 찾기가 어려워, 강의 진행에서 사용된 소스를 직접

보려고 합니다. (Props으로 넘기는 부분을 몇번을 확인했는데 강의영상과 다른 부분을 찾을 수 없었습니다.)

구글 리서치중 import관련된 부분의 가능성을 제시한 글이 있어 찾아보다가,

import관련된 소스코드부분이 이번회 강의영상에서 화면에 보이지 않아,

밑의 강의 진행 중 사용된 소스코드 링크를 타고 들어가봤는데, 소스가 현재부분의 소스가 아닙니다.

(DiaryItem.js, DiaryList.js 등의 파일이 빠져있습니다.)

현재강의(6-5 리스트 데이터 삭제하기) 기준으로, 소스코드 링크를 받을 수 있을까요?

(아니면 완성본이라도... ^^;)

감사합니다.

react javascript node.js nodejs

답변 1

0

이정환 Winterlood

안녕하세요 이정환입니다.

코드샌드박스 링크가 오류가 좀 있었네요 죄송합니다 😢

바로 수정해 두었습니다.

감사합니다

https://codesandbox.io/s/chapt-5-omk75

0

에피르

수정된 링크 감사합니다.

ps. 계속 에러가 발생했었는데,(영상보면서 소스코드 비교 확인만 6번정도 했었구요), 금일 컴퓨터 켜고 동작시키니 잘되네요. 웹프로그램에서 이런 경우가 있을까요?

1

이정환 Winterlood

안녕하세요 이정환입니다.

우선 잘 동작 된다니 다행입니다.

거의 모든 상황에 소스코드가 이상이 없으면 프로젝트도 이상이 없는게 정상이지만

환경에 따라 정상적인 코드가 비 정상적으로 동작할 수도 있습니다

이런 상황이 의심 되실 때에는 세가지 정도 액션을 해볼 수 있는데요

첫번째는 브라우저의 캐시때문에 문제가 생기는 것 같을 경우 브라우저에 강한 새로고침을 한 다음 다시 확인하는 방법입니다.

두번째는 리액트 앱을 가동 중단 한 다음 다시 가동 시키는 방법입니다.

마지막으로 세번째는 리액트 앱을 가동 중단한 다음, node_modules, package-lock.json(package.json 아닙니다), yarn.lock(yarn 사용시에만 해당, 강의중에는 활용하지 않았습니다) 파일을 삭제한 다음 npm i 명령으로 모듈을 다시 설치하고 다시 리액트 앱을 가동해 볼 수 있습니다.

0

에피르

친절한 답변 감사합니다.

Editor Component의 최적화 불가능 이슈

0

60

2

useCallback ⊂ useMemo

0

47

2

라이브러리 설치 질문

0

58

2

linter 질문

0

62

2

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

62

2

Sort 메서드 관련 아티클

0

65

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

56

2

html, body에 적용하는 css 스타일 질문입니다.

0

62

2

eslint.config.js 설정 질문입니다.

0

105

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

74

1

교재(3쇄)와 강의 내용 문의

0

76

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

103

2

에러 질문드립니다

0

121

2

VSCode 설정 문의

0

152

2

PPT 코드 관련 질문

0

75

2

useEffect와 lifecycle문의

0

98

2

프론트엔드 학습 수준 문의

0

113

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

119

2

데이터 로딩중 화면만 계속 나와요!!

0

110

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

142

2

이후의 커리큘럼 문의

0

162

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

126

2

최적화 관련 질문있습니다 (useMemo 등)

0

138

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

131

3