25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
getDiaryAnalysis 함수에 useMemo 사용 시 경고가 떠요.
강의 12:00부터 진행되는 useMemo 사용 시,두 번째 인자로 [data.length] 를 입력하니 아래와 같은 경고창이 뜹니다. 아마 state 이름이 아니라서 뜨는 것 같은데 문제가 없을까요? React Hook useMemo has a missing dependency: 'data'. Either include it or remove the dependency array react-hooks/exhaustive-depswebpack compiled with 1 warning
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Object(...) is not a function
안녕하십니까! 강의 잘 수강하고 있습니다.다름이 아니라 군대에서 강의를 수강하고 있어서 어쩔 수 없이 GoormIde를 이용해 프로젝트를 진행 중입니다!React 사용자 입력 처리하기 강의에서 useState를 import 하는 과정에서 오류가 발생합니다.const = [author, setAuthor] = useState("");라인에서 문제가 발생하는 것으로 추정되는데, 검색 결과 잘못된 경로로 import 했을 때 문제가 발생한다고 확인했습니다.그러나 코드 상에서 import가 잘못 된 것 같지는 않아 질문드립니다아래 사진으로 코드 첨부하겠습니다!-const = [author, setAuthor] = useState("") 라인 있는 경우-const = [author, setAuthor] = useState("") 라인 주석 처리한 경우
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useRef 사용할 때 current는 this와 같나요?
안녕하세요. 리액트에서 DOM 조작하기 useRef를 보다가 궁금한 게 생겨 질문 드립니다.강의 6분 27초 22번째줄에 authorInput.current.focus()의 역할은레퍼런스 객체(dom 요소)를 선택하는 useRef로 현재 가리키는 값을 current로 불러와서 사용한다고 말씀 해주셨는데,this의 역할과도 같은 걸까요? 그럼 리액트에서 현재 가리키는 값을 함수 안에서 사용하려면, this 가 아닌 꼭 useRef를 사용해야 할까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
그 달의 마지막 날이 작성이 되지 않습니다.
페이지 구현- 일기쓰기 (/new) 강의의 40분 48초 부터 onClick={handleSubmit}에서 9월 30일이나 10월 31일같이 그 달의 마지막날은 new(새로운 글)이 작성이 되지 않습니다.. 이유가 무엇인가요? const getStringDate = (date) => { return date.toISOString().slice(0,10); }export const getStringDate = (date) => { let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); if (month < 10) { month = 0${month}; } if (day < 10) { day = 0${day}; } return ${year}-${month}-${day};};
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
class name 질문
안녕하세요.classname 작성하실때 어떤건 className = {name} 이런식으로 괄호 안에 넣고 어떤건 단순히 className = "name" 이렇게 하시는데 혹시 어떤 차이가 있고 이유는 무엇인지 궁금합니다 ㅠㅠ 이미 가르쳐주셨던건데 제가 모르는거 같기도 하네요
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
react_devtools_backend.js 뜸
작업하는데 밑에 react_devtools_backend.js:4082 이런게 뜨면서 console에 값이 두개씩 찍히는데 해결방법을 잘 모르겠어서요ㅜ
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
react 프론트에서 다 하면..
안녕하세요 🙋♂️백엔드는 스프링, 프론트는 react로 개발을 해야 되서 공부(삽질)중에 있습니다.백엔드까지 연동되는 강의는 잘 없어서 따로따로 공부하고 있어요.(질문이 허접해도 이해해 주세요)감정다이어리 예제를 따라하다보니 백엔드에서 서비스 되는 기능까지도 react에서 처리 가능해 보입니다. 감정다이어리 예제는controller 기능 --> react-router-domservice 기능 --> reducer 로 가능해 보입니다.그럼 실제 프로젝트에서는 백엔드에서는 db에서 데이터 넣고 빼고 하면서 json으로만 날려주면되나요?"백엔드는 프론트에서 사용할 API 들만 만들어주면 된다" 는 말이... 이런 건가요?@_@
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
객체 재생성에 대한 질문입니다.
안녕하세요 data와 함수들을 같이 전달했을 때 '객체'의 재 생성이 일어나는데, useMemo로 래핑 했음에도 왜 dispatches의 재 생성을 막을 수 없는건가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
return문
자바스크립트 함수 인강에서 return문 개념이 너무 헷갈려서요.function getArea(width*height){let area = width* height;return area;}let area1 = getArea(100,200); return을 쓰면 위와 같이 항상 새로운 변수를 지정해서 getArea함수를 호출해야하나요? 왜 return을 사용하는지 잘 모르겠어요..
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
CREATE 상태변화 로직 분리 시 newItem 생성을 reducer에서 하는 이유
안녕하세요~ 강의 듣던 중 궁금증이 생겨 질문 남깁니다useReducer로 CREATE 상태 로직을 분리할 때, 기존과 다르게 newItem을 reducer에서 생성하는 이유가 무엇인가요?아래처럼 기존과 동일한 방식으로 newItem을 onCreate 내에서 생성했을 경우에도 정상 동작하는 것 같은데 혹시 동작이나 성능면에서 차이점이 있나요?+) 계속 생각할수록 로직을 분리할 때 어디서부터 어디까지 분리해야할지 기준을 잘 모르겠어요,,ㅠ강의에서 CREATE로직 분리 시 newItem을 reducer에서 생성한 것 처럼, INIT로직 분리 시에도 initData를 reducer에서 생성 할 수 있을 것 같은데(아래 코드).. 분리하는 로직의 기준점? 같은걸 어떻게 잡아야할지 잘 모르겠습니다ㅜㅜ 혹시 어떤 기준으로 분리해야할지 규칙이나 팁같은게 있을까요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
onCreate에서 data상태 관련 질문입니다
안녕하세요 강사님!최적화3 - useCallback 강의 듣던 중 의문점이 생겨 질문 남깁니다.onCreate에 useCallback을 사용하고 의존성 배열을 빈 값으로 두면 mount시에 한번만 실행되기 때문에 data state가 초기값인 빈 배열인 상태이다 <= 까지는 이해하였습니다.그런데 함수형 업데이트를 이용해서 인자로 data를 전달하면 최신 data state를 반영할 수 있다는 부분이 잘 이해가 안갑니다.onCreate가 mount시에 생성되고 생성시의 data state가 계속 유지된다면 인자로 전달되는 data state또한 초기값인 빈 배열이 들어가게되어 결국 setData(([]) => [ newItem, [] ]) 처럼 동작해야 하는것이 아닌가요?어떻게 인자로 전달되는 data에는 최신 상태가 반영되는건가요??
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
areEqual 질문 입니다.
안녕하세요!const MemoizedCounterB = React.memo(CounterB, areEqual);위 코드에서 따로 areEqual에 따로 전달해준 값이 없는데 prevProps, nextProps는 어디서 어떻게 받아오는건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
출력문에 대해 문의드립니다.
안녕하세요?좋은 강의를 해주셔서 감사합니다 :)한가지 문의 드릴게 있는데11분 9초에 나왔던console.log("area1 : ", area1); 와console.log("area1 : " + area1); 의 차이가 혹시 있는지 궁금합니다. console에서 보면 색깔과 뛰어쓰기 크기? 차이가 있더라구요..
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의중 package.json 질문
안녕하세요 인강 열혈 청취자입니다. 문제없이 잘나가다가영상 4-4 Node.js 패키지 생성 및 외부 패키지 사용하기 편에서 5분20초 부분 package.json 설정에 "start" 삽입부분 입니다.start부분이 적용이 안되는것같습니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
비동기 실행
강의에서는 Callback Queue가 Call stack에 콜백함수를 넘겨줄때 Call Stack에 Main Context를 제외한 함수가 없으면 그때 콜백함수를 넘겨준다고 강의에서 말씀하셨는데, 그럼 Call Stack에 동기 코드가 실행중이면 콜백함수는 동기코드가 다 실행되고 없어질때까지 기다렸다가 실행이 되는 것인가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
핸들러 질문
여기서 handleRemove = (id)=> 이런식으로 id 를 넘겨주지 않아도 작동이 되는 이유가 뭔가요????
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
데모사이트 변경
데모사이트의 주소가 변경되었네요.https://emotion-diary-winterlood.web.apphttps://emotion-diary-winterlood.web.app
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
필터링 기능
안녕하세요. 수업 듣다가 제가 이해한 것이 맞는지 모르겠어서 질문드립니다!필터링 기능 작동하는 원리가옵션에서 최신순 또는 오래된 순 / 전부 다 , 좋은 감정만, 안좋은 감정만 중에서 바꾸면 ControlMenu 안에 있는 onChange가 작동해서 sortType이나 filter state를 바꾸고 state변동으로 다시 렌더링이 되면서 getProcessedDiaryList와 conpare 함수에서 필터링된 최종 filteredList에 map이 돌려져서 필터링이 되는 것 맞나요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
질문 드립니다.
안녕하세요.강의 정말 잘 듣고 있습니다. vue 를 공부하다가 포기했었는데 강사님 강의로 인해 리액트 자신감이 생기네요.다름이 아니라. 아래에서 onIncrease 또는 onDecrease 를 통해 상태 변경시 console.log('호출')이 되는 것을 확인했습니다.코드가 재구성? 되는걸로 생각이 들어서 호기심에 <h2> 태그 아래 <input> 태그를 넣고 브라우져에서 input 값을 임의적으로 수정 후에 다시 버튼을 통해서 상태를 변경했는데예상과 같이 console.log('호출')이 실행되면서 재구성되었는데 input 값은 변하지 않은것이 왜 그런지 너무 궁금합니다 ㅠ const Counter = (props) => { console.log(props.test); console.log('호출') const [count, setCount] = useState(0); const onIncrease = () => { setCount(count + 1); }; const onDecrease = () =>{ setCount(count - 1); }; return ( <div> <h2>{ count }</h2> <button onClick={onIncrease}>+</button> <button onClick={onDecrease}>-</button> </div> ) };
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
아이템 랜더
안녕하세요제 콘솔창에는 이렇게 2줄씩 아이템이 2배로 랜더가 되는데 왜 그런걸까요? 샌드박스에서는 제가 작성한 코드로 실행하면 정상 작동합니다.혹시나 해서 공유해주신 코드로도 실행했는데 이런식으로 뜹니다.