<질문1> Products.js에서 sequelize.define로 테이블 정의시 복수형태로 Products된다고 들었는데 models.Product.create도 Product 단수 형태로 테이블 이름에서 s를 빼주는건가요??? <질문2> result를 log찍어 봤을떄는 또 Product라고 나오고 위에는Products 테이블로 insert into 됐다고 나오는데테이블을 만들어주는건 models/products.js 에서하는건데 model.Product.create 이말은 사실 테이블 생성이아니라 데이터 삽입이라고 보면 될까요?   models.Product.create({     name,     description,     price,     seller,   })

import React, { useState } from 'react'; import { StatusBar, Dimensions } from 'react-native'; import styled, {ThemeProvider} from 'styled-components/native'; import {theme} from './theme'; import Input from './components/Input'; import Task from './components/Task'; const Container = styled.SafeAreaView` flex: 1; background-color: ${({theme}) => theme.background}; align-items: center; justify-content: flex-start; /* 타이틀이 상단에 나타나도록 justify-content의 값을 flex-start;로 지정해준다. */ `; const Title = styled.Text` font-size: 40px; font-weight: 600; color: ${({theme}) => theme.main}; width: 100%; align-items: flex-end; padding: 0 20px; `; /* styled components를 이용해서 Title이라는 이름에 새로운 컴포넌트를 만드는 작업이다. font-size와 font-weight 그리고 글자 color를 설정해주는데 글자 color는 theme.js에 정의해놓은 main을 가져와서 사용할것이다. 가로(width)는 전체를 차지하게하고, 글자를 왼쪽(align-items: flex-end;)에서부터 하도록한다. 화면의 끝에 바짝붙지않도록 padding을 주어서 약간 떨어지게 설정을한다. */ const List = styled.ScrollView` flex: 1; width: ${({ width }) => width -40}px; `; export default function App() { const width = Dimensions.get('window').width; const tempData = { 1: { id: '1', text: 'React Native', completed: false }, 2: { id: '2', text: 'Expo', completed: true }, 3: { id: '3', text: 'JavaScript', completed: false }, }; const [tasks, setTasks] = useState(tempData); const [newTask, setNewTask] = useState(''); const addTask = () => { const ID = Data.now().toString(); const newTaskObject ={ [ID] : {id: ID, text: newTask, completed: false }, }; setNewTask(''); setTasks({...tasks, ...newTaskObject}); }; return ( <ThemeProvider theme={theme}> <Container> <StatusBar style="light-content" backgroundColor={theme.background} /> <Title>TODO List</Title> <Input placeholder="+ Add a Task" value={newTask} onChangeText = {text => setNewTask(text)} onSubmitEditing={addTask} /> <List width = {width}> {Object.values(tasks) .reverse() .map(item => ( <Task key={item. id} text={item.text} /> ))} </List> </Container> </ThemeProvider> ); } 강의에 나오는것과 똑같이 했는데 +Add a Task에 글자입력하고 enter를 누르면 오류가 나오네요ㅠㅠ

그랩마켓이라는 이미지 불러오기가 안되네요... 어떻게 해야될까요???

강의 뒷부분에서 나온다고 댓글 확인했는데 아직 안나와서요.. height:100%는 어디다 적용되었는지 모르겠네요

제가 하는 방식은 잘못된 건가요? 2번의 답을 구하려해도 안나오더라구요..   let 농구공={ 이름:'~~~' 가격:'~~~~' 설명:'~~~'} 이런식으로 세개의 객체를 정한 뒤   let 상품들=["농구공","배드민턴채","탁구채"]로 배열을 묶는건 잘못된 방식인가요?!   아니라면 2번정답을 알 방법좀 알려주세요!!  

npm install react-native-nmap --force 네이버 지도 NPM 추가하고 강의에 있는 내용따라 설정 수정 후 안드로이드 실행 실패할 때 해결한 내용 공유입니다. ------------------------------------------------------------ FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:packageDebug'. > A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable > java.lang.OutOfMemoryError (no error message)------------------------------------------------------------ 다음과 같이 파일 수정해서 해결 했습니다. 01. android/build.gradle 파일 수정 allprojects -> repositories 항목에 다음 내용 추가 확인 maven { url 'https://naver.jfrog.io/artifactory/maven/' } 02. android/app/build.gradle 파일 수정 dependencies 항목에 다음 내용 추가 확인(최신 버전) implementation 'com.naver.maps:map-sdk:3.14.0' 03. android/gradle.properties 파일 수정 다음의 내용 추가하되 용량은 자신의 환경에 맞게 조정 org.gradle.jvmargs=-Xmx2048m 04. 터미널(콘솔)에서 android 디렉터리로 이동 cd __내_프로젝트_디렉터리__/android mac/linux이면 ./gradlew clean windows이면 gradlew.bat clean 05. 프로젝트 디렉터리로 이동 cd __내_프로젝트_디렉터리__ npm run android

getToken 출력시 key 값과 null 혹은 key 값과 token value가 출력되어야 하는데 undefined가 출력되네요.... 도움 부탁드립니다.

Send버튼을 눌러도 아무 응답이 없는 경우 우측상단 저의 경우 "No Environment"로 되어있는 부분을 클릭하셔서 자신이 작성한 목업서버 이름을 클릭하시고 다시 Send를 누르시면 작성하신 응답 받을 수 있습니다.

creat-react-app은 다 설치가 되었는데 npm start가 안됩니다ㅜ cmd에서도 터미널에서도 안되는데 어떻게 해야 좋을까요? react를 겨우 설치하고 나니 또 이런 문제가 생겨서 너무 마음이 속상합니다ㅡㅜㅜ

시뮬레이터를 키려고 react-native run-ios 를 실행하였을 떄 아래와 같은 오류가 나옵니다. 어떻게 해결해야 할까요"? 강의 그대로 따라했는데 어느 부분에서 오류가 나는 건지 해결하지 못했습니다. ㅠㅠ

안녕하세요 이제 갓 취업해서 RN으로 개발하고 있는 개발 새내기 입니다.RN으로 개발하던 도중에 알 수 없는 에러가 발생하여 조언을 구하고자 합니다. 안드로이드에서 터치와 관련된 이벤트를 실행하는 경우 아래와 같은 에러가 발생합니다.(ios에서는 문제 없음)   ReferenceError: Can’t find variable: _UIManager   스크린샷 2021-09-23 오후 3.49.51742×1312 81.8 KB   터미널에는 아래와 같이 힌트를 제공하고 있긴 한데 정확히 뭘 뜻하는지는 모르겠습니다. PRO TIPWhen you see Red Box with stack trace, you can click anystack frame to jump to the source file. The packager will launch youreditor of choice. It will first look at REACT_EDITOR environmentvariable, then at EDITOR.To set it up, you can add something likeexport REACT_EDITOR=atom to your ~/.bashrc or ~/.zshrc depending onwhich shell you use.   이전까지는 잘 되다가 오늘 설치한 react-native-scroll-menu 모듈이 문제인지 뭐가 문제인지 정확히 알 수가 없습니다…ㅜㅠ   모듈이 문제인거 같아서 모듈을 다 삭제하고 새로 설치했는데도 같은 에러가 발생하네요   UIManager를 정상적으로 호출해오지 못하는게 문제 같은데 의견을 여쭤봅니다… 살려주세요ㅜㅠ

post 형식의 body인데 어떻게 name부터  imgUrl까지 destructuring할 수 있나요??정보가 입력되기 전인데 왜 그런지 궁금합니다..그리고 create({name:name,description:description..})이게 무슨 뜻인지 모르겠어요 key가 name,value가 name이런거를 만들라는건데 잘 이해가 가지 않습니다..ㅜ app.post("/products", (req, res) => {   const body = req.body;   const { name, description, price, seller, imageUrl } = body;   models.Product.create({     name,     description,     price,     seller,     imageUrl,   })     .then((result) => {       console.log("상품 생성 결과 : ", result);       res.send({         result,       });     })

코드를 혼자 짜보려고 하는 중에 type error:cannot read property 'map' of undefined가 뜹니다. 서버쪽은 postman연동했을때 잘 뜨는데 논리 하자가 있는 것 같습니다..ㅠㅠ뭐가 문제일까요 main/index.js import "./index.css"; import axios from "axios"; import React from "react"; import { API_URL } from "../config/config.js"; function MainPage() {   const [products, setProducts] = React.useState([]);   React.useEffect(function () {     axios       .get(`${API_URL}/products`)       .then(function (result) {         console.log("RESULT값:", result);         const products = result.data.products;         setProducts(products);       })       .catch(function (error) {         console.log("error발생");       });   }, []);   return (     <div>       <div id="banner">         <img src="images/banners/banner1.png" />       </div>       <h1>판매되는 상품들</h1>       <div id="product-list">         {products.map(function (product, index) {           return (             <div className="product-card">               <div>                 <div className="product-contents">                   <span className="product-name">{product.name}</span>                   <span className="product-price">{product.price}원</span>                   <div classNmae="product-footer">                     <div className="product-seller">                       <img                         className="product-avatar"                         src="images/icons/avatar.png"                       />                       <span>{product.seller}</span>                     </div>                   </div>                 </div>               </div>             </div>           );         })}       </div>     </div>   ); } ####App.js export default MainPage; import "./App.css"; import MainPageComponent from "./main"; function App() {   return <MainPageComponent />; } export default App; ##server const express = require("express"); const cors = require("cors"); const app = express(); const port = 7070; const models = require("./models"); app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => {   models.Product.findAll({     attributes: ["id", "name", "price", "imageUrl", "seller", "createdAt"],   })     .then((result) => {       console.log("RESULT값 :", result);       res.send({         product: result,       });     })     .catch((error) => {       console.error("ERROR가 발생하였습니다: ", error);     }); }); app.listen(port, () => {   console.log("그랩 마켓의 서버가 돌아가고 있습니다.");   models.sequelize     .sync()     .then(() => {       console.log("✓ DB 연결 성공");     })     .catch(function (err) {       console.error(err);       console.log("✗ DB 연결 에러");       process.exit();     }); });

질문은 아니구요. 같은 문제로 고생하시는 분들이 많아 제 방법을 공유합니다 1) root 비밀번호 설정 2) 관리자 권한으로 설치 아래는 제가 찾은 링크이니 참고하세요 root 비밀번호 설정 https://heeestorys.tistory.com/877 관리자 권한으로 설치 https://online.codingapple.com/unit/react1-install-create-react-app-npx/

저번 강의까진 노드 모듈스 파일이 없었고 갑자기 생겨서 저도 다운받으려고 create-react-app .을 했는데 사진처럼 뜹니다. web이란 폴더 안에 market_web, marker_server 두개의 폴더가 있고 market_web에 깔려있다고 다른 파일인 marker_server에 깔 수 없는건가요?

product array에 설정한 값이 다 있는 걸 보면 서버가 정상적으로 돌아가는 것 같은데 위에 404에러가 뜨는 이유가 뭘까요.?

리액트에서 적용이 되던게 리액트 네이티브에서는 프리티어 적용이 안되서 혹시 리액트 네이티브는 리액트와 프리티어 적용방법이 다른가요? 이틀동안 검색해보고 적용이 안되서 여쭤봅니다 ㅠ,ㅠ 아래는 해당 코드입니다. // vscode/settings.json { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.tabSize": 2, "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "javascript.format.enable": false, "eslint.alwaysShowStatus": true, "files.autoSave": "onFocusChange" } //.eslintrc { "extends": ["react", "plugin:prettier/recommended"] } //.prettierrc { "tabWidth": 2, "endOfLine": "lf", "arrowParens": "avoid", "singleQuote": true } // package.json "devDependencies": { "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "prettier": "^2.3.2" } 이 문구 때문에 그런가요?

Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. PS D:\learn-all-with-javascript\grab-market-web> npm install -g create-react-app C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app -> C:\Users\motiongrapher\AppData\Roaming\npm\node_modules\create-react-app\index.js + create-react-app@4.0.3 added 67 packages from 25 contributors in 5.659s PS D:\learn-all-with-javascript\grab-market-web> create -react-app . 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create -react-app . + ~~~~~~     + CategoryInfo          : ObjectNotFound: (create:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을    로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app . 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app. 름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~     + CategoryInfo          : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   PS D:\learn-all-with-javascript\grab-market-web> create-react-app . create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을    로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> npm create-react-app. Usage: npm <command> where <command> is one of:     access, adduser, audit, bin, bugs, c, cache, ci, cit,     clean-install, clean-install-test, completion, config,     create, ddp, dedupe, deprecate, dist-tag, docs, doctor,     edit, explore, fund, get, help, help-search, hook, i, init,     install, install-ci-test, install-test, it, link, list, ln,     login, logout, ls, org, outdated, owner, pack, ping, prefix,     profile, prune, publish, rb, rebuild, repo, restart, root,     run, run-script, s, se, search, set, shrinkwrap, star,     uninstall, unpublish, unstar, up, update, v, version, view,     whoami npm <command> -h  quick help on <command> npm -l            display full usage info npm help <term>   search for help on <term> npm help npm      involved overview Specify configs in the ini-formatted file:     C:\Users\motiongrapher\.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.13 C:\Program Files\nodejs\node_modules\npm PS D:\learn-all-with-javascript\grab-market-web> create-react-app.     create-react-app. : 'create-react-app.' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이   름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~     + CategoryInfo          : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   PS D:\learn-all-with-javascript\grab-market-web>

main 컴포먼트에서는 잘나오는데 상품 세부 페이지 가명 아무것도 안뜨네요 포스트맨으로 http://localhost:8080/products/id 으로 값으로 똑같은 주소를 넣으면 response값은 잘 나오는데 react에서 만 이러네요

다른 질문 글에 달린 유투브 링크타고 가서 설정하라는데로 했는데 안돼서 이것저것 만지다가 cmd로 변경된거 같은데 계속 오류가 나는데 어떻게 해야하나요???