25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useMemo와 동일한것 같은데 차이점이 뭔가요??
https://ko.reactjs.org/docs/hooks-faq.html#how-to-memoize-calculations 위 공식문서에서 조금 아래로 내려가면 useMemo로 컴포넌트를 다시 렌더링하는 경우도 나옵니다. function Parent({ a, b }) { // 'a'가 변경된 경우에만 다시 렌더링 됩니다: const child1 = useMemo(() => <Child1 a={a} />, [a]); // 'b'가 변경된 경우에만 다시 렌더링 됩니다: const child2 = useMemo(() => <Child2 b={b} />, [b]); return ( <> {child1} {child2} </> ) } 이런식으로 나오는데 둘의 동작은 동일하다고 봐도 되나요? React.memo는 useMemo와 다르게 바로 컴포넌트로 쓰니까 코드량과 가독성이 좋다는 차이점 밖에 안보여서 질문드립니다~!
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
소스코드 링크 확인 부탁드려요.
안녕하세요. 공식도큐먼트를 봐도 생소하고 어려운 개념들을 실제 코드를 통해 쉽고 친절하게 전달해주셔서 초보자입장에서 감사히 잘 보고 있습니다. 해당 강좌의 소소코드링크가 보이지 않는데 확인부탁드리겠습니다. 감사합니다.
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
콘솔창 두 번 출력
안녕하세요! 강의 듣던 중 궁금한 점이 있어서 질문드립니다. 저번 시간부터 계속 콘솔창에 값이 두 번 출력이 되는데 찾아봐도 중복으로 나올만한 건 없어 보이는데요.. 이유를 모르겠습니다..
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
className 설정 질문
안녕하세요 🙋♂️25:15초에서 아래와 같이 className을 선언해도 될꺼 같은데 className을 배열로 선언하신 이유를 알고 싶습니다. <button className={`MyButton MyButton_${type}`} >
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
css 시작하면서 "오늘의 감정점수 : " 가 추가되었네요
기본적인 CSS를 추가하실 때 갑자기 <select> 옆에 "오늘의 감정점수 : " 가 추가되어서 제가 놓쳤나 싶었네요 ㅎㅎ.. 다른 분들도 헷갈리시지 않게 강의 밑 소스코드를 참고하시거나 아래 코드를 넣어주시면 편하게 하실듯합니다~ <div> <span>오늘의 감정점수 : </span> <select name="emotion" value={state.emotion} onChange={handleChangeState} > <option value={1}>1</option> <option value={2}>2</option> <option value={3}>3</option> <option value={4}>4</option> <option value={5}>5</option> </select> </div>
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
삭제한 아이템까지 id를 카운트 하는게 정상인가요?
만든걸로 이것저것 해보다가 알게되었는데요. 21번째 아이템을 삭제한 후 다시 아이템을 추가하면 22번째 아이템이라고 뜹니다. chapt 15 소스코드는 아예 콘솔에 출력이 안되서 chapt14 소스코드에서 해보니 제목과 같은 현상이 발생해서요. 21번째 아이템을 삭제한후 다시 아이템을 추가하면 21번째 아이템이어야 되는거 아닌가요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
화면에 콘솔이 두개씩 찍히는 상황
화면에 새로고침 할때마다 콘솔 찍은 부분들이 2개씩 항상 찍히던데.. 뭔 이유인지를 모르겠네요..
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 재생 오류
The media could not be loaded, either because the server or network failed or because the format is not supported. 이런 에러가 나오는데 어떻게 해야하나요? 앞부분 이미 들었는데 이러네요.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
17:53~
이미지코드를 왜 지우는 지 모르겠습니다
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
10분 즈음에 더미데이터 filter 안 되시는 분
diaryList[0].filter 이렇게 하시면 콘솔창에서 필터가 되어 있는 모습을 볼 수 있습니다. 한 30분동안 왜 필터가 안 되는지 forEach로 찍어봤는데 배열 하나 안에 객체가 여러개 있는거기 때문에 저렇게 해야하는거 같긴 한데, 또 강사님은 그냥 하셔도 출력이 되시네요. 무튼 저는 위의 방식으로 해결했습니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
섹션4까지 사용된 소스코드
섹션4까지 사용된 소스코드 를 받아보고 싶은데 어떻게 확인할수 있을까요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 1:02 부분에서
안녕하세요 강의 1:02 부분 화면에서 (index.js) 제 파일이랑 약간 다른데 이대로 사용해도 되나요 아니면 강의랑 똑같이 바꿔서 사용할까요? create-react-app 사용했습니다 import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> );
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
select안의 option을 여러개 만드려는 경우
안녕하세요 🙋♂️한 입 크기로 잘라먹는 리액트 강사 이정환 winterlood입니다!물론 질문은 수강생 여러분들 편하게 해 주시면 되지만!아래의 몇 가지 규칙만 지켜주시면 더 빠르고 정확한 답변을 드릴 수 있습니다!- 개인적인 고민 상담도 받아드립니다 :)- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님이 보여주시는거는 option이 5개 밖에없어서 일일히 다 칠 수 있지만 만약 option이 여러개일 경우에는 어떻게 해야하나요? createElelment()와 for문을 돌려야 할까요? 그리고 오픈채팅방 주소가 나와있지 않아서 링크를 알고싶습니다!
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 useEffect deps질문입니다.
안녕하세요. 10분28초쯤 일기 수정 중에 useEffect에서 isEdit과 originData를 배열에 넣어주는데요 isEdit과 originData는 바뀌지 않는 값인데 추가하는 이유가 있을까요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Localstorage에 정상적으로 저장되었지만 새로고침시 로딩되지 않습니다.
다른기능들은 모두 정상적으로 작동을하는데 새로고침시 Localstorage에 저장된 값을 불러오지 못합니다. 정상적으로 Localstorage에 저장되는것으로 보여지는데 id값의 문제인지 date의 문제인지 아님 리스트렌더링 문제인지 아무리보아도 어떤부분에서 문제가 발생하는지 찾지 못하겠어서 질문남깁니다. https://codesandbox.io/s/currying-bash-b45zku?file=/src/App.js 코드샌드박스 링크 첨부합니다. (Edit페이지의 emotion이 깨지는 문제는 VScode에서는 발생하지 않는문제입니다. 무시해주세요) 정말 좋은강의 만들어 주셔서 감사합니다.
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
오늘의 감정이나, 일기내용을 수정하고 작성완료해도 반영이 되지 않습니다.
일기 수정하기에서 감정이미지나 일기 내용이나 고치고 작업완료해도 홈화면에서 내용이 고쳐지지가 않는데, 어느 부분을 살펴보면 될까요..? 코드샌드박스 링크 첨부합니다! https://codesandbox.io/s/wizardly-bohr-w0guh8?file=/src/App.js
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
데이터 삭제 질문 (함수 props를 받았을 때 사용법)
onRemove라는 함수 props를 사용할 때 <button onClick={(id) => onRemove}></button> 이렇게 그냥 onClick 자체에 함수를 줘버리면 작동을 안 하고 const removeHandler = () => {onRemove(id)}; <button onClick={removeHandler}></button> 이렇게 한 번 함수에 담아야 작동을 하더라구요. 그래서 props로 받은 함수들은 바로 이벤트에 넣으면 안 되고 그 pros를 받은 컴포넌트 안에서 따로 함수에 담아서 사용하는건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
자바스크립트 오타 검사 질문
안녕하세요 vscode 설정 관련 질문입니다. 지금 막 vscode를 설치했는데 js파일에서 오타 검사가 안되는데 그 이유를 알 수 있을까요???
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
새 일기 작성시에도 리스트에 안 뜨는 문제
안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다. https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
fetch 질문
안녕하세요 3:45에 fetch then대신 try catch로 바꿔 봤는데 이렇게 사용하면 될까요? const getData = async () => { try { const response = await (await fetch(`https://jsonplaceholder.typicode.com/comments`)).json(); console.log(response); } catch (err) { console.log(err); } };