무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
MVC의 문제점을 REDUX가 어떻게 해결해주는지 초보자는 이해하기 어렵습니다.
안녕하세요 강의 잘 보고 있습니다. Front-end의 MVC에 문제상황이 있다는 건 알 수 있지만 그 문제를 경험해보지 않은 사람들은 강의만 보고 문제를 이해할 수가 없어요 ㅠㅠ 페북의 예는 "문제가 생길 순 있겠다~"정도로 이해가 가지만 정확히 어떤 문제가 있는지가 궁금해지더라구요. 아마도 양방향 바인딩이 이슈인 것 같은데요, 그 부분에 대한 설명이 있다면 이해가 쉬워질 것 같습니다. 만약 이것이 맞다면 이것을 REDUX가 어떻게 해결하는지도 포인트를 다른데 두어야 하는 것 아닌가 해요 양방향 바인딩이 단방향으로 된 부분이 포인트가 아닌가요? 여러개의 모델과 여러개의 뷰 끼리 변화를 주던 것을 한곳에서 통제할 수 있게 되었다는 것도 포인트인 것 같은데요. 확신이 서질 않아서 글 남깁니다.
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
App.js syntax 에러
좋은 강의에 감사드립니다. 이번에 처음 Atom을 사용하고 있습니다. App.js 코드 내용에서 "" 가 들어가면 에러로 표시 되고 있습니다. index.js 에서 ReactDom.render(,rootElement); 부분도 이 들어가기 때문에 마찬가지로 에러 표시가 나며 서버 구동시 App 을 불러오지 못하는것 같습니다. 이전에 .jshintrc 추가 부분은 잘 수행하였습니다. 해결 방법이 있을까요..? ㅠ class App extends React.Component { render() { return ( dfdf ); } } jshint error 내용입니다. ->21:Unclosed regular expression(E015) ->21:Unrecoverable syntax error (50% Scanned)(E041)
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
질문이요..ㅠㅠ
render() { const mapToComponents = (data) => { data.sort();//오름차순 자동 data = data.filter( (contact) => { return contact.name.toLowerCase().indexOf(this.state.keyword) > -1; } ); return data.map((contact, i) => { return ( {this.handleClick(i);} } />); }); }; return ( Contacts {mapToComponents(this.state.contactData)} ); } 여기서, ContactInfo 컴포넌트를 호출하며 onClick Props를 넘기는데, 이때는 Arrow Function이 아닌 바인딩된 this.handleClick을 넘겨버리면 왜 작동이 안되는건가요? 그냥 안되게 만들어놓은거라 이해하는게아니라 받아들여야하는건가요..? input, div 태그들에는 onClick 핸들러에 바인딩해놓은 이벤트를 넘기면 바로되는것까지는 알겠습니다. 단순히 리액트를 만들때 Component의 프롭스로는 그 이벤트를 넘길수 없다! 이렇게 만들어놓은..건가요? 너무헷갈리네요..ㅠㅠ
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
질문있습니다..
return data.map((contact, i) => { return (this.handleClick(i)}/>); }); 주석 부분 아래에 원래는 this.handleClick(i) 라고 작성하셨다가 여기는 arrow function 사용해야한다고 하셨는데.. 강의 부분에서 전에 말씀해주셨다고 하셨는데 도저히 기억이 안나네요 ㅠㅠ
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
실행하게 되면 에러가나는데요
실행을 하게 되면 TypeError: Cannot read property 'toLowerCase' of undefined 에러가 나는데 왜 나는지 모르겠네요.
- 해결됨React & Express 를 이용한 웹 어플리케이션 개발하기
onClick이벤트를 섹션2의 state예제처럼 handleClick으로 빼고 실행했을 경우?
강좌 잘 보고 있습니다. 책이 너무 어려워서 이 곳 강좌를 먼저 듣고 있는데요. 잘 안되서 문의 드립니다. 질문 그대로 onClick을 섹션2에서의 state의 예제처럼 handleClick으로 빼보니 안되네요? 음, 쓰지말라고 했던 this.forceUpdate()를 하니 적용이 되구요. 하도 안되어서 혹시나해서 forceUpdate를 했습니다. import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = { name : 'bruce' }; this.handleClick = this.handleClick.bind(this); } handleClick() { // this.state = ({ // name : ' wayne' // }); this.state = ({ name : ' wayne' }); this.forceUpdate(); } render() { return ( ClickMe Hello World!! {this.state.name} ) } } export default App;
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
React Router v4 버전 릴리즈 소식은 어떻게 알게 되셨나요?
안녕하세요, Velopert 님 React 강좌를 유익하고 재미있게 잘 공부하고 있습니다. 저도 다른 개발자들의 블로그를 구독하고, 개발자 커뮤니티의 뉴스레터와 RSS, ATOM 피드를 받아보긴 하는데, React Router v4 릴리즈 같은 소식들은 어떻게 빨리도 아시고 소개 동영상까지 준비를 하셨는지 궁금합니다.
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
현 상태에서는 소문자로만 검색이 되는데..
대소문자 구분 없이 하려면 어떻게 해야할까요?
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
Component LifeCycle API 편 1:50 쯤에 나오는 도표가 잘못된 부분이 있는거 같습니다.
shouldComponentUpdate 가 true 리턴이 될때 화살표가 componentWillUpdate 로 되어 있어야 할거 같은데 render로 가 있네요. (즉 componentWillUpdate -> render -> compoentDidUpdate 로 화살표가 되어있어야 할듯한데...) 분명 강의의 예제 실행결과와는 다른데 도표가 틀린거 맞는지요?
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
webpack.config.js 파일 내용을 못찾아서 한참해멨네요
링크가 없어서 조금 해멨네요 http://slides.com/minjunkim-1/deck#/13/6 여기에 있습니다. 재밌게 보고있어요 ^^
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
react-hot-loader 적용시 에러가 생깁니다.
ERROR in ./src/index.js Module build failed: Error: React Hot Loader: The Webpack loader is now exported separately. If you use Babel, we recommend that you remove "react-hot-loader" from the "loaders" section of your Webpack configuration altogether, and instead add "react-hot-loader/babel" to the "plugins" section of your .babelrc file. If you prefer not to use Babel, replace "react-hot-loader" or "react-hot" with "react-hot-loader/webpack" in the "loaders" section of your Webpack configuration. at Object.warnAboutIncorrectUsage (/Users/heoyunjee/Desktop/react_fundamentals/node_modules/react-hot-loader/lib/index.js:7:11) @ multi main 서버 실행하면 이런 에러가 뜨는데, 이유와 해결방법을 알려주세요..!
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
ContactDetails.js에서 return 부분에다가 버튼넣지 말궁..
details에 넣으면 데이터가 있으면 데이터가 있는곳에서만 remove버튼이 나오눈뎅;;ㅋ 어차피 조건문은 걸어줘야 하긴 하죵..ㅋㅋ
- 해결됨React & Express 를 이용한 웹 어플리케이션 개발하기
native가 무슨 의미인가요?
(사진)
- 미해결React & Express 를 이용한 웹 어플리케이션 개발하기
React vs. react.js: 명칭에 대해서
전에는 각종 JS 라이브러리/프레임워크의 이름이 ".js"로 끝나는 게 많았는데요. 그런데 요즘은 이름 끝에 ".js"를 잘 안 붙이는 것 같습니다. Angular도 1.x에서는 AngularJS라고 불리다가 2부터는 AngularJS 2가 아니라 그냥 Angular라고 부르지 않습니까? React도 공식사이트에서는 그냥 React라고 표기를 하는 것 같습니다. 이게 원래 react.js였는데 React로 바뀐 것인가요? 아니면 원래부터 React인데, 그냥 react.js라고 불러온 것인가요?