inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

코드 샌드박스처럼 코드를 받을 수 있나요?

해결된 질문

670

besesa

작성한 질문수 4

0

섹션6 페이지구현-홈 수강중인데

제가 코드 쳤을때

18:29 오늘의일기1~5가 아에 안 나타나서 프롭으로 빈배열로 보내도

안보여서 18분까지 다시 3번 들었는데ㅠㅠ 제가 실수한 곳을 아무리 찾아봐도 안보여서

혹시 코드를 따로 받을 수 있을까요???

javascript react node.js

답변 1

0

이정환 Winterlood

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

아이고 일단 아래의 주소에서 한번 확인 해 보시겠어요?

https://codesandbox.io/s/siljeonpeurojegteu1-home-guhyeon-m97kb

급한대로 샌드박스에 언능 만들어 보았습니다
(강의중 코드와 조금은 다를 수 있어요 그래도 원리는 같으니 이해하실 수 있을거에요)

추가로 문제의 원인을 정확히 파악 해드리기 위해
코드샌드박스나 깃허브에 현재 오류 발생한 프로젝트 코드를 그대로 업로드 해 주신 다음
링크 댓글로 달아주시면 바로 확인해 보겠습니다

 

0

besesa

https://codesandbox.io/s/thirsty-torvalds-95gg39?file=/emotiondiary/src/pages/Edit.js&resolutionWidth=628&resolutionHeight=675

 

 

안녕하세요! 저도 코드 샌드박스에 올려뒀는데ㅠㅠ 올리는건 첨이라 맞게 올렸는지 잘 모르겠어요ㅠㅠㅠ!! 늘 감사합니다ㅠㅠ!!

1

이정환 Winterlood

안녕하세요 폴더 구조가 이상하게 업로드 된 것 같아요. 일단 emotiondiary 폴더 안에 있는 파일이 현재 작업중이셨던 파일인 것 같아 이 파일로 확인 해봤습니다.

image

문제 오류 원인은 src/App.js에 있었습니다.

image

위 코드를 보시면 data의 초기값으로 전달하는 값이 dummyData 자체가 아니라 [dummyData]를 전달하고 계시는군요

이렇게 되면 dummyData가 이미 배열인데 배열에 한번더 배열을 감싼 이차원 배열 형태로 전달되어 정상적으로 작동되지 않습니다.

따라서 [dummyData] -> dummyData로 변경하시면 오류가 사라질 겁니다.

0

besesa

아~~ 정말 감사합니다ㅠㅠㅠ 몰랐던부분이 해결되었어요 정말 감사해요!!!!!

Editor Component의 최적화 불가능 이슈

0

60

2

useCallback ⊂ useMemo

0

47

2

라이브러리 설치 질문

0

58

2

linter 질문

0

61

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

104

2

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

0

74

1

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

0

76

2

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

0

103

2

에러 질문드립니다

0

120

2

VSCode 설정 문의

0

152

2

PPT 코드 관련 질문

0

74

2

useEffect와 lifecycle문의

0

98

2

프론트엔드 학습 수준 문의

0

113

2

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

0

118

2

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

0

110

2

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

0

142

2

이후의 커리큘럼 문의

0

162

2

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

0

125

2

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

0

138

3

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

1

131

3