55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 리액트 A-Z
fetchNowPlaying은 메소드인가요?
변수 선언이 안되있는거 같아 질문드립니다 어느서 나온건지 모르겠네요 ㅠresult 도 변수가 아닌거 같은데 궁금합니다
- 미해결따라하며 배우는 리액트 A-Z
리액트 불변성과 splice 메서드 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 강의 잘 듣고 있습니다! 투두앱 만들기 강의 중 리액트 불변성 관련해서 궁금한 내용이 있어 질문드립니다.리액트가 가상돔을 생성하여 비교하는 방식으로 렌더링을 최소화하는 방식으로 동작하기 때문에 불변성을 지켜주는 게 필요하다고 이해했는데, 강의 내용 중 드래그 앤 드롭 기능을 구현하면서 기존 배열 자체를 바꾸는(가변적인) splice 메서드를 사용해도 문제없이 동작하는 것에 대해 어떠한 상황에서 가변적인 메서드를 사용해도 좋은 것인지 질문드립니다. 또 불변성을 지켜보려고 const newTodoData = todoData; 부분을const newTodoData = todoData.map((todo) => todo);로 바꿔보았는데 이 경우 todoData가 바뀌어서 이후 최적화한 내용이 소용없어지더라구요. 불변성을 지키면서 최적화할 수 있는 방법도 궁금합니다.
- 해결됨따라하며 배우는 리액트 A-Z
드래그 엔 드롭 관련 질문입니다
안녕하세요 선생님 강의 너무 잘보고있습니다드래그앤 드롭부분이 처음 쓰는거다 보니 상당히 생소한데요 드래그 앤 드롭 사용방법 같은건 리액트 문법처럼 암기를 해야 하는 것인가요아니면 나중에 다시 쓸때 구글링 하며 쓰는 것인가요?궁금합니다
- 미해결따라하며 배우는 리액트 A-Z
todoData 의 completed
안녕하세요. todolist만들면서 궁금한 점이 있어 여쭙니다.예시로 공부하기, 청소하기 title을 만들었는데 생각해보니 공부하기는 completed값이 true이고청소하기는 false더라구요 둘의차이가 ui적으로도 없고 기능적으로도 없는데 왜 둘은 다르게 설정을 한건가요?
- 미해결따라하며 배우는 리액트 A-Z
axios와 관련돼서 질문드립니다!
안녕하세요, 강의를 들으면서 궁금증이 생겨 질문드립니다.아래 사진에서 보면 axios.js에서 만든 내용은 instance이고 export도 instance인데 어떻게 axios로 불러와서 사용이 가능한가요?axios.js에서는 instance생성에 axios를 from "axios"에서 가져오지만banner에서 axios를 작성할때 경로를 보면, 분명 그냥 axios가 아니라 저희가 만든 api/axios.js에서 불러오는건데 어떻게 가능한지, 그리고 왜 저렇게 불러오는지 궁금합니다. axios.js파일 Banner.js파일에서 axios사용
- 미해결따라하며 배우는 리액트 A-Z
Array 불변성에 대해 질문합니다
앞선 강의의 Lists.js 파일에서 handleEnd 함수를 만들때,리액트 불변성을 지켜주기 위해const newTodoDate = todoData;라는 코드를 사용해서 todoData를 newTodoData에 담아준 후 newTodoDate.splice를 사용하는 것으로 이해했는데, 본 강의에서는const array = [1,2,3,4]const sameArray = array;위와 같이 sameArray에 array를 담아 준 후sameArray.push(5); 코드를 실행하니array에도 5가 담기면서 불변성이 지켜지지 않은 것으로 보이는데요 둘은 어떤 차이가 있나요?제가 무엇을 잘못 이해하고 있는지 궁금합니다
- 미해결따라하며 배우는 리액트 A-Z
useMemo hook 질문
강의 내용 중 useMemo 부분의 실습이 없어서 질문드립니다. Component.js로 컴포넌트를 작성하고App.js에서 컴포넌트를 호출해봤는데요. App.js..<div>{<Component a={1} b={5} />}</div> ... Component.js...useMemo(() => compute(a,b),[a,b]); ...이렇게 작성했을 때 useMemo가 제대로 작동하고 있는지 확인하고 싶은데요. useEffect는 console.log로 확인이 됐는데 useMemo는 어떻게 확인을 할 수 있을까요?(useEffect랑 useMemo는 방식이 달라서 useEffect에 로그를 찍어봤자 useMemo를 확인할 수 없었어요...)
- 미해결따라하며 배우는 리액트 A-Z
Css 자동완성 관련해서 질문드립니다
ClassName 안에 css 자동완성은 어떤걸 설정하면 되는 건가요??
- 미해결따라하며 배우는 리액트 A-Z
Form.js 컴포넌트 분리 과정에서 왜 같은 함수인 handleChange는 App.js에서 잘라내어 Form.js에 붙여넣어줬는데 handleSubmit는 그러지 않고 props로 넘겨주나요?
Form.js 컴포넌트 분리 과정에서 왜 같은 함수인 handleChange는 App.js에서 잘라내어 Form.js에 붙여 넣어줬는데 handleSubmit는 그러지 않고 props로 넘겨주나요?
- 미해결따라하며 배우는 리액트 A-Z
s3 비용
s3에 빌드가 잘 되었는데... 이 상태만으로도 비용이 청구되는 것인지 궁금합니다.
- 미해결따라하며 배우는 리액트 A-Z
랜더링이 되는 이유에 대해서 궁금합니다.
안녕하세요. 드래그앤드랍에 대한 실습중 궁금증이 생겨 질문드립니다. const handleDragEnd = (result) => { console.log("result", result); if (!result.destination) { return; } const newTodoData = [...todoData]; const [reorderedData] = newTodoData.splice(result.source.index, 1); newTodoData.splice(result.destination.index,0,reorderedData); //TODO 이건 왜 렌더링을 할까 ..? // 드래그앤드랍으로 인해서 랜더링을 해서일까 todoData = newTodoData; //setTodoData(newTodoData); }위의 코드에서 setTodoData를 사용하지 않고 todoData에 직접 값을 재할당하였습니다.랜더링이 되지 않을것을 기대하고 테스트해보았는데 저렇게 해도 랜더링이 되어버리더라구요.혹시 제가 잘못 이해하고 있는것이 있나 궁금합니다.
- 미해결따라하며 배우는 리액트 A-Z
npx (패키지)생성과 새로운 폴더에 대해서..
강의가 거의 끝날 무렵에 즈음하여...계속해서 궁금했던 점이 있는데요. 강의를 듣다보면 주제에 따라 계속 폴더를 새로 생성하는데 그때마다 npx create-react-app ./ 을 해서 라이브러리를 설치하잖아요. 그런데 항상 같은 명령어는 아닌데..예를 들어, 1) npx create-react-app 패키지가 있고, nextJS 강의 땐2) npx create-next-app@latest --typescriptRedux Toolkit 강의 땐3) npx create-react-app ./ --template redux-typescript 였는데요. [질문1] 실무에서는 프로젝트 처음 프로젝트 생성 후에 계속 바꿔줄 것 같진 않은데 만약 프로젝트 폴더가 npx create-react-app으로만 설치 되었다면, typescript를 사용하기 위해선 폴더를 삭제했다가 다시 npx create-next-app@latest --typescript로 생성해야 할까요? [질문2] 그리고 2)과 3)의 차이는 리덕스를 사용하지 않는 typescript와 리덕스를 사용하는 typescript의 차이인가요? 강의 들으면서 npm(모듈 설치)도 더러 나왔지만 npx도 몇 번 나왔던 것 같은데 다시 찾아보니 3개밖에 안보이네요^^; [질문3] @latest의 의미와 중간중간 보이는 --save, --template 이런 의미들이 궁금합니다.
- 미해결따라하며 배우는 리액트 A-Z
Next js
안녕하세요.강사님.강의 잘듣고있습니다. 감사합니다. Next js 는 react의 SSR을 도와주는 프레임워크라고 하셨는데실무에서는 보통 Next js로 많이 사용하실까요?처음 접하는 내용이어서 react공부할때 Next js도 같이 공부해줘야하는지궁금합니다. 감사합니다.
- 미해결따라하며 배우는 리액트 A-Z
모달창 밖에 스크롤 이벤트는 어떻게 끌 수 있을까요?
안녕하세요.모달창 을 띄우고 스크롤을 하면 모달창밖에 화면이 스크롤이 되는데 이부분도useRef를 이용해서 막을 수 있을까요??
- 미해결따라하며 배우는 리액트 A-Z
배포
깃헙에서 배포를 하는데 aws에 다시 배포를 하는 이유가 있는건가요? 바로 aws로 배포는 안되는건가요?? 해깔려서요 ㅠ
- 미해결따라하며 배우는 리액트 A-Z
깃헙페이지 모듈로 배포시 오류질문.
이러한 오류가 발생했습니다. origin도 잘 설정되어있는거 같은데 저런 오류가 발생하네요..
- 미해결따라하며 배우는 리액트 A-Z
useDebounce hooks 관련 질문드립니다
useDebounce함수 내에 있는 useEffect구문을useEffect(() => {}, []); 이 형태로 바꿔주고 해봤습니다.웹상에서 searchTerm을 입력할때마다 SearchPage가 리랜더링되고, 그 searchPage(index.js)에서 useDebounce를 사용하고 있고, 따라서 useDebounce에 있는 useEffect도 그때마다 재실행될 줄 알았습니다. 근데 아무리 searchTerm을 변경해줘도 useDebounce에 있는 useEffect는 한번만 실행됐습니다. 왜그런건가요? 제가 useEffect에 대해 잘못이해하고 있는거 같습니다만..
- 미해결따라하며 배우는 리액트 A-Z
multi search api 궁금한점
해당 api는 search term과 일치하는 tv shows와 movies 전부 불러오는 건가요?
- 미해결따라하며 배우는 리액트 A-Z
Movie state
setMovie(movieDetails); 다음에 Movie를 콘솔로 찍었는데 안 나오더라구요 그래서 await setMovie(movieDetails); 로 바꿨는데도 movieDetails의 값이 담긴 movie가 안 나오는데 왜 그런지 알 수 있을가여 ㅠ?
- 미해결따라하며 배우는 리액트 A-Z
파일명이 궁금해요.
지금까지는 Nav.js, Banner.js, Footer.js, App.js 이런식으로 파일을 생성했고, 파일내용도 export default function Nav() {} 이렇게 작성했었잖아요?그런데 Dom이 나오면서 pages/폴더 밑에 있는 파일들을 전부 index.js로 만들고 export default function SearchPage() { } 이렇게 작성했는데.... 1) 파일명을 function명과 다르게 작성한 이유가 있을까요? (아니면 파일명과 function명을 같게 해도 되나요?)2) (위의 답변 중 파일명과 function명을 같게 할 수 없을 경우) 이렇게 되면 실무에서는 파일마다 폴더를 작성해야 하는건가요?