postman에서 우측 상단의 no environment를 클릭해도다른 항목이 나오지 않습니다. 

headerTitle은 위쪽tabBarLabelStyle 은 아래쪽 fontSize 조정가능하십니다.

(property) component: ScreenComponentType<ParamListBase, "Home">React component to render for this screen.Type '({ navigation }: HomeScreenProps) => Element' is not assignable to type 'ScreenComponentType<ParamListBase, "Home"> | undefined'. Type '({ navigation }: HomeScreenProps) => Element' is not assignable to type 'FunctionComponent<{}>'. Types of parameters '__0' and 'props' are incompatible. Type '{}' is missing the following properties from type 'HomeScreenProps': navigation, routets(2322)types.d.ts(327, 5): The expected type comes from property 'component' which is declared here on type 'IntrinsicAttributes & RouteConfig<ParamListBase, "Home", StackNavigationState<ParamListBase>, NativeStackNavigationOptions, NativeStackNavigationEventMap>'git에 있는 코드를 복사해 붙여넣기 하였는데 이러한 에러가 나옵니다... 혹시 어떻게 하면 될까요?

혹시 mp4 형태의 비디오 파일은 어떻게 접근할 수 있을까요?? filePath 는 출력이 되는데, {uri: filePath} 형태로 지정해도 파일을 읽지 못합니다...비디오 재생용 라이브러리는 react-native-video 사용하고 있습니다.  

웹 프론트엔드 같은 경우는, 서버에 별도 배포과정을 거쳐 API 호출 방식과 유사하게 처리할 수 있는것 같던데, 앱애서는 이러한 배포방식을 사용할 수 없어, 어떻게 처리해야 하는지 감을 잡지 못하겠어 여쭤봅니다..감사합니다.

1.<pre>TypeError: Cannot read properties of undefined (reading &#39;create&#39;)const express = require("express"); const cors = require("cors"); const { application } = require("express"); const app = express(); const port = 8080; const models = require("./models"); app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { const query = req.query; console.log("QUERY:", query); res.send({ products: [ { id: 1, name: "농구공", price: 100000, seller: "조던", imgUrl: "images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imgUrl: "images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imgUrl: "images/products/keyboard1.jpg", }, ], }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; models.Product.create({ name, description, price, seller, }) .then((result) => { console.log("상품 생성 결과 : ", result); res.send({ result, }); }) .catch((error) => { console.error(error); res.send("상품 업로드에 문제가 생겼습니다."); }); }); app.get("/products/:id/events/:eventId", (req, res) => { const params = req.params; const { id } = params; res.send(); }); app.listen(port, () => { console.log("그랩의 쇼핑몰 서버가 돌아가고 있습니다."); models.sequelize .sync() .then(() => { console.log("DB 연결 성공"); }) .catch((err) => { console.error(err); console.log("DB 연결 에러 ㅠ "); process.exit(); }); }); 그 전까진 다 실행 잘되고 테이블도 잘 만들어졌는데 postman 에 send 를 누르면 이렇게 나옵니다body 안에는 잘 들어가는데 create 에서 문제가 생긴거 같습니다. ㅠㅠ

이러한 에러가 발생합니다.. 계속 리로드 해봐도 같은 증상이 나옵니다..

react-native cli를 처음 사용해보고 있습니다. 구글맵같은 경우는 구글맵 플러그인? 라이브러리? 가 있어 편하게 사용했는데요 카카오지도를 사용해야하는데 카카오지도는 웹뷰방식말고 리액트네이티브 로직 안에서 불러오는 방법이 있을까요??

우선 웹라이브러리 파트의 Link태그 적용 강의에서   후반부에 useParams 를 사용하게 되는데,   이부분부터 무언가 오류가 발생하네요..   1. 메인화면 들어갔을때 오류화면     2. 상품클릭했을때 콘솔로그     상품을 클릭했을때 변경된 주소까지는잘 적용 되고,   useParams 를 사용하기 전까지는 정상 작동 했는데,   product 폴더의 index.js 에 useParams 만 넣으면 위처럼 오류가 발생합니다   이전에 소스에서는 문제가 안생겼군요 ㅠㅠ   import { useParams } from "react-router-dom"; function ProductPage() { const { id } = useParams(); return <h1>상품 상세 페이지 {id} 상품</h1>; } export default ProductPage;     오타가 있나 싶어서 소스자료 복붙해도 마찮가지여서 문의로 남깁니다...   react-router-dom 설치 할때 버전을 확인 못하고   그냥 설치했다가 나중에 확인해서 5.2 버전으로 다시 설치했는데,       package.json 에는 5.2버전으로 정상적으로 보여지긴 하는데   오류내용이 버전이 충돌이 나서 그런건가 싶기도 하고.. 해결 방법이 있을까요? ㅠㅠ  

빌드 할때 에러로 진행이 어렵네요 ㅠ 도와주세요

강의를 보며 그대로 따라했는데    const query = req.query;   console.log("QUERY : ", query);   를 추가했을때 터미널에 node server.js를 하면 에러가 납니다ㅜㅜ

2022년 7월 3일자 네이버 맵 최신버전 설치 시 3.15.0 버전이 설치 되는데 빌드가 자꾸 안되서 Podfile에   pod 'NMapsMap','3.10.1' 추가해서 구버전으로 재설치하고 빌드하니까 되네요.. 인텔맥쓰고 있으니까 안되시는 분 있으면 과거버전으로 설치해서 진행해보세요.

질문있습니다.   소켓프로그래밍이라 하면 어떤것을 제작하는 것을 의미하나요 어렴풋이 서버 프로그래밍을 얘기하는 것 같은데....   그리고 서버 어플리케이션을 만드는 것으 이야기하는지 서버의 운영체제를 만드는 것을 이야기하는지 잘 모르겠습니다.   도움말씀 부탁드려요..

간단하게 실험해보니 손쉽게 열렸습니다.  const goByTMap = useCallback(async () => { const destinationURL = 'tmap://route?goalname=분당서울대병원&goalx=127.122930&goaly=37.351987' if (await Linking.canOpenURL(destinationURL)) await Linking.openURL(destinationURL) }, [])   네이티브 소스를 수정해서 브릿징하는 연습을 해본 것은 너무 좋았습니다. 이런 교육적 의도 말고도 url scheme을 Linking으로 여는 것에 어떤 맹점이 있나요? 가령 url scheme이 변경될 소지가 있더던지? 보안이나 다른 문제가 있을까요? 

버전이 달라서 그런지 인터페이스도 다르고 메뉴도 다른 것 같아요 AVD Manager도 보이지 않고요 ㅠ  어떻게 해야 할지 모르겠습니다 

  <질문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번정답을 알 방법좀 알려주세요!!