무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결생활코딩 - React
original data 를 변경하지 않는 목적에 대해서
original data 를 변경하지 않게끔 filter 나 map, concat을 사용하는 특정한 목적이 어떤것 일까요?
- 미해결생활코딩 - React
리액트 없이도 html 에서 include 쓰면...?
리액트 없이도 html 에서 include 쓰면 1,2,3 이 똑같이 충족되지 않는지요?
- 미해결생활코딩 - React
현재는 comunity에 tools라는 항목이 없네요
사라진듯함
- 미해결생활코딩 - React
5:42 - 1.7메가바이트
1.7메가바이트인데 1.7키로 바이트라고 언급하시네요.
- 미해결생활코딩 - React
class type으로 소스 변경시 에러가 생깁니다.
npm run start해서 빌드할때에 class type으로 소스코드 변경시 TypeError: Class constructor App cannot be invoked without 'new' 라는 에러가 출력됩니다.
- 미해결생활코딩 - React
chrome extension 오류입니다.
This page doesn’t appear to be using React. If this seems wrong, follow the troubleshooting instructions. 라는 오류가 나서 access to url file 을 active 상태로 바꿨는데도 되지 않습니다.......
- 미해결생활코딩 - React
3:55에 "/content/" 는 왜 적으시는건가요??
??
- 미해결생활코딩 - React
npm run start 엔터치면 오류가나요
npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\YJ\AppData\Roaming\npm-cache\_logs\2020-06-23T07_27_24_128Z-debug.log 이라는 오류가 나타나면서 폴더안에 3개의 파일밖에 없어요 node_modules 폴더 package.json package-lock.json 이렇게 세개의 파일만 있는데 제가 설치를 잘 못한건가여? 해결방법좀 알려주세요 ㅠ
- 미해결생활코딩 - React
컴포넌트 두 번씩 호출
App.js와 각 하위 컴포넌트에 콘솔로그를 찍어보니 두 번씩 호출되는 현상이 발생하는데 이유를 모르겠습니다..
- 미해결생활코딩 - React
컴포넌트 2번 호출되는 문제
console로그를 확인해보니 각 컴포넌트들이 두번 씩 호출되는데 왜 그런지 알 수 있을까요? import React, { Component } from 'react'; import TOC from './components/TOC'; import Content from './components/Content'; import Subject from './components/Subject'; import './App.css'; class App extends Component{ constructor(props){ super(props); this.state = ({ mode : 'welcome', subject : { title : "WEB", sub : "World wide web!"}, welcome : { title : "Welcome", desc : "Hello, React!!"}, contents : [ {id : 1, title : "HTML", desc : "HTML is for information"}, {id : 2, title : "CSS", desc : "CSS is for design"}, {id : 3, title : "JavaScript", desc : "JavaScript is for interactive"} ] }); } render() { console.log('App.js render'); var _title, _desc = null; if(this.state.mode === 'welcome'){ _title = this.state.welcome.title; _desc = this.state.welcome.desc; } else if(this.state.mode === 'read'){ _title = this.state.contents[0].title; _desc = this.state.contents[0].desc; } return ( <div className="App"> <Subject title={this.state.subject.title} sub={this.state.subject.sub}></Subject> <TOC data={this.state.contents}></TOC> <Content title={_title} desc={_desc}></Content> </div> ); } } export default App;
- 미해결생활코딩 - React
console.log의 뜻
정확히 모르겠는데 간략히 설명해주실수있나용 ㅠㅠ
- 미해결생활코딩 - React
sub와 title의 이름의 기능
<Subject title(1)={this.state.subject.title(2)} sub(1)={this.state.subject.sub(2)}>에서 각각 (1)과 (2)부분이 (1)은 props로 지정한 이름이고 (2)는 state에서 지정한 이름이라 서로 연결성이 없는지 궁금합니다
- 미해결생활코딩 - React
컴포넌트 코드
앱 자바스크립트 파일에서 컴포넌트를 생성하는 코드인데 영상 코드처럼 앱이 컴포넌트를 상속받는 형태가 아니라 function 형태로 만들어져 있었어요 일단은 코드를 영상대로 수정했는데 이게 자바스크립트 최신 스펙이 아니여서 그런 건지 function 형태로 그냥 사용해도 좋은 지 차이점이 뭔지 궁금해요 class App extends Component -> function App() 1. 최신 스펙이 아니여서 그런지 2. function 형태로 사용해도 되는지 3. 상속 형태와 펑션 형태의 차이점
- 미해결생활코딩 - React
npm run start로 실행이 안되는경우 참고하세요.
npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ERR! \AppData\Roaming\npm-cache\_logs\2019-12-15T13_41_08_343Z-debug.log ============================================== npm i -g create-react-app@2.1.8 대신 npm i -g create-react-app 로 설치하시면 src 폴더가 생기고 이후 강의대로 진행하면 확인할 수 있습니다. (2019-12-15 기준 3.3.0 버전이네요)
- 미해결생활코딩 - React
Failed to compile.
개발환경은 꼭 파일을 생성할때마다 구축해야 하는건가요 ? 다운로드 할게 많은것같아서요 .... 고잉님 예제 따라하던중 무언갈 빼먹고 인스톨을 안했는지 이런 에러가 발생하네요... 음.. 컴포넌트 제작 쯤부터 이렇게 되었어요. App.js를 컴포넌트화 시킬때부터 였던거같습니다.
- 미해결생활코딩 - React
vscode 개발소스 옆에 크롬을 띄우고 싶습니다
동영상 강의를 보는데 egoing님처럼 개발소스 옆에 크롬을 띄우고 싶습니다. extensions에서 찾아보려고 하는데 어떤걸 설치해야하는지 모르겠네요... 어떻게 띄우는지 알수 있을까요??
- 미해결생활코딩 - React
npm run start 엔터 쳤더니 오류가 떠요
npm run start 엔터 쳤더니 ___________________________________________ npm ERR! path C:\Users\limsj\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\limsj\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\limsj\AppData\Roaming\npm-cache\_logs\2019-10-27T04_40_45_287Z-debug.log ___________________________________________ 이런 오류가 뜨는데 뭐가 잘못된 건가요 ㅠㅠ
- 미해결생활코딩 - React
npm run start 시 브라우저 오류..??
npm run start 명령어를 입력하면 브라우저로 실행은 되지만 아무것도 나오지 않습니다.
- 미해결생활코딩 - React
max_content_id
를 state 밖으로 뺐는데 왜 빼는건지 잘 모르겠어요. 애초에 state에 있는것도 다 max_content_id처럼 변수로 선언하면 안되나요??
- 미해결생활코딩 - React
샘플 웹앱 컴파일 실패
npm start 명령어 입력 시 'BrowserslistError: Unknown browser query `android all`. Maybe you are using old Browserslist or made typo in query.'라는 오류 메시지와 함께 컴파일에 실패합니다. npm: v6.9.0 create-react-app: v2.1.8 node: v10.16.0 os: windows10