44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결만들면서 배우는 리액트 : 기초
if (favorite.length == 0) 이 때 =가 2개인가요 3개인가요?
안녕하세요 유림님 강의 들으면서 따라치고 있는데 = 표시가 2개인지 3개인지 모르겠습니다
- 미해결만들면서 배우는 리액트 : 기초
502에러로 고양이 사진이 안나와요..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결만들면서 배우는 리액트 : 기초
고양이 사진이 계속 안뜨네요ㅠㅠ
고양이 사진이 계속 안뜨네요ㅠㅠ 다른 openApi 나 그런게 있을까요? 사진이 엑박으로 계속떠서요ㅠ
- 해결됨만들면서 배우는 리액트 : 기초
node를 설치했는데도 찾을 수 없다고 오류가 나옵니다.
안녕하세요! 좋은 강의 너무 감사합니다. 덕분에 극후반까지 잘 따라와서 이제 create-react-app 강의까지 오게 되었습니다. 그런데, 선생님 따라 명령어를 입력해보는데, cat-jjal-maker 소스코드를 작성했던 터미널에서 명령어를 입력했는데도 아래와 같이 node 명령어를 찾을 수 없다는 오류가 나옵니다... 안내해주신 node 설치 페이지로 가서 설치도 완료했는데도 node -v 명령어도 오류가 날 뿐 아니라 npx 명령어도 작동하지 않습니다. 무슨 문제가 있는 걸까요..? 항상 감사합니다!
- 미해결만들면서 배우는 리액트 : 기초
502에러
말씀해주신 소스코드를 다운로드 받고 Live Server를 켰는데 502 에러가 납니다 어떻게 할까요?
- 미해결만들면서 배우는 리액트 : 기초
방금 강의를 시작했는데 고양이 사진이 안뜨네요ㅠㅠ
저도 밑에분 처럼 502 에러가 뜨네요ㅠㅠ 확인한번 부탁드릴게요ㅎㅎ
- 해결됨만들면서 배우는 리액트 : 기초
고양이 이미지들 로딩이 안 됩니다!
502 Bad Gateway 가 뜨면서 이미지 로딩이 안 됩니다~ 일단은 다른 이미지 쓰면서 강의 듣고 있는데 고양이들 이제 못 보는 걸까요? 😿
- 미해결만들면서 배우는 리액트 : 기초
502 Bad Gateway
고양이 사진들이 계속 출력이 안됩니다,,,이럴땐 어떻게 해결해야하나요?
- 미해결만들면서 배우는 리액트 : 기초
setCounter의 정체(?)
1. setCounter를 단순하게 counterState의 1번째 인자라고만 받아들이고 있다가, 궁금해서 console에 찍어보니 아래와 같은 문구가 출력되는데 혹시 이 문구들은 어떻게 받아들여야 할까요.................? 셋카운터 ƒ dispatchAction(fiber, queue, action) { { if (typeof arguments[3] === 'function') { error("State updates from the useState() and useReducer() Hooks don't support the " + 'second call… 2. 아래 질문에서 리액트의 리렌더링에 대한 설명을 보았습니다. 뷰와 리액트가 가상돔이 있고 없고의 차이라고 알고 있는데, 제가 아는 지식이 정확한지 궁금하고, 리렌더링 과정에서 뷰와 리액트의 차이를 유림샘 설명으로 정확하게 알고 싶습니다!
- 미해결만들면서 배우는 리액트 : 기초
npm install build 에러
npm install build 명령어 이후에 이렇게 에러가 나는데 해결방법을 모르겠습니다.
- 미해결만들면서 배우는 리액트 : 기초
jsonLocalStorage.getItem("favorites") || []
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. jsonLocalStorage.getItem("favorites") || [] 에서는 []가 없으면 초기값이 없어서 에러가 났었는데 jsonLocalStorage.getItem("counter") 도 에러가 날까? 해서 궁금해서 LocaStroage를 비우고 해봤더니 에러가 나지 않더라구요 이유가 궁금합니다.
- 미해결만들면서 배우는 리액트 : 기초
index.html을 App.js로 옮길 때
안녕하세요 index.html을 App.js로 옮길 때 index.html 의 <style> 안의 css 내용을 App.css 에 복붙하지 않으면 화면이 전체적으로 정렬이 안 되더라구요. 강의 중에 css 도 옮기라는 말씀 없으셔서 질문 드립니다. 감사합니다.
- 미해결만들면서 배우는 리액트 : 기초
react 책을 추천 해주신다면요...?
강의 잘 듣고 있습니다. 혹시 react 개발 관련 책을 추천 해주신다면 어떤 걸 추천 하실까요?
- 해결됨만들면서 배우는 리액트 : 기초
한글을 입력할때는 return안해주나요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결만들면서 배우는 리액트 : 기초
localStorage.setItem('counter', nextCounter)
안녕하세요 강사님 로컬 스토리지에 값이 스트링으로 저장되서 const [counter, setCounter] = React.useState(Number(localStorage.getItem('counter'))); 로 했는데 저장할때( localStorage.setItem('counter', nextCounter)) 이 때는 number처리를 안해줘도 되는건가요??
- 미해결만들면서 배우는 리액트 : 기초
이벤트 질문드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 스크립트는 이벤트 위임을 사용을 하는데 리엑트로 이벤트 위임은 어떻게 사용 하나요? <div><버튼><버튼><버튼></div> 이런식에 버튼이 있을 떄 다 다른 작업을 할 경우 이벤트 위임 처리가 좋다 들었는데 각각 변수 지정을 하지 않고 처리 방법을 질문 드립니다
- 미해결만들면서 배우는 리액트 : 기초
setCounter((prev) => {}) 에서 prev 는 어디에서 가져온 건가요??
prev 로 인자를 받는다고 했는데 prev(이전값)은 어디서 받아오는 건가요? 선생님 강의를 듣고 검색해보니 setState(prevState, prevProps) => 이전값, 이전 props값을 가져올 수 있는 게 맞을까요??
- 미해결만들면서 배우는 리액트 : 기초
테일윈드를 선호하지 않는 이유를 구체적으로 알 수있을까요?
궁금합니다!
- 미해결만들면서 배우는 리액트 : 기초
컴포넌트 분리
안녕하세요, 유림님! 올려주신 강의를 완강하고, 말씀해주신대로 컴포넌트를 각각의 js 파일로 쪼개서 import 하는 과정을 거치고 있습니다! cra 같은 경우는 react 를 스크립트로 들고오는게 아니라 모듈 방식으로 사용해야하기 때문에 import 해주는 과정을 거쳐야한다고 영상에서 말씀해주셨는데요! 조금 바보같은 질문일 수 있겠으나, react를 사용하는 것들은 개개의 컴포넌트마다 import React from "react" 를 작성해야하는지 궁금합니다! 저희 프로젝트에서는 React.useState를 Form과 App 컴포넌트에서 사용하기에, 컴포넌트를 개개로 분리한다면 import React from "react" 를 Form 컴포넌트에서 한 번, App 컴포넌트에서 한 번 총 두 번 React를 불러와야 실행이 되는걸로 알고있습니다! 해당 과정을 거치면서 react를 불러와서 사용해야하는 컴포넌트가 많아지면 각각의 컴포넌트마다 상단에 React 모듈을 불러오는 코드를 일일이 전부 작성해야하는건가? 하는 궁금증이 들어서요! 다수의 컴포넌트가 import 해서 사용해야 하는 모듈은 불러오는 코드를 딱 한번만 작성하여 사용할 수는 없나요? 좋은 강의 올려주셔서 너무너무 감사드리고, 언제나 건강 유의하시길 바랍니다:)
- 해결됨만들면서 배우는 리액트 : 기초
구조 분해 문법(Destructuring)질문
1:21 에서 말씀해주신 구조분해문법(Destructuring)에 질문이 있습니다. 알려주신 주소에 나와있는 자료를 보면 다음과 같습니다. 이 코드에서 var { language, position, area, hobby, age} = josh; 와 같은 코드가 있어야 디스트럭처링 문법이 실행하는 것을 개발자 도구를 통해 확인했습니다. 그런데 const MainCard의 변수로 넣은 {img}는 저희가 var {img} = props와 같이 선언한 적이 없는데 잘 작동하고 있습니다. 이것이 가능한 이유가 무엇인지 알고 싶습니다.