16,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
componentDidCatch() 부분에서 크로쓰 오리진 에러가 뜹니다.
componentDidCatch() 부분에서 저는 크로쓰 오리진 에러가 뜨네요... A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information. 뭐가 문제인지 알 수 있을까요? (코드 https://codesandbox.io/s/5klql536vk)
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
[ts] 'phoneForm' is declared but its value is never read.
섹션 7번의 동영상을 그대로 따라 했는데.. App.js 에서 phoneForm.js 의 내용을 읽어오지 못하고 있습니다. App.js 파일 상단의import phoneForm from './components/phoneForm' 줄에 커서를 올려 놓으면[ts] 'phoneForm' is declared but its value is never read.라는 메시지가 나옵니다. 어찌 해결하면 좋을런지요?
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
input 필드에서 value={this.state.name}는 왜 사용하는건가요?
input필드에 end유저가 입력한 값이 value가 자연히 될텐데,왜 굳이 component의 state를 다시 input필드의 value가 되도록value={this.state.name}를 하는건지 궁금합니다
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
Prettier를 설치했는데..
관련 세팅 방법들을 찾아보아도 확실하게된 정보가 없네요. Basic Config를 적용해서 저장될때 자동으로 스타일이 적용이 되는것은 확인을 했는데 파일 자체가 JS파일로 인식되어서(React파일이아닌)코드가 다 깨져버리더군요.전에 뭔가를 설치하면 VS Code자체에서 파일을 React로 아이콘이 바뀌고.. 그 이후에 Prettier를 적용하면 자동으로 스타일이 지정될것같은데 그게 무엇이였는지 잘 모르겠네요.지금 벨로퍼트님이 사용하시는것처럼 아이콘들을 적용해줄수있을까요?
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
componentDidCatch에 관련된 질문입니다.
componentDidCatch 를 사용할때getBoundingClientRect 을 호출하게 되면..this를 찾을 수 없어서 그런지..오류를 내면서 componentDidCatch 도 호출이 안됩니다.이런 경우는 어떻게 처리를 해야하는건가요? componentDidMount() { console.log(this.myDiv.getBoundingClientRect().height); } componentDidCatch(error, info) { console.log(error); //에러내용 console.log(info); //에러발생지 this.setState({ error: true });
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
npx를 사용하는 이유를 알고 싶어요.
강의 잘보고 있습니다.그냥 create-react-app 하는거랑 npx create-react-app 하는게 어떤 차이가 있는지 알고 싶어요.
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
가상 DOm diff질문드립니다 :ㅇ
리액트에서 state가 변할 때만 다시 rendering되는 걸로 알고 있는데그렇다면 결국 state를 통해서 실제돔과 가상돔의 변화 diff를 인지해서 reRender를 하는 건가요??
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
DOM 에 접근 할때 질문 드립니다.
일반 자바스크립트에서 사용되는 document.getElementById('#name") 으로 리액트에서 사용하면 어떤 문제가 생기나요. 리액트 코드에서 DOM에 document.getElementById('#name") 이렇게 접근도 되던데요. 궁금합니다.
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
생명주기 관련해서 질문드립니다. ^^
아무래도 리액트 생명주기는 이론적인 개념이 많다보니, 실제 업무에서는 어떻게 사용되는지 궁금합니다.예를 들어 리액트 네이티브에서 Firebase 안에 있는 데이터를 가져온다고 했을 때 componentDidMount() 안에 관련 코드를 입력하게 됩니다. 먼저 컴포넌트를 다 만든 후에 Firebase의 데이터를 가져오는 것으로 알고 있는데...이처럼 각각의 생명주기가 실무에서 구체적으로 어떤 경우에 사용되는지 질문 드립니다. ^^
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
감사합니다 정주행했어요!
안녕하세요.강의 감사합니다.vscode theme어떤거쓰시나요?너무예뻐서요
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
map사용시 info관련 질문입니다.
const list = data.map( 1.info => (<PhoneInfo 2.info={3.info} key={info.id} />) )여기서 1번 info가 data안에있는 info라는것을 PhoneInfo컴포넌트에 전달해준다고 하셨는데 1번info는 props로 가져온 data 값 중 PhoneInfo에 있는 비구조화 할당을 통해 추출된 값인가요?1번info는 data에서 가져온 값 중 추출된 값, 2번info는 PhoneInfo에 있는 변환될 대상, 3번Info는 1번info 정도로 이해하면 되는건가요? 이부분이 볼때마다 어려운것 같습니다ㅠㅠ
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
IDE를 Visual Studio 2017 로 사용은 못하나요?
안녕하세요. 강의 잘 보고 있습니다.제가 Visual Studio 2017을 주로 쓰는데여기서 React를 사용하려면 타입 스크립트 파일을 만들어줘야 하더라구요.그리고 JavaScript 리액트 문법하고는 조금 다르게 사용하던데,Visual Studio 2017 에서는 사용을 지양해야 하나요??
- 해결됨누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
안녕하세요 강의자료를 받을 수 있을까요?
안녕하세요 수강생입니다. 개인적인 학습 스타일로 인해 강의자료가 있으면 더 좋을 것 같습니다.혹시 강의자료를 받을 수 있을까요?감사합니다.
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
map을 사용할때 질문입니다.
const list = data.map( info => (<PhoneInfo info={info} key={info.id}/>));여기서 PhoneInfo 컴포넌트를 매핑할때 괄호()를 생략해도 무관할까요?그렇지 않다면 사용하는 용도가 궁금합니다!
- 미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
React로 네이버 API 사용하기
안녕하세요. 네이버 API를 사용하려고 하는데요. 아무리 찾아봐도 관련 예제가 없네요. 일단 제가 시도해본바로는 "Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource." 이런 메세지가... 크로스 도메인 문제가 먼저 걸리는데 해결 방법이 있을까요? 참고로 create-react-app 으로 생성한 프로젝트고, localhost:3000으로 실행되고 있습니다. package.json에 "proxy": "https://openapi.naver.com/" 이렇게 추가도 해봤는데 똑같네요...axios와 fetch를 사용해봤는데 안되네요ㅠㅠ