React & Express 를 이용한 웹 어플리케이션 개발하기
React & Express 를 이용한 웹 어플리케이션 개발하기
수강정보
(79개의 수강평)
11749명의 수강생
스킬태그 #Front-End, #React
무료
지식공유자 : velopert(김 민준)
38회 수업 · 총 6시간 수업
기간 : 평생 무제한 시청
수료증 : 미발급 강의
수강 난이도 : 초급
지식공유자의 다른 강의 연관 로드맵
OQ the YOUNG 프로필

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

0
조민영 프로필

리뉴얼 강좌관련 질문드립니다. 조민영 6달 전
새로운 버전으로 수강하시라고 하셨는데 강의 길이 차이가 상당한데 새로 나온것만 수강하면 될까요?

0
Minho Kim (MH수학) 프로필

App.js에서 오류가 나네요.. Minho Kim (MH수학) 8달 전
\ App.js 파일에서 오류가 납니다... 버전이 최근거라 그런지... 바뀐게 많아서 따라가기가 어렵네요..ㅠ.ㅠ

0
배지원 프로필

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

0
추민재 프로필

Atom으로 예제를 따라하고 있는데 브라우저에 아무것도 나오질 않습니다. 추민재 2019.05.29
어떤 부분이 잘못된건 가요??

0
DAEHO LEE 프로필

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

0
chul kim 프로필

React-hot-loader 가 제대로 동작하지 않아요.. chul kim 2018.07.05
수정한 내용만 update 되는게 아니라 전체 페이지가 리로드 되네요...해결하신 분 계실까요?

1
chul kim 프로필

요새 이 강의를 보시는 분께..webpack.config.js에 관해서 chul kim 2018.07.21
저는 이 강의대로 진행하고 npm run dev-server 명령어를 치면 에러가 발생했었습니다. 이런 경우에는 npm install webpack-cli --save 를 해주시고webpack.config.js 에서 module 안에 loaders 를 rules 로 변경해주시면 정상적으로 실행이 가능합니다.도움이 되셨으면 좋겠습니다.감사합니다.

6
^ㅁ^ 프로필

두가지의 차이점..? ^ㅁ^ 2018.06.18
아래 이성용님이 알려주신것처럼npm install -g create-react-appcreate-react-app hello-reactcd hello-reactyarn start이렇게 리액트 공홈에서 알려주는 방법으로 실행을 하는것과벨로퍼트님이 알려주시는것의 차이가 뭔가요?그리고 닷홈같은 서버호스팅업체에 연결해서 홈페이지 만드는데에는 두가지 방법으로 만들어도 다 연결가능한건가요?

0
최다은 프로필

this.state.keyword 최다은 2018.05.03
... indexOf(this.state.keyword) > -1; input창에 입력을 했을 때 console.log(e.target.value) console.log(this.state.keyword)를 비교해보니 this.state.keyword값이 e.target.value 값 보다 한발짝 늦게 update,되더라구요. 제가 a를 쳤을 때 e.target.value는 a이지만 this.state.keyword는 공백으로 나오는데 이때 어떻게 data.filter( 함수) 에서 indexOf(this.state.keyword) > -1; 이 제대로 동작을 하는 건지 궁금합니다.

0
K 프로필

Uncaught TypeError: Cannot read property 'func' of undefined 에러ㅜㅜ K 2018.06.12
강의 재밌게 잘 보고있습니다!다름이 아니라 에러가 하나 안잡히는 것이 있는데요.'Contact 데이터 추가기능 구현 | 컴포넌트 응용' 수업 부분에Uncaught TypeError: Cannot read property 'func' of undefined이 에러rk 저는 도저히 안잡히는데요...npm install --save prop-typesimport PropTypes from 'prop-types'; (ContactCreate.js)이 두단계를 모두 진행했는데 여전히 같은 에러가 뜹니다... 구글링을 계속 해봐도 같은 답변 뿐이어서 답이 없네요 ㅠㅠ

2
qweer das 프로필

빈 화면만 뜨고 콘솔에 404 Not Found 에러… qweer das 2018.04.22
안녕하세요!! 강의 잘 따라가다가 갑자기 막히네요ㅠㅠ (섹션 3. React 프로젝트 만들기) 정말 모든 코드를 똑같이 따라하고 webpack4에서 dev-server 돌릴 때 안된다는 것들 고친 것만 빼면 똑같은데,(loaders->rules, babel->babel-loader.. 등...) 계속 빈 화면만 뜨고 콘솔에 GET이 Not Found로 인해 실패했다는 오류만 뜨네요... 밑에는 Refused to execute script from ' http://localhost:4000/bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. 이러한 오류가 뜨는데 아무릭 구글링을 하고 다 고쳐봐도 해결책이 나오지 않아 질문 올립니다... 도대체 이것에 대한 해결책은 무엇인가요?????

0
Kyowon Im 프로필

감사합니다. Kyowon Im 2018.04.19
목소리도 강의 듣기 딱 좋네요.

0
김종현 프로필

webpack@4 부터 cli가 분리되어 따로 설치하라고 하는 관련 김종현 2018.03.16
말 그대로 webpack@4부터 webpack-cli 를 따로 설치하라고 뜹니다.문제는 npm install webpack-cli를 통해 따로 설치하여도 여전히 webpack에서 cli를 찾지 못하는 문제가 발생하더군요.도저히 빡쳐서 webpack@3으로 버젼을 낮추어서 설치를 했는데, 이렇게 하니까 또 babel이랑 안 맞다고 메시지가 ㅋㅋㅋㅋㅋㅋ걍 zip 받아서 따라해버리긴 했는데, webpack@4용 cli 문제를 좀 보충해 주시면 안될까 싶어요... ㅠㅠ

1
Coding bear 프로필

PropTypes는 이제 react 에서 모듈이 따로 분리되어 있네요. Coding bear 2018.04.20
강좌를 따라하다 보니 React.PropTypes 에서 에러가 있어 React Docs을 보니 React v15.5부터 따로 prop-type 라이브러리로 분리되어 있군요. 코드팬에서 하려면 따로 스크립트파일을 불러 와야 겠네요. <script src="https://unpkg.com/prop-types@15.6/prop-types.js"></script> 노드에서 작성시에는 npm i -S prop-types 로 인스톨 시키고 import PropTypes from 'prop-types'; // ES6 var PropTypes = require('prop-types'); // ES5 with npm 로 불러와 App.propTypes = { value: PropTypes.string, secondValue: PropTypes.number, thirdValue: PropTypes.any.isRequired }; 식으로 사용해야 되네요. 참조: https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes https://www.npmjs.com/package/prop-types

2
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스