25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
페이지구현-홈 부분에서 compare 부분이 잘 이해가 안갑니다.
페이지구현-홈 27:07 다 완성되어있는 getProcessedDiaryList 함수의 안에 들어있는 compare 함수가 어떤원리로 정렬을하게되는건지 전체적으로 잘 이해가 가지 않습니다..ㅠ
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 18버전
강의 내용 관련 질문은 아니고, 예전에 결제해뒀다가 이제 들어볼까 하는데요. 강의가 리액트 18버전 기준은 아닌가요?? 이번에 리액트 18로 변경되면서 바뀐 점이 좀 있다고 들었는데 이 강의 듣고 추가로 리액트 18버전에 대해 따로 공부해야 할까요??
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
DiaryItem에 key={it.id}전달 이유
안녕하세요, 강의를 수강하다 궁금한 점이 있어 여쭤보려합니다. React에서 배열 사용하기 1 - 리스트 렌더링(조회) 강의 16분 35초 쯤 DiaryItem에 key={it.id}값을 전달하고 뒤에 {...it}을 전달하는 코드를 작성하게 되는데 {...it}을 전달하게 되면 it 내부에 있는 id도 같이 전달되게 되는데 굳이 key값에 it.id를 중복해서 전달하는 이유가 궁금합니다. 그래서 key={it.id}를 지워보았는데 코드는 동일하게 동작하였습니다. 이유가 무엇인가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
프로젝트 완성 예시 css 밀림
강의 헤더 부분에서 스타일이 깨지는 현상이 발생했습니다.제 프로젝트에서만 문제가 발생하는 줄 알았는데 완성된 프로젝트 완성 예시에서도 문제가 발생하는 것을 확인했습니다..MyButton의 스타일과.head_btn_right의 스타일에서 간격 차이가 생겨서 밀리는 것 같은데,혹시 어떤 식으로 해결하면 좋을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Deploy complete
강의와 같이 다 성공적으로 하고 firebase deploy 까지 완료 했는데 강사님처럼 도메인 주소 들어가면 프로젝트가 안뜨고 사지관 같이 뜹니다 ㅜㅠ
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useCallback 질문합니다!
4:18초 부분 질문드립니다!dependency array에 [data]를 적지 않고setData(data => data.map ~~ ) 으로 적는 부분이 잘 이해가 안가요ㅠㅠ onEdit 코드와 onEdit2의 코드 차이점이 알고 싶습니당const onEdit = useCallback((targetId, newContent) => { setData(data => data.map((item) => item.id === targetId ? {...item, content: newContent} : item)) }, []) const onEdit2 = useCallback((targetId, newContent) => { setData(data.map((item) => item.id === targetId ? {...item, content: newContent} : item)) }, [data])
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
감정다이어리 소스코드는 없을까요?
안녕하세요 🙋♂️감정 다이어리 하고있는데 혹시 깃헙이나 그런곳에 소스코드가 있을까요?따라하는데 오류 나면 찾는데 너무 오래걸려서요 혹시나해서 물어봅니다! 감사합니다
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
마지막에 말씀하신 내용이 잘 이해가 안갑니다.
안녕하세요.강의를 듣다가 마지막에 하신 말씀이 잘 이해가 안돼서 질문드립니다.복잡한 상태 관리 로직 분리하기 - useReducer의 22:31 부분에서"dispatch는 함수형 업데이트 그런거 필요 없이 호출하면 알아서 현재의 state를 참조해서 자동으로 해주니 useCallback을 사용하면서 dependency array를 걱정할 필요가 없다."라고 하셨는데 이게 무엇을 의미하는 말씀인지 말 모르겠습니다...
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
node_modules 폴더 vscode상에 안나타날때
node_modules 폴더 vscode상에 안나타고 윈도우 폴더로 보면 node_modules 폴더 가 있어요 어떻게 해야 vscode에서도 볼수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
페이지 구현 - 홈 (/)
안녕하세요 🙋♂️한 입 크기로 잘라먹는 리액트 강사 이정환 winterlood입니다!물론 질문은 수강생 여러분들 편하게 해 주시면 되지만!아래의 몇 가지 규칙만 지켜주시면 더 빠르고 정확한 답변을 드릴 수 있습니다!- 페이지 구현 - 홈 (/)해당 강의 완료 코드를 확인할수 있을까요?우측 다이어리 리스트가 안뜨는데 어느부분이 오류인지 모르겠습니다.깃 레파지토리 링크같은걸 공유해주셔도 좋을것 같습니다
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-6 리스트 데이터 수정하기 중 TypeError
강의를 보면서 이해하고 똑같이 진행 하였는데수정 할 내용을 입력하고 수정완료 버튼을 누르면 이런 에러가 뜹니다. 어디가 잘못된지 잘 모르겠어요 !
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 ㅠㅠ 해당 수업 진행중 막바지에 오류가 엄청많이뜨는데 뭐가 문젠지 모르겠어요 ㅠㅠ
안녕하세요 강사님! 해당수업 진행중에 막바지에 실행시켜보니 오류가 엄청 많이 떠서 ㅠㅠ 2시간째 헤메고 있습니당 ㅠㅠ뭐가 문제일까여.....https://github.com/ish1610/React_emotion_diary.git
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
데이터를 삭제하는 부분이 실제 삭제인가요?
강의에서 데이터를 삭제할 때 필터를 사용해서새로운 배열을 만드셨는데 필터링은 삭제하고 싶은데이터를 빼고 나열해서 새로운 배열을 생성하는 것이지 실제 데이터가 지워지는건 아닌거죠?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Context 강의에서 value={data}가 나오지 않습니다
https://codesandbox.io/s/chapt-15-forked-vrnxn1?file=/src/App.js 안녕하세요. 컴포넌트 트리에 데이터 공급하기 - Context 강의 수강 중에 강의와 함께 강의 참고용 코드 샌드박스를 보면서 궁금한 것이 있어 질문 남깁니다. 위 링크 코드의 115번째 줄처럼 const store = { data };이후 리턴문에서 <DiaryStateContext.Provider value={store}> 를 작성해줘야 정상적으로 동작하는 것을 확인했는데 강의처럼 <DiaryStateContext.Provider value={data}> 로 수정하면TypeError Cannot read properties of undefined (reading 'length') 가 뜨면서 제대로 작동되지 않습니다위 두 방법 (store 변수를 작성해서 넣어주거나, 강의처럼 data 그대로 넣어주거나) 의 차이는 무엇이고왜 링크의 코드에서 store가 아닌 data를 넣으면 작동하지 않는 건지 궁금합니다..
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
개발자 도구 ⇒ 크롬 “개발자 도구” 샘처럼 직관적으로 어떻게 보이게 하나요?
안녕하세요 🙋♂️개발자도구 선생님처럼 나오게 어떻게 하는 걸까요?지금 리액트 "props"편 2:56 듣고 있습니다.왼쪽은 선생님 개발자도구이고 오른쪽은 제 개발자 도구입니다.(참고 이미지 2개 첨부합니다.)
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
DiaryEditor와 DiaryList가 다른 이유?
강의 초반에 DiaryList.js 생성하고App.js에서 임포트 할 때왜 DiaryEditor는 './DiaryEditor'이고DiaryList는'./DiaryList.js';왜 .js인가요?어떻게 하든 상관없는거 같긴 한데...혹시 이유가 있으신건지요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
수정 시 일기가 삭제됩니다.
안녕하세요 강의 잘 듣고있습니다. 혼자 찾아보려다 안되서 질문드립니다.일기 수정 페이지에서 일기 수정 시 해당 일기가 삭제가 됩니다.도움 부탁드립니다. https://codesandbox.io/p/github/juuwon/emotion_diary/draft/dazzling-leaf?file=%2Fsrc%2Fcomponents%2FDiaryEditor.js
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
새 일기 작성 시 2개의 일기가 작성이됩니다.
안녕하세요 강의 잘 듣고 있습니다. 새 일기 작성 시 두개의 일기가 작성이 됩니다.혹시 도움을 받을 수 있을까요?https://github.com/juuwon/emotion_diary
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
ControlMenu최적화 시 useCallack, useMemo를 사용할 수 없는 이유
안녕하세요 강사님🙋♂️감정일기 프로젝트 진행 중 프로젝트 최적화 부분에 대해 궁금증이 생겨 질문 남깁니다강의에서는 ControlMenu 최적화 시에 React.memo를 이용해서 진행했는데,제가 생각하기엔 함수 내에 특별히 연산하는 부분이 없고 바로 return이 나오기 때문에 useMemo를 사용할 수 있을 것 같았는데 에러가 뜨면서 렌더링 자체가 불가능 하더라구요그러면 ControlMenu함수 자체를 기억하도록 할 순 있지 않을까 해서 useCallback을 사용해봤는데 에러는 발생하지 않지만 최적화되지 않고 계속해서 필터 부분이 리렌더링 됩니다아직 제가 React.memo, useMemo, useCallback 개념이 제대로 잡히지 않은 듯 한데,,, ControlMenu 최적화 시에는 useMomo useCallback을 사용하지 못하는 이유가 무엇인가요??
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
serve -s build가 되지 않습니다..
Windows PowerShellCopyright (C) Microsoft Corporation. All rights reserved.PS C:\Users\PC\Desktop\emotion diary> npm install -g servechanged 89 packages, and audited 90 packages in 10s23 packages are looking for funding run npm fund for detailsPS C:\Users\PC\Desktop\emotion diary> cd helloPS C:\Users\PC\Desktop\emotion diary\hello> serve -g buildserve : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\PC\AppData\Roaming\npm\ser ve.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.mic rosoft.com/fwlink/?LinkID=135170)를 참조하십시오.위치 줄:1 문자:1+ serve -g build+ ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccessPS C:\Users\PC\Desktop\emotion diary\hello> npm run build> hello@0.1.0 build> react-scripts buildCreating an optimized production build...Compiled with warnings.[eslint] src\components\DiaryItem.js Line 32:16: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-textsrc\components\DiaryList.js Line 1:15: 'useEffect' is defined but never used no-unused-varssrc\components\EmotionItem.js Line 6:13: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-textsrc\pages\Diary.js Line 20:7: React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 37:7: React Hook useEffect has a missing dependency: 'navigate'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 58:25: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-textsrc\pages\Edit.js Line 5:9: 'getStringDate' is defined but never used no-unused-vars Line 22:7: React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 39:7: React Hook useEffect has a missing dependency: 'navigate'. Either include it or remove the dependency array react-hooks/exhaustive-depsSearch for the keywords to learn more about each warning.To ignore, add // eslint-disable-next-line to the line before.File sizes after gzip: 54.79 kB build\static\js\main.544a876e.js 1.42 kB build\static\css\main.b7fc6af2.cssThe project was built assuming it is hosted at /.The build folder is ready to be deployed.You may serve it with a static server: serve -s buildFind out more about deployment here: https://cra.link/deploymentPS C:\Users\PC\Desktop\emotion diary\hello> serve -s buildserve : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\PC\AppData\Roaming\npm\serve.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.mic rosoft.com/fwlink/?LinkID=135170)를 참조하십시오.위치 줄:1 문자:1+ serve -s build+ ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccessPS C:\Users\PC\Desktop\emotion diary\hello> npm install -g serve와npm run build를 했습니다 you may serve it with a static server라는 메시지와함께 serve -s build라는 메세지도 떴는데 serve -s build라고 명령어를 입력했는데도 입력이 되지 않습니다... 루트폴더 문제인가요? 문제가 무엇인가요