25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
firebase deploy, Hosting URL
안녕하세요 강사님!firebase deploy할때 i deploying database, hostingError: Unexpected rules format 이렇게 계속 에러가 떠서 구글링 후firebase deploy --only hosting 로 입력하였더니강의랑 똑같이 배포를 할 수 있었는데, 다른 질문들처럼 계속 이런화면이 뜨는데어떻게 해야 할까요 .. ?기다려야 하나요?!
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
크롬 개발자도구로 확인했을 때 key값이 20부터 나오는 경우
해당 강의 3분 30초 이후부터 컴포넌트 창에 들어가서 DiaryList 컴포넌트의 DiaryItem들을 확인하는 장면이 나와있습니다. 강사님의 화면에서는 키값들이 0부터 잘 출력되지만 저는 아래와 같이키값들이 20부터 39까지 출력됩니다.useEffect를 건들이기 전 일기를 추가하는 부분에서는 키값들이 0부터 잘 출력되는 것을 보아 이번 강의에서 건들인 부분이 문제인것 같아 강사님이 올려주신 App.js 코드를 복붙하여 실습해보아도 해당 현상이 일어납니다. 그 이유를 알 수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
setCount 함수 코드 오류로 인한 오동작 질문
안녕하세요.코드를 따라 적다가 잘못 적어서 setCount2를 호출하지 않고 아래와 같이 setCount 함수를 잘못 호출했었는데요. const onIncrease2 = () => { setCount(count2+2);이렇게 하면 count2가 아닌 count 가 증가하더라고요.이거는 state가 count와 setCount가 짝이 지어져 있어서 그랬을 것 같은데 맞나요?그리고 이렇게 하면 count가 계속 증가하는게 아니라 한번만 동작하고 말더라고요. 딱 한번만 이렇게 되는 이유가 있을까요?그냥 코드 오류로 이해 불가한 동작인건지,, 다른 동작 과정이 있는건지 확인차 여쭤봅니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
firebase 설치 오류
안녕하세요 강사님firebase 호스팅 설정 단계의 firebase CLI 설치에서 명령 프롬프트를 관리자 권한으로 아래와 같이 실행하면 C:\WINDOWS\system32>npm install -g firebase-toolsnpm WARN deprecated har-validator@5.1.3: this library is no longer supportednpm WARN deprecated debug@4.1.1: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142changed 674 packages in 2m34 packages are looking for funding run npm fund for details 위와 같은 에러가 계속해서 뜹니다.firebase CLI 참조를 통해 설치 프로그램을 깔려고 하면 윈도우 자체에서 위험을 감지해서 못 열고, npm 권한 문제 관련하여 구글링해서 어느 수를 써도 해결이 안됩니다 ㅠㅠ node.js 를 최신 버전으로 깔아도 안되고.. 무슨 문제일까요 ㅜㅜ확인해주시면 감사하겠습니다..
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
페이지 구현 - 홈(/) 질문
React 실전 프로젝트 - 감정 일기장 만들기페이지 구현 - 홈(/) 45분 - process.env.PUBLIC_URL 이 빈값으로 뜹니다. 말씀해주신 보완 코드 넣어도 안되어서 상대경로로 변경 해서 해결 했습니다. 해당 원인과 다른 해결 방법이 있을까요? Diary List -> Diary Item 으로 props 넘길때 강사님과 달리 바로 parameter로 안담기고 Object 로 넘어가더라고요 그래서 object 로 받았는데.. 코드가 이상한건가요? const DiaryItem = (diaryItem) => {{getProcessedDiaryList().map((it) => { return <DiaryItem key={it.id} {...it}></DiaryItem> })}
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
serve -s build 후 localhost:3000으로 접속하면 404 에러가 뜹니다
serve -s build 후 localhost:3000으로 접속하면 404 에러가 뜹니다 어떻게 해결 할 수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
node.js vscode 콘솔출력
vscode 터미널에 index.js 콘솔을 출력하려고 따라 작성했는데 node : 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.위치 줄:1 문자:1+ node index.js+ ~~~~ + CategoryInfo : ObjectNotFound: (node:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 이런 오류가 나면서 콘솔이 나타나지 않는데 이유 알 수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useCallback 이후에도 rendering이 두 번씩 발생합니다.
선생님 안녕하세요! 강의 정말 잘 듣고 있습니다. 다름이 아니라 제가 강의를 듣고 진행하던 중 문제가 발생하여 여쭤보고자 이렇게 글을 남기게 되었습니다.현재 저는 chapter 6-12까지 진행하였습니다. 선생님께서는 6-12에서 배운 useCallback을 사용하면 불필요한 re-rendering을 없앨 수 있다고 말씀하셨습니다. 그런데 제 코드에서 실행을 해보니, mount 될 때 rendering이 두 번씩 발생함을 확인할 수 있었습니다. 또한 선생님께서 getData()에서 dataId를 useRef를 이용하여 1~20까지의 숫자를 가질 수 있도록 하셨는데 저의 코드에는 계속 20~40의 id가 입력됩니다. 선생님의 코드와 제 코드를 비교해봤는데도 어떤 부분에서 문제가 발생했는지 모르겠어서 이렇게 질문을 남깁니다.(참고로 선생님의 sandbox 코드를 제 pc에서 실행시켜봤을 때는 정상적으로 rendering이 한 번만 일어났었습니다.) 저의 코드 주소를 남기겠습니다. 여유가 되시면 한 번 확인해 주시고 어떤 문제가 있었는지 말씀해주시면 정말 감사드리겠습니다!https://codesandbox.io/embed/reverent-poincare-mrx2gg?fontsize=14&hidenavigation=1&theme=dark
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트 버전 관련으로 질문드립니다
안녕하세요현재 수강을 마치고 개인적으로 더 기능을 추가하는 등 리액트 프로젝트를 나름 해보려고 하고 있습니다.그런데 react 18버전이 올해 나온 따끈한 신버전인만큼 찾아놓은 라이브러리가 잘 안먹히는 경우가 꽤 있었습니다물론 깃헙이나 홈페이지를 뒤져가며 하나하나 찾아가는 방법이 정석이겠지만, 혹시 보편적으로 많이 사용하는 react 버전을 추천해주실 수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
질문 드립니다!
안녕하세요 선생님! 통신에 대해 좀 더 공부해보고 싶어서 노드로 감정일기장에 대한 서버를 만들었는데요 혹시 이런 경우에는 배포를 어떻게 해야할까요?파이어베이스는 진행하신 프로젝트처럼 프론트로만 만든 경우에 배포 가능한가요? 아니면 프론트 백엔드로 만든 경우에도 파이어베이스로 베포가 가능한가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
props로 전달받은 onEdit함수를 바로 onClick에 못쓰는 이유가 궁금합니다.
기존 방식인<button onClick={handleEdit}>수정 완료</button> 대신에, <button onClick={() => {onEdit(id, localContent)}}>수정 완료</button>가 안되는 이유는 무엇인가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
reducer함수에서 case "CREATE" 부분에 action.data
안녕하세요 🙋♂️강의 8:30부터입니다.reducer 함수에서 case "CREATE": { const newItem = { ...action.data, }; newState = [newItem, ...state]; break;이렇게 작성했던 것을case "CREATE": { newState = [action.data, ...state]; break; }이런 식으로 newItem을 사용하지 않고 바로 넣을 때왜 스프레드 연산자로 펼쳐 넣지 않나요?newItem에는 ...action.data로 펼쳐 넣었는데요궁금합니다. 항상 강의 잘 듣고 있습니다.감사합니다!
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useCallback 최적화 질문입니다.
안녕하세요.useCallback 으로 함수 최적화하는것에 대한 질문입니다.어떠한 함수를 만들때마다 useCallback으로 감싸도 되나요?useCallback을 남용했을때 어떤 문제가 생기는지 궁금합니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
백지에서 혼자 만들 수준이 되어야 할까요??
강의 잘 듣고 있습니다. 감사합니다 다름이 아니라 강의를 듣고 완강하게 된 이후에,이걸 혼자 만들 생각을 하니 막막해졌습니다. 실전 프로젝트에서 양이 엄청 많더라구요. 그 전 기본 프로젝트는 챕터별로 혼자서 백지부터 해봤는데 실전 프로젝트 오니까 막막해졌습니다. 그래서 궁금해진게 완강 이후에 이걸 혼자서 백지부터 만들 수준이 되어야 하는건지, 아니면 완성 코드를 이해하고 옆에 띄워놓고 참고하면서 나만의 프로젝트를 만들 수 있으면 되는 건지 궁금해서 여쭤봅니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
더미데이터없이 로컬스토리지만으로는 최신순 오래된순 기능이 작동안되는게 맞는건가요?
더미데이터없이 로컬스토리지만으로는 최신순 오래된순 기능이 작동안되는게 맞는건가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 LocalStorage 데이터베이스 부분 오류 질문입니다.
안녕하세요 제가 이제 LocalStorage를 이용해서 하는 챕터까지 진행했는데요전부 다 코딩치고 여러가지 테스트를 해보다가 일기를 전부 삭제를 했더니 오류가 나옵니다..갑자기 화면은 아무것도 안뜨고 콘솔창에서는 Uncaught TypeError: Cannot read properties of undefined (reading 'id') 이란 에러가 뜹니다.그리고 에러위치는 App:52:1 로 dataId.current = parseInt(diaryList[0].id) + 1; 요 부분에서 에러가 나는거 같습니다.... 제가 어느부분을 잘못한걸까요??
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
serve -s build를 입력하면, "Python"만 출력되고 반응하지 않습니다.
강의 영상 중 약 10분 40초 경에 터미널에 serve -s build를 하시는 부분이 있는데,제가 따라서 serve-s build를 입력하면, Python이라고만 터미널에 출력되고 아무 반응이 없습니다.인터넷에 찾아봐도 해결 방법을 모르겠네요...아무래도 Python과 관련된 명령어가 아닌가 생각이 듭니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Deploy complete 위에 분과 동일하게 안됩니다..
저도 deploy하면 이렇게 나옵니다. 깃 주소는 https://github.com/PunchFather/Emotion-diary 여깁니다 ㅜㅜㅜ
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
링크와 라우트 차이점
안녕하세요! 페이지 라우팅1 강의부분에서<Route path=‘/‘ ></Route><Link to={‘/‘} </Link>라우트 패스 일 때는 왜 중괄호를 적지 않나요??????
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
React.memo / useEffect 차이점,쓰는 용도
안녕하세요. 정환님수업내용 중 궁금한게 있어서 글을 씁니다.이전에 useEffect를 사용하여, 적용했을때도 똑같은 결과값이 나오는데, React.memo로 고차함수를 이용해 만드는 것보다, useEffect에 [] 값을 넣어서 사용해주는게 더 간단하고 쉬워보이는데.. React.memo와 useEffect의 차이점이나, 쓰이는 용도가 따로있나요? 두개의 차이점이 있는지 확인부탁드립니다.const CounterB = ({obj}) => { useEffect(()=>{ console.log(`CounterB Update - count : ${obj.count}`) }, [obj.count]) return <div>{obj.count}</div> }