- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드팩토리 디스코드https://bit.ly/3HzRzUMFlutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!datepicker에서 일은 빼고 년과 월만 뜨게 하고싶은데, datepicker에서 어떤 속성을 변경해줘야 할까요? 검색해도 잘 안나와서요..

제가 코드를 한 번에 입력하지 않고 나눠서 강의를 봐서 놓친 것일 수도 있는데..@Entity("votes")를 입력하면 제일 위쪽에 자동으로 import {Entity} from "typeorm" 등의 코드가 강의에서는 생기던데 혹시 import 코드가 자동으로 생성되지 않는 이유는 무엇일까요? 

flutter doctor --android-licenses 명령어를 하면 이런 에러가 뜨네요..java.lang.UnsupportedClassVersionError 라고 하는데 현재 자바버전은 19입니다. Android Studio에서 SDK tool은 다 설치를 했구요.어떻게 하면 해결될까요?? ㅠㅠ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드팩토리 디스코드https://bit.ly/3HzRzUMFlutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다! 내용으로 텍스트를 많이 넣게되면 이렇게 오버플로우 에러가 나는데 어떻게 해결할 수 있을까요?

버전이 맞지 않다고 뜨네요강의보면서 멈춰가면서 그대로 따라했습니다  C:\flutter\bin\flutter.bat --no-color pub getRunning "flutter pub get" in chool_check...Resolving dependencies...The current Dart SDK version is 2.19.6.Because chool_check requires SDK version >=3.0.0 <4.0.0, version solving failed.pub get failedcommand: "C:\flutter\bin\cache\dart-sdk\bin\dart __deprecated_pub --directory . get --example"pub env: { "FLUTTER_ROOT": "C:\flutter", "PUB_ENVIRONMENT": "flutter_cli:get", "PUB_CACHE": "C:\Users\manjin han\AppData\Local\Pub\Cache",}exit code: 1Process finished with exit code 1

안녕하세요 선생님 앞전에 다른분글의 리플로stat_repository.dart파일에 return response.data['response']['body']['items'] 여기서 예외가 발생했다는 _TypeError (type 'String' is not a subtype of type 'int' of 'index')에러가 난다고 리플 달았었고 선생님께서 타입때문에 나는오류일 것이다 라고 답변 주셨었는데요. 제가 어제 7월30일 일요일 해당강의를 처음부터 다시 코드를 따라쳐서 Hive까지 정상적으로 강의를 마쳤습니다.그리고 에러가 날까봐 스타일링 에러나기전 구간과, 스타일링마무리 직후 코드를 따로 저장을 했고.이상없이 강의를 마친후 마무리 코드역시 저장해서 백업했습니다. 그리고 오늘 3번째 코드작성을 했는데스타일링 마무리하기에서 같은 에러가 뜹니다.그래서 어제 정상적으로 진행했던 코드3개를 하나씩 다시 복원하며 실행해보고 시뮬레이터의 앱도 삭제한 뒤 재실행해봐도 똑같은 에러가 발생합니다. 분명 어제는 정상작동하던 코드였습니다.선생님의 깃헙의 코드를 그대로 복사해서 붙혀넣어도 에러가 발생합니다. 저는 이유를 잘 모르겠지만.혹시 드는생각에 API자체에서 뭔가 다른타입으로 된 json코드가 들어오는건 아닌가?? 싶은 생각이 들지만 저는 초보라 알수가 없습니다. 아무튼 코드를 원상복귀 한뒤 디버그 콘솔에서 뜨는 메세지는 [VERBOSE-2:dart_vm_initializer.cc(41)] Unhandled Exception: type 'String' is not a subtype of type 'int' of 'index'#0 StatRepository.fetchData<asynchronous suspension>#1 Future.wait.<anonymous closure> (dart:async/future.dart:525:21)<asynchronous suspension>#2 _HomeScreenState.fetchData<asynchronous suspension> 입니다.1.번구간의 코드는stat_repsitory.dart 파일에 return response.data['response']['body']['items']에서 발생하고2.번구간의 코드는home_screen.dart 파일에final results = await Future.wait(futures);에서 발생합니다.추가로 포스트맨에서 해당 api를 호출하면 <OpenAPI_ServiceResponse> <cmmMsgHeader> <errMsg>SERVICE ERROR</errMsg> <returnAuthMsg>LIMITED_NUMBER_OF_SERVICE_REQUESTS_EXCEEDS_ERROR</returnAuthMsg> <returnReasonCode>22</returnReasonCode> </cmmMsgHeader> </OpenAPI_ServiceResponse>이렇게 호출됩니다. 원래는 정상적으로 json 타입으로 호출이 됐었습니다. 호출수 제한에 걸려서 에러가 나는걸까요? 아무튼 현재 저의 고민은중급강의는 이미 구매했지만 초급강의 마지막 달력스케쥴과,미세먼지앱 강의가 어려워 넘어가기전에 최대한 3~4번 이상 복습하고 넘어가려했는데 혹시 이 에러로 인해 코드복습이 어렵다면바로 중급강의로 넘어가도 될지 궁금합니다.현재 저의 수준은 모든강의를 3번 정도는 봤고처음따라하면 아무것도 모르겠고 그냥 코드만 따라치다가두번째는 단편적인 흐름은 보이지만 여전히 반은 무지성이고세번째 봐야 그래도 어느정도 이해되는 부분이 꽤 생기는그런 수준에 있습니다.중급강의는 무서워서 못넘어가고 있습니다. 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드팩토리 디스코드https://bit.ly/3HzRzUMFlutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!여기 양옆에 화살표 부분 색상이 파란색으로 이상하게 뜨는데수업에서 한 것처럼 검정색으로 바꾸려면 어떤 파라미터를 사용해야하나요?

_TopPart에서 아래 사진과 같이 onPressed를 만들고기존에 사용하던 함수를 HomeScreen으로 이동 시켜 함수를 생성한 뒤, _TopPart()를 호출(?)하는 부분에서 해당 callbac함수를 추가하니 void 타입을 가지고 있어 사용할 수 없다는 에러가 노출됩니다.강의 영상에서는 위 callback 함수에 void 타입을 지정해 정상적으로 빌드 및 테스트 하는 모습이 나오는데 저는 빌드를 하기 전 부터 에러가 발생합니다.혹시 위 작업 중 잘못 된 부분이 있을까요?

MDN의 가이드에 따라 DragNDrop 코드를 작성하는데파일을 가져오기 위한 코드인 event.dataTransfer.items 에서 아래와 같은 오류가 발생햇습니다.'DataTransferItemList' 형식은 배열 형식이 아닙니다.ts(2461)MDN DataTransfer: items 속성 가이드에서는 목록을 반환하고 항목이없어도 빈목록을 반환한다고 되어있고MDN DataTransferItemList 타입 가이드에서 객체라고 명시되어 있던데 개별항목에는 [ ]표기법으로 접근할수 있다는걸로 보아 event.dataTransfer.items의 타입은 리스트가 아닌 오브젝트에 숫자를 KEY로 값을 넣어놓은 형태인가요?? 아님 또다른 타입인건가요?코드 function dropHandler(ev: React.DragEvent<HTMLDivElement>): void { console.log('File(s) dropped'); // Prevent default behavior (Prevent file from being opened) ev.preventDefault(); if (ev.dataTransfer.items) { // Use DataTransferItemList interface to access the file(s) [...ev.dataTransfer.items].forEach((item, i) => { // If dropped items aren't files, reject them if (item.kind === 'file') { const file = item.getAsFile(); if (file) { console.log(`… file[${i}].name = ${file.name}`); } } }); } else { // Use DataTransfer interface to access the file(s) const files = ev.dataTransfer.files; [...files].forEach((file, i) => { console.log(`… file[${i}].name = ${file.name}`); }); } }MDN DragNDrop가이드https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_dropMDN DataTransfer: items 속성 가이드https://developer.mozilla.org/ko/docs/Web/API/DataTransfer/itemsMDN DataTransferItemList 타입 가이드https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList

최종 실행에서 다음과 같은 에러가 뜨네요. 해결방법이 어떻게 될까요?

만약 Page의 단위를 5로 잡아서 최초 랜더링한 페이지가 스크롤이 되지않는다면 onScroll 이벤트가 발생하지 않으니 setSize 이벤트도 발생할수 없습니다.이렇게 최초 데이터의 개수가 모자라서 이벤트 자체가 발생하지 않으면 별개의 이벤트로 scroll이 가능할때까지 페이지를 불러와야 하는데 좋은 방법이 잇는가요?페이지를 5개로 잡을떄페이지를 20개로 잡을떄참조 코드import ChatBox from '@components/ChatBox'; import ChatList from '@components/ChatList'; import useInput from '@hooks/useInput'; import { Header, Container } from '@pages/DirectMessage/styles'; import fetcher from '@utils/fetcher'; import makeSection from '@utils/makeSection'; import axios from 'axios'; import gravatar from 'gravatar'; import React, { FC, FormEventHandler, useCallback, useEffect, useRef, useState } from 'react'; import Scrollbars from 'react-custom-scrollbars-2'; import { useParams } from 'react-router'; import useSWR from 'swr'; import useSWRInfinite from 'swr/infinite'; const PAGE_SIZE = 5; const DirectMessage: FC = () => { const { workspace, id } = useParams(); const { data: myData } = useSWR<IUser, false>('/api/users', fetcher); const { data: userData } = useSWR<IUser, false>(`/api/workspaces/${workspace}/users/${id}`, fetcher); const [chat, onChangeChat, setChat] = useInput(''); // const scrollbarRef = useRef(null); const { data: chatData, mutate: mutateChat, setSize, } = useSWRInfinite<IDM[]>( (index) => `/api/workspaces/${workspace}/dms/${id}/chats?perPage=${PAGE_SIZE}&page=${index + 1}`, fetcher, ); const isEmpty = chatData?.[0]?.length === 0; const isReachingEnd = isEmpty || (chatData && chatData[chatData.length - 1]?.length < PAGE_SIZE); const chatSection = makeSection(chatData ? [...chatData].flat().reverse() : []); const onSubmitForm = useCallback<FormEventHandler>( (event) => { event.preventDefault(); if (!chat || !chat?.trim()) { return; } axios .post(`/api/workspaces/${workspace}/dms/${id}/chats`, { content: chat, }) .then(() => { mutateChat(); setChat(''); }) .catch(console.error); console.log('제출'); }, [chat, id, mutateChat, setChat, workspace], ); const scrollbarRef = useRef<Scrollbars>(null); return !userData || !myData || !chatData ? null : ( <Container> <Header> <img src={gravatar.url(userData.email, { s: '24px', d: 'retro' })} alt={userData.nickname} /> <span>{userData.nickname}</span> </Header> <ChatList chatSections={chatSection} isEmpty={isEmpty} isReachingEnd={isReachingEnd} setSize={setSize} ref={scrollbarRef} /> <ChatBox onSubmitForm={onSubmitForm} chat={chat} onChangeChat={onChangeChat} placeholder={`Message ${userData.nickname}`} otherData={[userData]} /> </Container> ); }; export default DirectMessage;import Chat from '@components/Chat'; import { ChatZone, Section, StickyHeader } from '@components/ChatList/styles'; import React, { FC, MutableRefObject, forwardRef, useCallback } from 'react'; import { Scrollbars, positionValues } from 'react-custom-scrollbars-2'; interface Props { chatSections: { [key: string]: (IDM | IChat)[] }; isEmpty: boolean; isReachingEnd?: boolean; setSize: (f: (size: number) => number) => Promise<(IDM | IChat)[][] | undefined>; } const ChatList = forwardRef<Scrollbars, Props>(({ chatSections, isReachingEnd, isEmpty, setSize }, scrollRef) => { const onScroll = useCallback( (values: positionValues) => { if (values.scrollTop === 0 && !isReachingEnd) { setSize((size) => size + 1).then(() => { const current = (scrollRef as MutableRefObject<Scrollbars>)?.current; if (current) { current.scrollTop(current.getScrollHeight() - values.scrollHeight); } }); } }, [isReachingEnd, scrollRef, setSize], ); return ( <ChatZone> <Scrollbars autoHide ref={scrollRef} onScrollFrame={onScroll}> {Object.entries(chatSections).map(([dateData, chatData]) => ( <Section className={`section-${dateData}`} key={dateData}> <StickyHeader> <button>{dateData}</button> </StickyHeader> {chatData.map((chat) => ( <Chat key={chat.id} data={chat} /> ))} </Section> ))} </Scrollbars> </ChatZone> ); }); export default ChatList; 

원본값을 유지하기위해 concat을 사용하셧는데지금 같은 1차원 배열일때는 문제가 없지만 2차원 배열일 경우 해당 배열이 다쪼개져서 1차원 배열이 되는걸로 알고있습니다 그래서 저는 원본을 유지할때 스프레드 문법을 사용하는데 concat이 더 좋은경우도 있나요?두가지 방법을 다 알려주시긴 하셧는데 차이점이 잇는가 궁금합니다.예시상황const chatData = [[1, 2], [3, 4], [5, 6]];[].concat(...chatData).reverse() => [6, 5, 4, 3, 2, 1][...chatData].reverse()=> [[5, 6], [3, 4], [1, 2]]

기존 윈도우 스크롤바의 경우 스크롤바가 width를 잡아먹어 의도햇던 디자인이 찌그러 지는경우가 있어서 고민이엿습니다.이번 강의에서 알려주신 react-custom-scrollbars 의경우 width를 잡아먹지 않고 내부에 생성되는걸로 확인되는데vw,vh를 100%로 잡은 최상위 레이아웃을 만들고 react-custom-scrollbars 를 추가한뒤 그 자식으로 기존 코드들을 옮기려 합니다.이때 문제가 될만한 이슈 또는 더 나은 방법이 잇을까요?

안녕하세요게시물 업로드하기 부분을 기반으로 fragment 명 정도만 살짝씩 수정하며 따라하다가 오류가 생겨 문의 남깁니다. 정확히는 코드 자체에 오류는 없는데 홈화면에 게시물이 뜨지 않습니다. 파이어베이스에 데이터들이 업로드 되어 있는 것을 확인하였습니다.xml id등도 동일하고요 코드 자체를 잘못 타이핑했는지, 혹은 안드로이드 스튜디오 등의 업데이트가 진행되면서 오류가 생긴 건지 궁금합니다.  -xml view id를 인식하지 못해 findViewByID로 인식하도록 코드를 수정했습니다.package com.example.guru26 import android.os.Bundle import androidx.fragment.app.Fragment import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.widget.TextView import androidx.recyclerview.widget.LinearLayoutManager import androidx.recyclerview.widget.RecyclerView import com.google.firebase.firestore.FirebaseFirestore import java.util.* import com.bumptech.glide.Glide class HomeFragment : Fragment() { var firestore : FirebaseFirestore? = null override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? { // Inflate the layout for this fragment var view = LayoutInflater.from(activity).inflate(R.layout.fragment_home, container, false) firestore = FirebaseFirestore.getInstance() view.findViewById<RecyclerView>(R.id.rv_poster).adapter = PosterAdapter() view.findViewById<RecyclerView>(R.id.rv_poster).layoutManager = LinearLayoutManager(activity) return view } inner class PosterAdapter : RecyclerView.Adapter<RecyclerView.ViewHolder>() { var contentDTOs : ArrayList<ContentDTO > = arrayListOf() private var contentUidList :ArrayList<String> = arrayListOf() init { firestore?.collection("images")?.orderBy("timestamp")?.addSnapshotListener { querySnapshot, FirebaseFirestoreException -> contentDTOs.clear() contentUidList.clear() for(snapshot in querySnapshot!!.documents){ var item = snapshot. toObject(ContentDTO::class.java) contentDTOs.add(item!!) contentUidList.add(snapshot.id) } notifyDataSetChanged() } } override fun onCreateViewHolder(p0: ViewGroup, p1: Int): RecyclerView.ViewHolder { val view = LayoutInflater.from(p0.context).inflate(R.layout.list_item, p0, false) return CustomViewHolder(view) } inner class CustomViewHolder (view : View) : RecyclerView.ViewHolder(view){} override fun getItemCount(): Int { return contentDTOs.size } override fun onBindViewHolder(p0: RecyclerView.ViewHolder, p1: Int) { var viewholder = (p0 as CustomViewHolder).itemView //UserID viewholder.findViewById<TextView>(R.id.tv_name).text= contentDTOs!![p1].exhName viewholder.findViewById<TextView>(R.id.tv_start_date).text= contentDTOs!![p1].exhStartDay viewholder.findViewById<TextView>(R.id.tv_end_date).text= contentDTOs!![p1].exhEndDay viewholder.findViewById<TextView>(R.id.tv_place).text= contentDTOs!![p1].exhPlace //Image Glide.with(p0.itemView.context).load(contentDTOs!![p1].imageUrl).into(viewholder.findViewById(R.id.iv_poster)) } } }

캘린더 만들기 강의를 따라하는 중에 eventLoader 기능도 넣어보고 싶은데알려주신 db에서 이벤트를 불러와 events map에 넣고eventloader에서 리스트로 불러오면 되는 것 같은데요.제가 구현해 봤을 땐 이벤트 추가를 하고 꼭 화면을 한번 터치해야 marker가 표시되고이벤트를 삭제해도 앱을 재실행하지않으면 marker가 사라지지 않더라고요. 해결방법을 찾지 못해 질문드립니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드팩토리 디스코드https://bit.ly/3HzRzUM캘린더 요일부분에 잘림이있는데, 어떻게 해결해야할까요?코드는 색깔만 빼고 강의와 동일한데 라이브러리 자체의 문제인지 뭔지 모르겠네요ㅜㅜ

brew install cocoapods 를 실행하게 되면 해당 오류가 발생하는데 이유를 모르겠어서 질문 드려요

영상통화 강의 따라하다가 다음과 같은 에러가 발생하였는데 어떻게 수정해야 하는지 모르겠어 문의드립니다.Running Gradle task 'assembleDebug'...lib/screen/cam_screen.dart:57:50: Error: Too many positional arguments: 0 allowed, but 1 found.Try removing the extra positional arguments. RtcEngineContext context = RtcEngineContext(APP_ID); 

저는 평소에 아래와 같이 ComponentPropsWithoutRef을 이용하여 children이나 스타일등을 props로 내려받아 사용하고 있엇는데 export interface Props { /** 북마크 여부 */ isBookmark: boolean; /** 클릭했을 때 호출할 함수 */ onClick: (event: React.MouseEvent<HTMLButtonElement>) => void; } export const Bookmark = (Props: Props & ComponentPropsWithoutRef<"button">) => { return ( <ButtonStyle {...Props}> <BookmarkIcon isBookmark={Props.isBookmark} /> </ButtonStyle> ); }; export default Bookmark; 강의에서는 아래와같이 FC<PropsWithChildren<Props>> 형식으로 받아 오던데 둘이 어떤 차이가 있을까요?interface Props { show: boolean; onCloseModal: () => void; style: CSSProperties; closeButton?: boolean; } const Menu: FC<PropsWithChildren<Props>> = ({ closeButton, style, show, children, onCloseModal }) => { const stopPropagation = useCallback<MouseEventHandler<HTMLDivElement>>((event) => { event.stopPropagation(); }, []); if (!show) { return null; } return ( <CreateMenu onClick={onCloseModal}> <div onClick={stopPropagation} style={style}> {closeButton && <CloseModalButton onClick={onCloseModal}>&times;</CloseModalButton>} {children} </div> </CreateMenu> ); };

안녕하세요! 영상 강의를 보면서 stack 관련해서 배웠는데 혹시 이런 부분도 stack을 통해 구현해야하는 걸까요?위 레이아웃과 아래 레이아웃에 겹쳐서 박스가 있는 형태 입니다!