묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
state에서 buffer랑 time이 안 나옵니다
예시 코드 따라하는데 재생버튼이 계속 안 나오고 로딩바만 돌아가서 state를 찍어보니까 buffer랑 time 값이 저렇게 빈 값으로 나옵니다. 그런데 isLoading으로 로딩스피너 구현하는 걸 제거하고 바로 play, pause버튼 나오게 하면 노래 자체는 재생이 됩니다만 여전히 buffered와 time 부분 값은 빈 값으로 찍힙니다ㅜㅜ 무엇이 문제일까 모르겠습니다... 코드는 몇번이고 똑같은 걸 검토했는데...
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
components 들은 jsx 로 만드신 이유
제목과 같이 componets 들에 Sidebar , Header 등은 tsx 로 하지않고 jsx 로 하신 이유가 있나요 ?? ㅎ
-
미해결애플 웹사이트 인터랙션 클론!
[섹션7-3: 버그수정 2] tempYOffset 오류
tempYOffset을 통해서 스크롤 위치를 저장하고 있다가 총 100px을 이동하는 것으로 이해하였는데요.tempYOffset의 초기값, 즉 yOffset이 0으로 출력됩니다.이게 바로 밑에 있는 window.addEventListener('scroll', () => { }가 아직 실행되지 않아서 yOffset이 초기화 되지 않아 0으로 나오나? 라고 생각하였는데 막상 강의 코드는 딱히 그런 것을 고려하지 않고도 잘 나오는 것 같더라구요.혹시 어떤 문제일지 알 수 있을까요?일단 당장에는 window.scrollY를 사용해서 임시조치로 해결했습니다. // 새로고침 등으로 스크롤을 처음부터 하지 않는 경우 시작하는 경우 해결을 위해 window.addEventListener('load', () => { setLayout(); sceneInfo[0].objs.context.drawImage(sceneInfo[0].objs.videoImages[0], 0, 0); document.body.classList.remove('before-load'); // 특정 위치에서 새로 고침 하면 화면이 나오지 않는 문제를 해결 let tempYOffset = yOffset; let tempScrollCount = 0; // 스크롤 몇 번 했는지 저장 console.log(tempYOffset); console.log(yOffset); let siId = setInterval(() => { window.scrollTo(0, tempYOffset); tempYOffset += 5; tempScrollCount++; if (tempScrollCount > 20) { clearInterval(siId); } }, 20); // ..............
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
3:07에 const result = 입력하는 부분은 복붙인가요??
플러그인이나 단축키가 따로 있는지 기존에 작성하신 코드 복사 붙여넣기인지 궁금합니다.
-
해결됨[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
validate에러메시지 위치
validate 에러메시지가 생겼을때 Textfield 위치를 고정하고 싶습니다. 그런데 강의를 진행하면서 Expand로 여러 위젯을 감싸다 보니 방법을 찾기가 힘드네요.제가 원하는건 Sizedbox에 텍스트가 생기길 원합니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
Random Number Generator 학습중 children: [] 리스트에 List<dynamic> 을 넣는 방법을 문의드립니다.
Random Number Generator 학습중 children: [] 리스트에 List<dynamic> 을 넣는 방법을 문의드립니다. return [ ['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ] .map((e) => Row( children: e .map( (e) => Text(이렇게는 적용될 때는 <Widget> 타입으로 캐스팅되어 잘 실행되는 것 같습니다. List test = [ ['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ]; return test .map((e) => Row( children: e .map( (e) => Text(이렇게 하면 type 'List<dynamic>' is not a subtype of type 'List<Widget>' 이렇게 나오네요.children 의 정의가 List<Widget> 이서 그런것으로 생각됩니다. 일일이 <Widget> 으로 캐스팅해서 타입을 맞추어 넣는다면 배보다 배꼽이 더 큰 것 같아서 이런 경우 간단한 방법이 있는지, 어떻게 구현하면 좋을 지 문의드립니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
마무리 까지 다 들었는데 오류가 납니다
일단 바텀시트 화면이 안보여요 제가 5월 1일 선택해도 다시 3월달로 돌아와요
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
use client
안녕하세요 ㅎㅎ강의 너무 잘 듣고있습니다.use client 사용하는 이유에 대해서 잘 모르겠어서 질문을 드립니다 .ㅎㅎ설명을 들었을때 server slide rendering 이지만 server side 기능을 하는것이 아니라 client side 로 넘어온다? 로 이해를 했는데 ,그렇다면 굳이 저 위의 지시어 use client 를 사용해야할때가 있을까 ?? 생각을 했습니다 ㅎㅎ
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
typedef와 Function
1번코드final bool Function(DateTime day)? selectedDayPredicate; 2번코드typedef SelectedDayPredicate = bool Function(DateTime day); final SelectedDayPredicate selectedDayPredicate ;1번,2번 selectedDayPredicate 둘 다bool값을 반환하고 매게 변수를 DateTime을 받는 변수인게 맞죠? 플러터에서 typedef방식이랑 Function방식 2개가 있어서 어렵네요.
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
tailwind.config.ts
tailwind.config.ts 를 변경하려고 하는데 변경이 되지 않습니다.다른 파일들도 수정하려고 보니까 수정이 안되네요ㅠㅠㅠ이렇게해서 생성을 진행했구요.잘은 모르겠지만 npx create-next-app . 로 설치를 진행했는데 권한 에러가 발생하더라구요npm error code EACCES그래서 sudo 를 앞에 붙여서 진행을 했습니다. 혹시 이 문제일까요 ?
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
6.8 강의 drawer닫기
안녕하세요 . drawer.tsx에 있는 DrawerClose를 사용하면 useState를 통해 상태관리를 안해줘도 되지않나 싶어서 여쭤봅니다.Header쪽에 <DrawerClose><Logo/></DrawerClose>이렇게 감싸주면 drawer가 열렸을때 x버튼을 누르면 똑같이 동작하더라고요.혹시 useState를 사용하신 이유가 있을까요?
-
해결됨[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
애뮬레이터 오류
안녕하세요 3개월?만에 플러터 다시 진행하고자 들어왔는데 에뮬레이터에 문제가 생겼습니다..에뮬레이터를 실행하면 작업표시줄에는 뜨는데 화면에는 안 뜨더군요. 클릭해도 틀어지지가 않습니다.그래서 마우스 오른쪽 클릭으로 qemu-system-x86_64 들어가보면위 4개와 같은 오류창이 뜹니다..강의도 최신버전으로 업뎃되었겠다 관련 프로그램들도 최신버전들이 나와서 기존의 플러터, 안드로이드 등 그냥 깔끔하게 다 삭제하고git부터 새로 다 깔았는데도 동일한 오류가 뜹니다..어떤게 문제일까요??
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
ios 시뮬레이터 설정시 오류
안녕하세요!잘 따라가면서 설치하고있었는데,시뮬레이터에서 실행하면아래 이렇게 뜨면서 오류가 납니다 ㅠㅠError (Xcode): Target debug_unpack_ios failed: Exception: Failed to codesign /Users/kimminseo/Desktop/test_proj/build/ios/Debug-iphonesimulator/Flutter.framework/Flutter with identity -.Could not build the application for the simulator.Error launching application on iPhone 15 Pro Max.이건..어찌 해결해야하는지 모르겠어서 ㅠㅠ 문의드립니다.감사합니다!
-
해결됨[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
LocationPermission 에러
import 'package:flutter/material.dart'; import 'package:geolocator/geolocator.dart'; import 'package:google_maps_flutter/google_maps_flutter.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { final CameraPosition initialPosition = CameraPosition( target: LatLng(37.5214, 126.9246), zoom: 17 ); @override initState(){ super.initState(); checkPermission(); } checkPermission( ) async { final inLocationEnabled = await Geolocator.isLocationServiceEnabled(); if(!inLocationEnabled){ throw Exception('위치 기능을 활성화 해주세요'); } LocationPermission checkedPermission = await Geolocator.checkPermission(); if(checkedPermission == LocationPermission.denied){ checkedPermission = await Geolocator.requestPermission(); } if(checkedPermission != LocationPermission.whileInUse || checkedPermission != LocationPermission.always) { throw Exception('권한을 허가해 주세요'); } } @override Widget build(BuildContext context) { return Scaffold( body: Column( children: [ Expanded( child: GoogleMap( initialCameraPosition: initialPosition, ) ) ], ), ); } }강의를 보면서 공부 도중 테스트를 하는데LocationPermission.whileInUseLocationPermisson.always 의 if문에서 Exception으로 던지는데 해결방법을 모르겠습니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안드로이드 스튜디오 설정 문의
안녕하세요.강사님의 환경 설정과 같이위젯의 하위(트리) 구조가 눈에 잘 보이도록 화면을 설정하고 싶은데요~프로그램에서 설정 화면을 찾지 못하여 문의드립니다. ㅜㅜ
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
{10.2장] 로그인 후 새로고침 해야 todolist가 보입니다
로그인 후에도 로딩 애니메이션만 계속 돌아요.새로 고침을 눌러야만 todo list 가 보입니다.뭐가 잘못 된걸까요
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
serverComponent 가 갑자기 강의에서나와요
처음부터 쭉 강의를 따라하고 있습니다.9.3 장에서갑자기 serverComponent 라는게 생겼어요.무슨 용도일까요?
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
supabase.ts 코드 색상이 흰색입니다.
'Generating TypeScript Types' 강의에서 supabase.ts 생성할 때 나오는 코드 색상이 영상에서 나오는 색상하고 달라요.저는 모두 흰색으로 나와서 가독성이 떨어지더라구요.익스텐션이라던지 테마라던지 등등 구글링해서 나오는건 모두 건드려봤는데 바뀌지 않았습니다.이건 어떻게 하면 되나요?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
ts-node 대신 tsx 사용여부
질문: 1.ts-node로 이어나가도 괜찮을까요?2. outdated 명령어 쳐보니 버전이 강의에서 한두개 추가설치했지만, 이제 빨간 글씨로 10개 정도 다 버전 업그레이드를 요구했습니다.제가 고쳐나가면서 나아가보면될지 궁금합니다.ㅡㅡㅡㅡㅡㅡㅡㅡ상황: 몇주전 타입스크립트를 다른 강의로 시작했습니다.최근 환경설정에서 ts-node 사용시 오류가 계속 떠서 그 강의가 tsx 사용을 권장했고, tsx로 입문했습니다.그래서 ts-node로 잘돌아갈지 의문입니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
에뮬레이터
sdk 경로C:\Users\jeon\AppData\Local\Android\Sdkavd 경로C:\Users\jeon\.android\avd[ 문제 ]Launch in the Running Devices tool window 체크 하고 실행 시에는 안드로이드 스튜디오 내에서 잘 동작합니다. flutter Demo Home Page 는 뜨지 않습니다.Launch in the Running Devices tool window 이걸 체크하지 않고 실행하면 사진처럼 에뮬레이터가 실행은 되었다고 뜨지만 눌러봐도 화면이 뜨지 않습니다에뮬레이터 인포를 누르면 아래같은 메세지가 뜨는데 제 나름대로 이것저것 해봐도 해결이 안되어서 이렇게 문의 드립니다 ㅜㅜWARNING | Failed to process .ini file C:\Users\jeon\.android\avd\INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 10036.ini for reading. WARNING | Failed to process .ini file C:\Users\jeon\.android\avd\INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 10036.ini for reading. (2x) WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | Failed to process .ini file C:\Users\jeon\.android\avd\INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 10036.ini for reading. WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | Failed to process .ini file C:\Users\jeon\.android\avd\INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 10036.ini for reading. WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | Failed to process .ini file (null)\config.ini for reading. WARNING | emulator has searched the above paths but found no valid sdk root directory. PANIC: Cannot find AVD system path. Please define ANDROID_SDK_ROOT INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 5404 INFO | Android emulator version 34.2.15.0 (build_id 11906825) (CL:N/A) INFO | AVD INFO | Storing crashdata in: C:\Users\jeon\AppData\Local\Temp\\AndroidEmulator\emu-crash-34.2.15.db, detection is enabled for process: 10036 has path empty INFO | trying to check whether C:\Users\jeon\AppData\Local\Android\Sdk is a valid sdk root