173만명의 커뮤니티!! 함께 토론해봐요.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
다른분이 질문하신건데 9:30초에 const productId = props . match . params . productId ; 여기서 props.match.params.productId 가 어디서 나온건지 잘 모르겠습니다 ㅠㅠ. App.js 에서 Auth로 감싸줘서 props가 있는건 알겠는데 match.params.productId가 어디서 나온건지 모르겠네요 ㅠㅠ App.js -> hoc/auth.js -> user_actions.js-> index.js-> routes/users.js 까지 가봤는데 잘 모르겠네요 ㅠㅠ
[리뉴얼] React로 NodeBird SNS 만들기
삭제된 글입니다
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
세팅 제이슨을 검색하면 그랩님 화면과 다르게 엄청나게 많은 코드가 뜨는데 제가 잘못 검색한건지, 그냥 이 밑에 그대로 코드를 추가하면 되는지 궁금합니다. 그리고 프리티어가 꼭 필요한지도 궁금합니다. 프리티어 없이 써왔어서 있고 없고의 차이가 현저할까요?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
간단한 궁금증입니다.. map()과 forEach()의 세세한 차이점은 검색을 해봤는데 map메소드가 보통 성능 면에서도 더 빠르고 기존의 데이터를 변형시키지 않고 새로운 배열을 반환하기 때문에 기존 데이터가 필요한 경우에도 쓸 수 있을 것 같다는 생각이 들었습니다. 강사님은 각각 어떤 경우에 map()과 forEach()를 사용하시는지 여쭤보고 싶습니다!
미해결
따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
그동안 강의보면서 에러나도 어찌저찌 잘 넘겼는데 ㅠㅠ 이번 에러는 조금 감이 안오네요 ㅠㅠ writer가 유효하지 않게 넘어가는 건지 ㅠㅠ 이유가 있을까요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
reducers 폴더의 index파일의 rootReducer함수에서 defalut: return state 들어가는이유 설명해주실때 액션타입해서 그 다음상태 만들어주는것을 처리해주는대 리듀서 초기화할때 또 rootReducer함수가 실행이되는대 그때defalut: return state이 부분이 없으면 리턴값이 undefined된다 이렇게 설명해주셨는대 리듀서가 왜 초기화되는지 이유가 궁금합니다!
미해결
[리뉴얼] React로 NodeBird SNS 만들기
AppLayout에서 store에서 IsLoggedIn 가져오는데서 에러가 발생합니다. const isLoggedIn = useSelector ( ( state ) => state . user . isLoggedIn ) ; 에러 코드 TypeError: Cannot read property 'user' of undefined const initialState = { user : { isLoggedIn : false , user : null , signUpdata : {}, loginData : {}, }, post : { mainPosts : [] , }, } ; const rootReducer = ( state = initialState , action ) => { switch ( action . type ) { case " LOG_IN " : return { ... state , user : { ... state . user , isLoggedIn : true , user : action . data , }, }; case " LOG_OUT " : return { ... state , user : { ... state . user , isLoggedIn : false , user : null , }, }; default: return ; } } ; 뭐가 문제일까여...힝ㅜㅜㅜㅜ
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이전 질문은 보니 관계형 데이터 베이스로도 강의를 제작할 계획이 있다고 하셨는데요 1. 존안님께서 실무에서 쓰는 DB는 MySQL 인가요?? 2. 그럼 ORM 종류는 무엇으로 하시나요? 시퀼라이즈, 프리즈마.. 등등 어떤것으로 사용하시나요?
미해결
리액트로 나만의 블로그 만들기(MERN Stack)
되게 여러번 따라 했는데, 새로고침 하고난 후 로그인이 유지가 되지 않습니다..ㅠㅠ authSaga 속의 함수들이 제대로 작동하지 않는것 같습니다.... authoSaga속 함수를 호출하는 시작이 어딘지 순서 또한 잘 파악되지 않습니다..ㅠ 계속 401에러가 뜹니다. ㅠㅠ
미해결
웹 게임을 만들며 배우는 React
element.style { } user agent stylesheet body { display : block ; margin : 8px ; } margin 8 8 border ‒ ‒ padding ‒ ‒ 1113 × 1247 ‒ ‒ ‒ ‒ 8 8 Console What's New Issues top Default levels Some messages have been moved to the Issues panel. View issues index.html:95 Live reload enabled. babel.min.js:1 You are using the in-browser Babel transformer. Be sure to precompile your scripts for production - https://babeljs.io/docs/setup/ react-dom.development.js:82 Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state. in LikeButton in div react-dom.development.js:19662 The above error occurred in the <LikeButton> component: in LikeButton in div Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries. react-dom.development.js:11237 Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. at checkForNestedUpdates ( react-dom.development.js:23228 ) at scheduleUpdateOnFiber ( react-dom.development.js:21299 ) at Object.enqueueSetState ( react-dom.development.js:12774 ) at LikeButton.Component.setState ( react.development.js:557 ) at LikeButton.render (<anonymous>:49:23) at finishClassComponent ( react-dom.development.js:17295 ) at updateClassComponent ( react-dom.development.js:17245 ) at beginWork ( react-dom.development.js:18755 ) at beginWork$1 ( react-dom.development.js:23314 ) at performUnitOfWork ( react-dom.development.js:22289 )
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
- Postman으로 email, PW를 보내며 '비밀번호가 틀렸습니다' 가 Response로 돌아오면서 아래 에러가 나옵니다... 비번은 분명 맞는데 이런 에러가 나옵니다ㅜ 혹시 이유를 알 있나요? - 좀 길지만 전체 코드 복붙했습니다. 감사합니다! CODE ERROR _http_outgoing.js:558 throw new ERR_HTTP_HEADERS_SENT('set'); ^ Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at ServerResponse.setHeader (_http_outgoing.js:558:11) at ServerResponse.header (/Users/user/VS Code/project_with_NodeJS/boiler-plate/node_modules/express/lib/response.js:771:10) at ServerResponse.send (/Users/user/VS Code/project_with_NodeJS/boiler-plate/node_modules/express/lib/response.js:170:12) at ServerResponse.json (/Users/user/VS Code/project_with_NodeJS/boiler-plate/node_modules/express/lib/response.js:267:15) at /Users/user/VS Code/project_with_NodeJS/boiler-plate/index.js:48:20 at /Users/user/VS Code/project_with_NodeJS/boiler-plate/models/user.js:62:9 at /Users/user/VS Code/project_with_NodeJS/boiler-plate/node_modules/bcrypt/bcrypt.js:210:13 at processTicksAndRejections (internal/process/task_queues.js:75:11) { code: 'ERR_HTTP_HEADERS_SENT' } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! boiler-late@1.0.0 start: `node index.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the boiler-late@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/user/.npm/_logs/2020-12-28T03_02_38_926Z-debug.log
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
보시다시피, 모든 소스 코드 다 제대로 설정한 거 같은데 안됩니다. 도대체 뭘 수정해야 할까요? 무료로 양질의 강의를 제공해주셔서 진심으로 감사드립니다.
해결됨
웹 게임을 만들며 배우는 React
안녕하세요. 강사님께서 알려주신대로 작성한 것 같은데 정답일 때 number(value)의 값이 초기화가 안되어 문의드립니다. 제가 수동으로 지워야만 지워집니다.. 테스트는 크롬으로 진행하였습니다. 따로 스크립트 오류는 안나는 것 같은데 제가 뭘 잘못하고 있는 걸까요? <html> <head> <meta charset="UTF-8" /> <title>구구단</title> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head> <body> <div id="root"></div> <script type="text/babel"> class GuGuDan extends React.Component { constructor(props) { super(props); this.state = { first: Math.ceil(Math.random() * 9), // 첫번째값 second: Math.ceil(Math.random() * 9), // 두번째값 value: '', // 입력값 result: '', // 결과값 } } // html 안에 script 를 따로 빼서 onSubmit() 메소드로 변경 onSubmit = (e) => { e.preventDefault(); if(parseInt(this.state.value) === this.state.first * this.state.second) { this.setState({ result: '정답', first: Math.ceil(Math.random() * 9), second: Math.ceil(Math.random() * 9), value: '', }); } else { this.setState({ result: '땡', value: '', }); } }; onChange = (e) => { this.setState({ value: e.target.value }); }; // 그리기 render() { return ( <div> <div>{this.state.first} * {this.state.second} = ?</div> <form onSubmit={this.onSubmit}> <input type="number" vaule={this.state.value} onChange={ this.onChange } /> <button>입력</button> </form> <div>{this.state.result}</div> </div> ); } } </script> <script type="text/babel"> ReactDOM.render(<GuGuDan />, document.querySelector('#root')); </script> </body> </html>
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
Travis yml 파일에 Dockerfile.dev를 빌드하고 그 이미지를 run 하고 있는데 어떻게 배포시에는 Dockerfile이 배포될 수 있는 건지 궁급합니다! 현재의 스크립트로는 Dockerfile.dev를 deploy했기 때문에 NGNIX 설정하고는 무관한 것이 아닌가요??
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요, 수업 정말 감사합니다~! 오타인것 같아서, 선생님 깃허브도 보고 비교하면서 했는데, 여전히 고쳐지지가 않아서, 질문드려요 ㅠ console로 찍었을때, user값이 이 값으로 나오는데, 들어노는게 문제인지 어느 부분이 잘못되었을까요? email값이 null이네요.. ㅠ { role: 0, _id: 5fcf43430591df2796372b6c } https://github.com/cocoball200/react-project 위에 제 깃허브에서 commit 메세지에 error부분들을 고쳤습니다! 항상 감사합니다~!
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요!! 강의를 구매하고 시작합니다. 그런데 궁금한 점이 있는데..... 구글에서 '노드버드'라고 검색하니깐, 검색이 되는 것을 확인했습니다. 그런데 네이버에서 '노드버드'를 검색을 해보니 아무것도 보이지 않네요?? 1. 네이버 검색엔진에 등록은 안하신 건가요? 2. 네이버에서는 검색엔진 최적화가 안되는 건가요? 3. 개인 포트폴리오를 만들고 싶은데요, 리액트로 블로그를 만들어서 검색엔진 최적화를 하고 싶은데요. 제가 게시물을 작성 한다면.... 그 각자의 게시물이 검색엔진에 의해서 검색이 될 수 있는거죠? p.s. 조현영 강사님~ 리액트로 검색엔진 최적화가 된다길래.. 뒤도 돌아보지 않고 질렀습니다. 강의 열심히 들어볼께요! 그리고 이걸 마스터 하면 다른 타입스크립트 강좌도 구매할 예정입니다^^
미해결
웹 게임을 만들며 배우는 React
options: { presets: ['@babel/env', '@babel/react'] } presets: ['@babel/preset-env' ...] 영상에서는 이렇게 나오는데요 "preset-" 얘들을 빼주시면 정상적으로 빌드 됩니다
미해결
빠르게 git - 핵심만 골라 배우는 Git/Github
강사님과 같이 진행하고있는데 git push -u origin main 저기서 엔터하면 로그인하라고 뜨고 로그인을 맞게해도 Logon failed, use ctrl+c to cancel basic credential prompt. 이라고 오류메세지가 뜨더라구요 ㅠ 어떻게 하면 되죠?
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
실행시키면 계속 이 에러만 나요ㅠㅠ 어떻게 해결할 수 있을까요..? 감사합니다! (node:14149) ExperimentalWarning: The fs.promises API is experimental > boiler-plate@1.0.0 start > node index.js Example app listening at http://localhost:5000 { MongoParseError: Invalid connection string at parseConnectionString (/Users/Mia/Documents/boiler-plate/node_modules/mongodb/lib/core/uri_parser.js:565:21) at connect (/Users/Mia/Documents/boiler-plate/node_modules/mongodb/lib/operations/connect.js:282:3) at cb (/Users/Mia/Documents/boiler-plate/node_modules/mongodb/lib/mongo_client.js:224:5) at maybePromise (/Users/Mia/Documents/boiler-plate/node_modules/mongodb/lib/utils.js:665:3) at MongoClient.connect (/Users/Mia/Documents/boiler-plate/node_modules/mongodb/lib/mongo_client.js:220:10) at Promise (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/connection.js:820:12) at new Promise (<anonymous>) at NativeConnection.Connection.openUri (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/connection.js:817:19) at _mongoose._promiseOrCallback.cb (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/index.js:345:10) at Promise (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/helpers/promiseOrCallback.js:31:5) at new Promise (<anonymous>) at promiseOrCallback (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/helpers/promiseOrCallback.js:30:10) at Mongoose._promiseOrCallback (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/index.js:1135:10) at Mongoose.connect (/Users/Mia/Documents/boiler-plate/node_modules/mongoose/lib/index.js:344:20) at Object.<anonymous> (/Users/Mia/Documents/boiler-plate/index.js:9:10) at Module._compile (internal/modules/cjs/loader.js:689:30) name: 'MongoParseError' }
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
리액트 네이티브와 네이티브 언어(스위프트, 코틀린)도 합쳐서 개발을 할 수 있는 걸까요?
