React & Express 를 이용한 웹 어플리케이션 개발하기대시보드

componentwillmount는 현재 지원 종료되어 아마 브라우저콘솔에서 경고메시지가 뜨는데,componentDidMount로 바꿔 작성하면 해결되는데 그렇게 해도 무방한가요?

react, react-dom 설정도 따라하고 js,html 코드도 그대로 따라했는데 버전 문제인지 따로 설정을 안 한것이 있는지 아무것도 뜨질 않아요. 코드펜도 익숙하지 않고 어디가 잘못된건지 이슈도 뜨지 않아서 무엇이 잘못인지 모르겠는데 해결방법 아시는분 계신가요..

아래 화면에 선생님처럼 Codelab이 안뜹니다. 수업진행이 안되네요

쌤 리액트로 앱 만들수 있는건가요?

stage-0은 6.5.0 버전으로 맞춰 설치하였고, 위 오류와 컴파일 실패가 발생합니다. Immutability Helper 로 진행한다고 하셨으니 이 플러그인을 삭제 후 해당 과정은 생략하는게 좋을까요?            

확장기능에서  이거 까시면 됩니다~

우선 babel관련 친구들 babel-loader빼고 다 삭제하시고  npm install -D @babel/core @babel/preset-env @babel/preset-react webpack.config.js var webpack = require('webpack') module.exports = { mode: 'development', entry: './src/index.js', output: { path: __dirname + '/public/', filename: 'bundle.js' }, devServer: { hot: true, // inline: true, host: '0.0.0.0', port: 4000, static: __dirname + '/public/', }, module: { rules: [ { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, options: { cacheDirectory: true, presets: ['@babel/preset-env', '@babel/preset-react'] } }, ] }, plugins: [ new webpack.HotModuleReplacementPlugin() ] }

props는 컴포넌트 내부의 변하지 않는 데이터를 처리할 때 사용한다 하셨는데, 그러면 props값은 한번 설정하면 변경할 수 없는 거라고 이해하면 되나요?

저의 프로젝트 화면 입니다. 여기서 김이라고 검색을 하고나서 김만두를 클릭을 하면 김만두에 대한 정보가 나오는게 아니라 관리자에 대한 정보가 나옵니다.  필터가 되면 데이터를 초기화 시키고 필터된 것만 데이터를 배열에 넣어서 다시 출력 하는 건가요?  일단 제가 테스트 했을 땐 키 값이 4에서 검색을 했을 때 0이 나온걸 보면 맞는거 같긴한데... 아!! 여기서 i가만 초기화가 되는구나... 이 값을 제가 바꾼다 따로 key라는 값을 만들어서 하면!! 되겠다!!! 감사합니다 이해 했습니다.

에러 납니다...

화면에 나오는 코드로 하면 propTypes가 먹히지 않아서 앞에 React를 뺐더니 잘 되었습니다.. (왜 되는 건지는 지금도 모릅니다.) ```jsx Codelab.propTypes = {   name: PropTypes.string,   number: PropTypes.number.isRequired } ``` 최신버전 셋팅이었습니다. (React, React-DOM: 17.0.1 / prop-types: 15.7.2)

링크에 걸어주신 메모앱 텍스트 강의 지금도 만들 수 있나요? 댓글보면 조금 오래되서 안되는 거 같기도 해서용...

초보라서 잘몰라서 그런가봐요.코드펜에 들어가서 자바스크립트 js 클릭하고 바벨로 설정하고 퀵에드로 리엑트랑 돔 넣으려고 하는데 없어요ㅜㅜ어떻게 하죠?

.jshintrc 파일에 esversion6는 추가한 상태인데요, <h1>hello</h1>에서 계속 빨간줄이 뜹니다. 추가로 설정해야할것이 있나요?

새로운 버전으로 수강하시라고 하셨는데 강의 길이 차이가 상당한데 새로 나온것만 수강하면 될까요?

\ App.js 파일에서 오류가 납니다... 버전이 최근거라 그런지... 바뀐게 많아서 따라가기가 어렵네요..ㅠ.ㅠ

기존에 react app 웹서버 포트가 3000이었다면 express도 동일한 포트에 열어서 사용하는건지, 따로 포트를 열어줘야 하는건지 헷갈립니다ㅠㅠ

어떤 부분이 잘못된건 가요??

여러개의 smart 컴포넌트를 만들어서 connect 할 수 있는건가요?샘플에서는 Counter에만 connect되어 있는데, 여러개의 smart 컴포넌트를 만든 후 connect 할 수 있는지 궁금하고 그럴 경우의 reducer의 구현 방법이 궁금합니다. ㅎㅎㅎ

수정한 내용만 update 되는게 아니라 전체 페이지가 리로드 되네요...해결하신 분 계실까요?