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); // ..............
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
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> 으로 캐스팅해서 타입을 맞추어 넣는다면 배보다 배꼽이 더 큰 것 같아서 이런 경우 간단한 방법이 있는지, 어떻게 구현하면 좋을 지 문의드립니다.
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
안녕하세요 ㅎㅎ 강의 너무 잘 듣고있습니다. use client 사용하는 이유에 대해서 잘 모르겠어서 질문을 드립니다 .ㅎㅎ 설명을 들었을때 server slide rendering 이지만 server side 기능을 하는것이 아니라 client side 로 넘어온다? 로 이해를 했는데 , 그렇다면 굳이 저 위의 지시어 use client 를 사용해야할때가 있을까 ?? 생각을 했습니다 ㅎㅎ
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
tailwind.config.ts 를 변경하려고 하는데 변경이 되지 않습니다. 다른 파일들도 수정하려고 보니까 수정이 안되네요ㅠㅠㅠ 이렇게해서 생성을 진행했구요. 잘은 모르겠지만 npx create-next-app . 로 설치를 진행했는데 권한 에러가 발생하더라구요 npm error code EACCES 그래서 sudo 를 앞에 붙여서 진행을 했습니다. 혹시 이 문제일까요 ?
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
안녕하세요 . 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개의 프로젝트로 오늘 초보 탈출!
안녕하세요! 잘 따라가면서 설치하고있었는데, 시뮬레이터에서 실행하면 아래 이렇게 뜨면서 오류가 납니다 ㅠㅠ 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. 이건..어찌 해결해야하는지 모르겠어서 ㅠㅠ 문의드립니다. 감사합니다!
Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
'Generating TypeScript Types' 강의에서 supabase.ts 생성할 때 나오는 코드 색상이 영상에서 나오는 색상하고 달라요. 저는 모두 흰색으로 나와서 가독성이 떨어지더라구요. 익스텐션이라던지 테마라던지 등등 구글링해서 나오는건 모두 건드려봤는데 바뀌지 않았습니다. 이건 어떻게 하면 되나요?
질문: 1.ts-node로 이어나가도 괜찮을까요? 2. outdated 명령어 쳐보니 버전이 강의에서 한두개 추가설치했지만, 이제 빨간 글씨로 10개 정도 다 버전 업그레이드를 요구했습니다.제가 고쳐나가면서 나아가보면될지 궁금합니다. ㅡㅡㅡㅡㅡㅡㅡㅡ 상황: 몇주전 타입스크립트를 다른 강의로 시작했습니다.최근 환경설정에서 ts-node 사용시 오류가 계속 떠서 그 강의가 tsx 사용을 권장했고, tsx로 입문했습니다.그래서 ts-node로 잘돌아갈지 의문입니다.
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
sdk 경로 C:\Users\jeon\AppData\Local\Android\Sdk avd 경로 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