안녕하세요. 혼자 개인 프로젝트를 하면서 강의를 듣고 있는데 궁금한 점이 생겨서 질문 남깁니다!  현재 projectA 안에 프론트, 백 폴더를 제로초님처럼 만들어놓고 프론트는 react+typescript / 백은 nestjs+typescript 로 전부 설치해놓은 상태입니다.다만, 이렇게 할 경우 proxy 설정을 프론트에서 해줘야 된다고 하여 아래 처럼 설정을 해당 강의 듣기전에 구글링하여 만들어놨었습니다. 미들웨어 설치 npm i http-proxy-middlewareprojectA > pront > src > setupProxy.tsconst { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( createProxyMiddleware("/api", { target: "http://localhost:3095", changeOrigin: true, }) ); }; package.json// 위에 생략... "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "proxy": "http://localhost:3095/", // 아래 생략... 여기서 궁금한 점이.. proxy를 설정할 때 미들웨어를 설치하여 setupProxy.js 파일을 만들어서 사용하라는 글들을 많이 봐서 그대로 따라하고 파일명만 ts로 변경했었습니다. 이렇게 하니 api를 불러오는 url 부분에 localhost:3095~~~ 이 부분을 전부 다 입력해야 에러가 나지 않았고 생략해서 사용하려면 package.json에 proxy 경로를 추가하는 방법밖에는 없는걸까요??(미들웨어 설치 + setupProxy.ts 파일로만 proxy 설정을 해보고 싶었는데 이 경우에는 api url 불러오는 부분에 locallhost~~~... 를 쓸 수 밖에 없는지가 궁금합니다.) 다만.. package.json에 proxy 경로를 넣어놓고 setupProxy.ts 파일의 코드를 지워도 제대로 돌아가더라구요.. setupProxy.ts 파일을 잘 못 만든걸까요? 이때 돌아가는 이유가 package.json의 proxy 경로로만 인식을 한 것 같습니다..https://www.npmjs.com/package/http-proxy-middleware 마지막으로 위 proxy 설정 파일을 해주면 cors 오류가 발생하지 않는 것 같은데 둘중 하나만 설정을 해주는 것이 맞을까요? 둘다 해줘야 하는건지.. 프론트에서 proxy만 하거나 백에서 cors를 설치하는 방향 둘중에 뭐가 더 나은 방향인지도 궁금합니다!원래는 아래 cors 설치하고 아래 코드까지 작성 해놨었습니다.main.ts(back 폴더안)import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; import cors = require('cors'); async function bootstrap() { const app = await NestFactory.create(AppModule); app.use(cors()); await app.listen(process.env.PORT); console.log(`listening on port ${process.env.PORT}`); } bootstrap();

강의 잘 따라하고 있습니다. (저는 맥프로 M1 사용중입니다.)작성한 코드를 에뮬레이터에 실행시키는데요. 아이폰 에뮬레이터는 잘 돌아갑니다. 그런데 안드로이드 에뮬레이터는 에러가 뜹니다. 에러 화면을 캡쳐했습니다.자세히 보니 강사님은 'Pixel_XL_API_32' 를 쓰는 것 같아서 저도 디바이스 매니저에서 추가했습니다. 그걸로 Run 해봤는데, 아래와 같은 에러메시지가 뜨네요. ㅜㅠ 

안녕하세요 선생님 늘 좋은 강의 감사드립니다.@Database(entities = arrayOf(ToDoEntity::class), version = 1) abstract class AppDatabase : RoomDatabase() { abstract fun getDao(): ToDoDao companion object { val databaseName = "database" var database: AppDatabase? = null fun getInstance(context: Context) { if (database == null) { database = Room.databaseBuilder(context, AppDatabase::class.java, databaseName).build() } } } }여기서 ToDoEntity::class는 왜 뒤에 .java가 안 붙고 AppDatabase::class.java는 왜 .java가 붙어야 하나요? 그리고 ::class를 안 쓰고 ToDoEntity만 쓰면 왜 안 되는 건가요???? 답변 감사합니다.

안녕하세요 선생님 강의를 듣다 의문이 생겼습니다.1. setOnLongClickListener를 MainActivity에서 사용하거나 OnItemLongClickListener 구현을 ToDoRecyclerViewAdapter에서 하면 안 되나요? 굳이 분리해야 하는 이유가 무엇인가요?MainActivity와 ToDoRecyclerViewAdapter 둘 중에서 어디에 기능을 구현할지 정하는 기준이 무엇인가요?감사합니다.

캘린더 스케줄 프로젝트 강의를 수강중입니다.몇가지 여쭤보고 싶은 게 있어서 질문 드립니다. schedule_bottom_sheet.dart 내에서 renderTextField() 함수에서 시간입력인 경우 키보드 타입을 TextInputType.number로 주셨는데, 제가 실제 기기(iPhone11 Pro Max)에서 이 부분이 실행될 때 항상 다음과 같은 로그가 뜹니다. Can't find keyplane that supports type 4 for keyboard iPhone-PortraitTruffle-NumberPad; using 27315_PortraitTruffle_iPhone-Simple-Pad_Default구글링 해보니 시뮬레이터 사용할 때 대응방법만 있고, 실제 기기 사용할 때 해결방법은 찾을 수가 없었습니다. 실제 기기 사용할 때 해결방법을 알려주시겠습니까? drift_database.dart 내에서 특정 날짜 조건에 맞는 스케줄만 Stream으로 가져오기 부분에서 인자로 받은 date변수는 toLocal()이 필요 없는 것이지요? (실험을 해보니 toLocal() 하고 안 하고 차이는 없는 것 같았습니다.) home_screen.dart 내에서 ScheduleList 클래스의 build함수에서, print(snapshot.data)를 찍어보니, 특정 날짜를 선택할 때 항상 2번 빌드가 되면서 2번 snapshot.data가 print되었습니다. 가령 오늘 8월 19일에 스케줄 없고, 8월 20일에 스케줄이 2개라면, 8월 19일이 선택된 현재 상태에서 8월 20일을 선택하면 ==> 먼저 빈 리스트(8월 19일)가 하나 출력되고, 그 후에 다시 스케줄 2개 담긴 리스트가 출력되었습니다. 8월 20일이 선택된 현재 상태에서 다시 8월 19일을 선택하면 ==> 먼저 스케줄 2개 담긴 리스트가 출력되고, 다시 빈 리스트가 출력되는 식입니다. StreamBuilder가 원래 이런 것인지... 이 부분을 조금 설명해주시겠습니까?

page! 에서 !가 뭔지요. 설명 들은거 같은데 한번만 더 말씀해주세요.

보통 네비게이션바를 사용하면 완전 페이지 전환이 아니래 네비게이션바 內 탭이동을 하는거 같더라구요게시판을 만들려면 탭이동이아니라 라우팅으로 페이지이동이 있어야 될것 같은데요. 이유는1. 글 리스트가 많을때 : 로딩이 전체적으로 너무 느려짐2. 스택기준으로 앱이 움직이니까 그냥 페이지 라우팅 페이지 이동이 맞는거 같음3. 탭이동은 새글 작성시 반영이 안됨??(확인필요)이정도가 될것 같아요... 근데 제가 질문한 이유는Tab에서는 아이콘 클릭시 페이지 전환 onpressed 함수는 없는거 같아서요.. BottomNavigation이랑 라이우팅이랑 같이 합쳐져 구현되어 있는 수업은 없을까요?

백엔드를 npm run start로 했을 시 로그인이 안되는 문제가 있습니다.프론트,백엔드 https적용되어있고 같은 도메인을 쓰고있습니다.app.js에 cookie.secure를 주석처리하면 로그인이 됩니다.질문드린 이유는 지금 제 프론트 <-> 백엔드가 https 통신이 아닌 것인지맞다면 왜 cookie.secure를 true로 했을 때 왜 쿠키가 설정이 안되는 것인지 알고싶습니다.  -시도한 방법 -domain에 상위도메인 넣어보았는데도 안됩니다 ㅠ저와 비슷한 상황을 겪은 분의 질문을 보던 중 궁금한 게 있어서 이것도 적어봅니다.https://www.inflearn.com/questions/342672/express-aws-%EB%B0%B0%ED%8F%AC-%ED%9B%84-%EC%84%B8%EC%85%98-%EC%BF%A0%ED%82%A4여기서 cors는 어떻게 하란걸까요? -아래는 제 상황을 파악하시는데 도움이 될만한 내용을 적어봤습니다.- 아래는 프론트에서 login 요청시 morgan 로그입니다.프론트 url입니다 => https가 적용되어있습니다.아래는 백엔드 url을 인터넷주소창에 쳤을 때입니다.아래는 프론트에서 백엔드로 login 요청했을 때 요청헤더입니다. 아래는 백엔드서버 nginx 설정입니다.Route53 호스팅 영역 설정입니다.app으로 시작하는게 백엔드입니다. (CNAME이런건 그림판으로 지웠습니다.)가비아에도 서브도메인으로 등록했습니다.

다른 질문글들을 살펴보니 .env파일 설정이 안되어 있거나 back 서버를 구동하지 않은 상태에서 에러가 나던데 저는 .env파일과 back서버 모두 구동을 했음에도 에러가 뜹니다. 제가 했던 설정 중 일반적인 설정과 다른 경우는 1장에서 db를 생성하고 만들었을 때 mysql비밀번호가 있음에도 도저히 인식하지 못해 설정파일에 변수명이 아닌 직접 비밀번호를 입력한 경우를 제외하곤 강의에서 설명한 설정 그대로 수행했습니다. 어떤게 문제일까요?

DateTime.now()를 했을 때, 지금 실제 시간은 17시 인데 8시라고 뜹니다. 노트북 시스템상에는 17시로 잘 뜨는데, 왜 8시라고 나올까요??프로젝트 DateTime을 조정해야하나요?

stateless widget 같은 경우에는 상태가 변경되지 않고, 변경될 시에는 stateless widget이 새롭게 생성된다고 알고있는데요!다음과 같이 버튼이 눌린 상태에 따라 버튼의 색깔이 바뀌는 경우에는 widget에 대한 상태 변화는 따로 나타나지 않는다고 보면될까요? 아니면 이 경우에도 버튼 색깔이 바뀔때마다 widget이 새롭게 생성되는 건가요?

전체적으로이해가안가서그러는데 객체지향을 더봐야겠죠.함수편을봐야하나요.어느부분을봐야하나요

pubspec.yaml 파일도 수정해보고, 강사님 한대로 코드 똑같이 적었는데.. 이미지가 안불러와져요.오타 있는지 확인도 해보았는데 없었어요home_screen.dartimport 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override _HomeScreenState createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { @override void initState() { super.initState(); } @override Widget build(BuildContext context) { return const TopBar(); } } class TopBar extends StatelessWidget { const TopBar({super.key}); @override Widget build(BuildContext context) { return Container( padding: const EdgeInsets.fromLTRB(20, 7, 20, 7), child: Row( children: <Widget>[ Image.asset( 'assetsimages\bbongflix_logo.png', fit: BoxFit.contain, height: 25, ), ], ), ); } }

Layout.tsx의 return을 return ( <html lang="en"> <AuthProvider> <body>{children}</body> </AuthProvider> </html> )위와 같이 수정했을 때에, 경고가 Login을 실행했을 때 발생했습니다. 무시하면 안 되는 경고인것 같아 어떻게 해결하는지 궁금하여 질문 남깁니다.경고 내용:Warning: Cannot update a component (`Router`) while rendering a different component (`Login`). To locate the bad setState() call inside Login, follow the stack trace as described in https://reactjs.org/link/setstate-in-render

 원래 drawer 색상 변경하기 전에 스크롤컨트롤러 부분까지는 아무 문제 없었는데, 이제 futurebuilder안에 Scaffold를 넣고 나니까 restart 했을 때 '에러가 있습니다.'라고 뜹니다. 프로젝트상에는 에러가 하나도 없는 상태입니다. 혹시 몰라서 drawer 색상 변경 수정 전으로 코드를 돌려봐도 여전히 '에러가 있습니다.'라고 뜹니다.  정부 api를 받아오는데 문제가 발생한 경우인가요?api에서 에러가 발생하면 이 에러를 어떻게 확인할 수 있나요?

App.tsx부분입니다. 여기에서 Router부분 주석처리하고 테스트중입니다라는 텍스트만 적어놓고 npm run build 후 생긴 index.html을 클릭하면 아래 이미지처럼 텍스트가 제대로 나오는거까진 확인을 하였습니다. 그런데 텍스트를 지우고 index.html 을 실행하면 화면에 아무것도 나오질 않습니다. 코드대로라면 백엔드와 통신이 안될 땐 로딩중입니다는 텍스트가 떠야하는데 말이죠.. import React, { FC } from 'react'; import './App.css'; import { Router } from '../router'; const App = () => { return ( <div className="App"> <Router /> </div> ); }; export default App;  -npm run build 후 App.tsx에 <Router/> 주석 후 테스트중입니다 텍스트 입력 후 index.html 실행 화면-npm run build 후 App.tsx에 <Router/> 주석 해제 후 index.html 실행 화면 및 네트워크 개발자도구 -npm run dev (정상일 경우 동작해야하는 화면)제가 이 질문을 드린건 지금 s3에 버킷 생성 후 dist에 있는 폴더를 아래처럼 다 올렸습니다. 그 후 엔드포인트에 접속했는데 아무것도 안 뜨길래 로컬에서 빌드 후 생긴 index.html에 로딩중입니다가 떠야 s3 엔드포인트에 접속했을 때도 로딩중입니다가 뜰 거 같아서 로컬에서 문제를 해결해보고 있습니다.-s3 파일 업로드 화면-  아래는 웹 시작초기에 관련 있는 코드들이라 생각되어 같이 올립니다. client.tsx부분입니다. import 'core-js/stable'; import 'regenerator-runtime/runtime'; import React from 'react'; import { render } from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import axios from 'axios'; import App from './layouts/App'; axios.defaults.withCredentials = true; axios.defaults.baseURL = process.env.NODE_ENV === 'production' ? 'http://localhost:3095' : 'http://localhost:3095'; render( <BrowserRouter> <App /> </BrowserRouter>, document.querySelector('#app'), ); index.html입니다. <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>주식 캘린더</title> <style> html, body { margin: 0; padding: 0; overflow: initial !important; } body { font-size: 15px; line-height: 1.46668; font-weight: 400; font-variant-ligatures: common-ligatures; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } </style> <!-- <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png" /> --> </head> <body> <div id="modal"></div> <div id="app"></div> <script src="./dist/app.js"></script> </body> </html> 하루 반나절동안 잡고 있는데도 해결이 안되어서 질문드립니다.. ㅠㅠ... 도와주세요 제발...ㅠㅠㅠㅠ  

아래와 같은 빨간색 오류 메시지가 뜹니다. 확인 부탁드립니다^^ 

children: [1,2,3] 을 다른 파일로 넘길때[1,2,3] 을 변수로 바꾸고상단에final List<Widget> children; required this.children,이렇게 넘기는데요. 받는건 return 클래스명 ( childtrn : [1,2,3]) [1,2,3] 말고1만 넘기고/받고 싶으면 어떻게 해야하나요?

위와 같이, 가상폰화면 상단에 기본적으로 보여야 하는 시간정보, 전파아이콘, 배터리아이콘이 보이지 않아요. 왜 그런걸까요?

http와 https 사용할수있게 코드 추가 하였으나 다음 에러발생되었습니다.