인프런 커뮤니티 질문&답변

HoiChan Jeong님의 프로필 이미지
HoiChan Jeong

작성한 질문수

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

8.7) Delete - 투두 삭제하기

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

해결된 질문

작성

·

630

2

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

Uncaught TypeError: onDelete is not a function

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

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

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

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

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

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

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

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

감사합니다.

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

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

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

바로 수정해 두었습니다.

감사합니다

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

HoiChan Jeong님의 프로필 이미지
HoiChan Jeong
질문자

수정된 링크 감사합니다.

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

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

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

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

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

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

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

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

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

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

HoiChan Jeong님의 프로필 이미지
HoiChan Jeong
질문자

친절한 답변 감사합니다.

HoiChan Jeong님의 프로필 이미지
HoiChan Jeong

작성한 질문수

질문하기