inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

load 이벤트시 첫 비디오 이미지가 뜨네요.

미해결

애플 웹사이트 인터랙션 클론!

window.addEventListener('load' ... 중략sceneInfo[0].objs.context.drawImage(sceneInfo[0].objs.videoImages[0], 0, 0); 안녕하세요. 작업하다 이상해서, 강의자료도 같이 확인해보니 중간에 새로고침시 videoImages의 첫 이미지가 잠시 뜨는데, 아마 위의 코드 때문이 아닌가 합니다. 저 부분은 첫 scene의 장면임에도 불구하고, 뜬다는 것은 찰나이긴 하지만, 첫영역부터 순간적으로 중간으로 이동하면서 나타나는 현상같기도 한데, 이게 컴퓨터의 성능차이일수도 있다는 생각이 들기도 합니다. 저만 이런건지 모르겠습니다만.. 저 코드를 제거하고 중간에서 새로고침해보니 안보여서 문제가 없지만, 최상단 첫화면에서 새로고침하면 이미지가 안보이니 또 문제더군요. 그래서 위 코드를 제거후, 새로고침시 조금 스크롤되는 코드에서 추가 조건문(else)를 붙여서 아래와 같이 수정해보았습니다. if (tempYOffset > 0) { let siId = setInterval(() => { scrollTo(0, tempYOffset); tempYOffset += 5; if (tempScrollCount > 20) { clearInterval(siId); } tempScrollCount++; }, 20); } else { sceneInfo[0].objs.context.drawImage(sceneInfo[0].objs.videoImages[0], 0, 0); } 이렇게 처리하니 문제가 없는 듯 한데, 이게 저한테만 생기는 문제인지, 아니라면 제가 위와 같이 처리한 방법이 맞는것인지 궁금합니다.

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
Good9moon 댓글 2 좋아요 0 조회수 541

구조적인 부분에서의 질문

해결됨

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요. 강의 너무 잘 듣고 있습니다. 다름이 아니라 구조적인 부분에서 질문을 한가지 드리고 싶습니다. HomeScreen이 StatefulWidget으로 정의되어있고 선택된 날짜가 변경될때마다 _ScheduleList가 변경되며 rebuild되는 구조를 가지고 있는데 이렇게 될 경우 _ScheduleList 안에 StreamBuilder가 다시 initialize되는 것을 확인하였습니다. 따라서 print( snapshot.data ) 시 에도 두번 연속적으로 값이 뜨게 됩니다. 물론 문제는 없지만, 실 앱 실행 시 stream에서 재연결을 계속 반복하게 되는데 문제가 없는지 궁금합니다.

  • flutter
  • 클론코딩
엄태호 댓글 1 좋아요 0 조회수 504

오타로 인한 오류 제보 입니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

9분:15초쯤 commented on다음에 작성코드 [변경전] <span>commented on</span> <Link href={`/u/${comment.post?.url}`} className="cursor-pointer font-semibold hover:underline" > {comment.post?.title} </Link> [변경후] <span>commented on</span> <Link href={`${comment.post?.url}`} className="cursor-pointer font-semibold hover:underline" > {comment.post?.title} </Link>

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
rhkdtjd_12 댓글 2 좋아요 2 조회수 318

isEmpty 체크

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

안녕하세요 선생님, 커뮤니티를 생성하는 핸들러 생성하기(1) 강의 9:29 분에 보면 sub Name, Title이 있는지 isEmpty로 체크를 해주고 있습니다. 이런 체크은 백엔드에서만 해주는건가요 아니면 프론트, 백엔드 둘 다 해줘야 하는건가요? 강의에서 말씀하신 것처럼, 만약 프론트에서 체크를 해줘서 프론트에 error를 전달하기 위한 목적이 아니라면, 백엔드에서 isEmpty 메서드로 체크 해줄 필요가 없는건가요?

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
miniapp 댓글 1 좋아요 0 조회수 549

회원가입 에러

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

로컬에서는 문제 없는데 배포 후 에러가 뜹니다... 무슨 에러인지 해결을 못하겠어요..ㅠㅠ

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
Hyunsu Kim 댓글 2 좋아요 0 조회수 494

AlwaysScrollableScrollPhysics() 질문

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

위와 같이 AlwaysScrollableScrollPhysics()를 사용했음에도 강의 내용 처럼 scroll이 안됩니다. 확인 부탁드립니다. 감사합니다.

  • flutter
  • 클론코딩
홍승용 댓글 1 좋아요 0 조회수 599

화면에 아무것도 안보입니다

미해결

Slack 클론 코딩[실시간 채팅 with React]

깃헙에서 소스파일 받고 alecture 에서 npm -i 이후에 npm run dev localhost :3090에서 아무것도 안보입니다.. 뭐가 문제일까요?

  • react
  • 웹팩
  • typescript
  • socket.io
  • babel
  • 클론코딩
댓글 1 좋아요 0 조회수 395

asset 관련하여

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요! 본 강의에서 사용한 asset과 같이 디자인 관련하여 구매하거나 서치할 수 있는 사이트가 따로 있나요..?? 따로 구매하신 사진이라고 하셨는데 혹시 있다면 정보를 얻고 싶습니다!

  • flutter
  • 클론코딩
Brian H. Na 댓글 1 좋아요 0 조회수 373

webview cookie 값 관련하여 질문드립니다!

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

webview 관련하여 질문드립니다! 혹시 flutter webview는 cookie를 항상 허용해줄 수 있는 옵션 값이 없을까요?

  • flutter
  • 클론코딩
덕쿵 댓글 1 좋아요 0 조회수 936

runApp 관련 호출자 관련

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요, Hello world 를 찍는 강의에서 runApp 메소드는 binding.dart 파일에서, Scaffold 는 scaffold.dart 에서 참조해서 가지고 오더라구요. 다만 이 파일들은 import 한적이 없는데 코드에서는 어떻게 참조하여 사용할 수 있는 건가요? 감사합니다.

  • flutter
  • 클론코딩
강석원 댓글 1 좋아요 0 조회수 319

안녕하세요 문의드립니다 !

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

강의중 구글지도 띄우는데 google map 세팅 다 하고 지도 띄울려고 하는데 LatLng 에서 빨간줄이 뜹니다 ㅠㅠ 왜이런거죠?

  • flutter
  • 클론코딩
장태훈 댓글 2 좋아요 0 조회수 515

video 재생관련

해결됨

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

위에 빨간 부분을 누르면 동영상이 잘나오는데 동영상 파일 이미지 클릭이나 seelect를 이용해 재생하면, 위와 같은 화면에서 움직이지 않고, 아래와 같이 터미널에 출력 됩니다.

  • flutter
  • 클론코딩
달려라갓수야 댓글 1 좋아요 0 조회수 522

video player 학습 중 오류

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

기본 세팅과 기본 배치만 한 상태에서 run 했는데 아래와 같은 오류가 발생합니다. ㅜㅜ 그리고 오류 메시지가 깨져서 나오는데 이건 수정할 방법이 없을까요? Running Gradle task 'assembleDebug'... Target kernel_snapshot failed: ProcessException: ?��?��?�� 바이?��?�� ?��?�� 기�? ?��?��?�� ?��?�� ?��?�� ?��치된 ?��?��?��?��?���? ?���? ?��문에 ?��?��?�� ?��료되�? ?��?��?��?��?��. Command: C:\libraries\flutter\bin\cache\dart-sdk\bin\dart.exe --disable-dart-dev C:\libraries\flutter\bin\cache\dart-sdk\bin\snapshots\frontend_server.dart.snapshot --sdk-root C:\libraries\flutter\bin\cache\artifacts\engine\common\flutter_patched_sdk/ --target=flutter --no-print-incremental-dependencies -Dflutter.inspector.structuredErrors=true -DFLUTTER_WEB_AUTO_DETECT=true -Ddart.vm.profile=false -Ddart.vm.product=false --enable-asserts --track-widget-creation --no-link-platform --packages D:\flutter\vid_player\.dart_tool\package_config.json --output-dill D:\flutter\vid_player\.dart_tool\flutter_build\423aafee48cb7e87b3034f4e228e0a6a\app.dill --depfile D:\flutter\vid_player\.dart_tool\flutter_build\423aafee48cb7e87b3034f4e228e0a6a\kernel_snapshot.d --incremental --initialize-from-dill D:\flutter\vid_player\.dart_tool\flutter_build\423aafee48cb7e87b3034f4e228e0a6a\app.dill --source file:///D:/flutter/vid_player/.dart_tool/flutter_build/dart_plugin_registrant.dart --source package:flutter/src/dart_plugin_registrant.dart -Dflutter.dart_plugin_registrant=file:///D:/flutter/vid_player/.dart_tool/flutter_build/dart_plugin_registrant.dart --verbosity=error package:vid_player/main.dart FAILURE: Build failed with an exception. * Where: Script 'C:\libraries\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1153 * What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'. > Process 'command 'C:\libraries\flutter\bin\flutter.bat'' finished with non-zero exit value 1 * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 20s Exception: Gradle task assembleDebug failed with exit code 1

  • flutter
  • 클론코딩
EunA Choi 댓글 1 좋아요 0 조회수 671

.col_b.tabs 부분 질문드립니다!!

해결됨

문과생이 가르쳐 주는 퍼블리싱 - 클론코딩

.col_b .tabs 강의에서 위 사진에서 잡히는 작은 여백을 없애기 위해서 .dm_body .col_b .tabs { text-align: center; font-size: 0; } 을 사용하셨는데 계속 생각하고 고민해도 원리를 이해하지 못해서 질문드립니다ㅠㅠ

  • 클론코딩
박종규 댓글 1 좋아요 1 조회수 352

코드정리하는 방법 관련 질문입니다

해결됨

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

한 클래스 안에서 row( childern : [ topPart(), bottomPart() ] ) 코드정리로 이렇게 분할하여 표시할떄 다른 클래스로 class _topPart() extends stlessWidget{...}하는 방법이랑 원래 클래스 내부에서 에서 Widget _topPart(){...}하는 방법 중에 퍼포먼스적인 점에서 차이가 있는건가요? 아니면 그냥 개인마다 취향(코드 뉘앙스)이 다르기 때문인건가요?

  • flutter
  • 클론코딩
날리는달 댓글 1 좋아요 0 조회수 319

ec2 배포후 질문입니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

안녕하세요! 현재 강의자료의 백엔드 서버와 데이터 베이스 도커를 통해 연결까지 하고, 다른 질문글들을 참고로 하여 Dockerfile의 작성까지 완료한 후, pm2 restart all 으로 다시 시작까지 하였지만 아래와 같은 에러가 발생하고 있습니다. 에러만 보면 현재 DB와 연결이 잘 되고 있지 않는것이 문제라고 판단이 되지만, 강사님이나 저와 비슷한 에러가 있던 분들이 계시다면 해결법을 알고 계실까 하여 질문을 남깁니다. topSub는 물론, 회원가입과 로그인도 불가능한 상황입니다. 코드도 같이 첨부하겠습니다. docker-compose.yml version: "3" services: db: image: postgres:latest container_name: reddit-postgres restart: always ports: - "5432:5432" environment: POSTGRES_USER: "${DB_USER_ID}" POSTGRES_PASSWORD: "${DB_USER_PASSWORD}" volumes: - ./data:/var/lib/postgresql/data server: build: context: ./server container_name: clone-reddit-server restart: always ports: - "4000:4000" volumes: - /app/node_modules - ./server:/app client: build: context: ./client container_name: clone-reddit-client ports: - "3000:3000" volumes: - /app/node_modules - ./client:/app stdin_open: true Dockerfike -client FROM node:16-alpine ENV PORT 3000 WORKDIR /usr/src/app COPY package*.json ./ RUN npm config set sharp_binary_host "https://npmmirror.com/mirrors/sharp" RUN npm config set sharp_libvips_binary_host "https://npmmirror.com/mirrors/sharp-libvips" RUN npm install COPY ./ ./ ENV NODE_ENV production RUN npm run build:production CMD ["npm", "run", "start:production"] Dockerfike -server FROM node:14.14.0-alpine WORKDIR /app COPY ./package.json ./ RUN npm install COPY . . RUN npm install pm2 -g RUN npm install ts-node -g RUN pm2 install typescript # CMD ["npm", "run", "dev"] CMD ["pm2", "start", "src/server.ts", "--watch"] # CMD ["pm2", "start", "ecosystem.config.js", "--env", "production", "--watch"] # CMD ["npm", "run", "dev"] ecosystem.config.js //client module.exports = { apps: [{ name: "clone-reddit-client", script: "npm run start:production", }] } //server module.exports = { apps: [{ name: "clone-reddit-server", script: "npm run start:production", }] }

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
김민종 댓글 1 좋아요 0 조회수 444

userMiddleware와 authMiddleware를 언제 언제 넣어주는지 헷갈리네요.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

제가 코드를 이해한걸로는 userMiddleware 는 클라이언트에서 보낸 token의 쿠키에 jwt를 이용하여 해당 user를 찾고 res.locals.user에 글로벌하게 담는 역할을 하는것 같고, authMiddleware 는 res.locals.user가 존재 하는지 체크 하는것 같은데 언제 언제 사용하고 사용 하지 말아야 할지 도통 감이 안잡히네요 ㅠ

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
rhkdtjd_12 댓글 1 좋아요 0 조회수 382

createSchedule 함수의 리턴 값이 null 이 나올 수가 있다며 에러가 납니다

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요 강의 너무 잘 듣고 있습니다. 강의를 쭉 따라오다가 글작성시 key를 리턴 받으려고 했는데 null 이 들어오길래 drift_database 파일로 와서 Future<int> 를 명시했는데요 (그전에는 요것을 제가 추가를 안해놓고 createdSchedule 부터 작성했었어요.) 그랬더니 아래와 같이 null 이 들어올 수 있다며 ? 를 붙이라고 에러가 나네요. 이것 처음에 디비 생성할 때부터 (Future<int>를 명시안해놓고 생성했기 때문에) 이미 잘못된 걸까요?

  • flutter
  • 클론코딩
Jihyun Won 댓글 1 좋아요 0 조회수 330

context 질문 있습니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

안녕하세요 export const AuthProvider = ({ children }: { children: React.ReactNode }) => {} 에서 ({ children }: { children: React.ReactNode }) 질문입니다. 뒤에 타입 부분이 헷갈리는데, ({ children }: { children: React.ReactNode }) 하지 않고 ({ children }: React.Node} 이렇게 하면 왜 안되는건가요?

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
김진우 댓글 1 좋아요 0 조회수 288

Windows로 작업한 내용물을 그대로 Ios빌드용으로 사용가능한가요?

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요! 앱 만들어보고 싶어서 수강신청을 하게됐습니다. 반갑습니다ㅎㅎ 빌드 환경에서 궁금한게 있습니다...! Windows에서 작업한 프로젝트를 그대로 Ios에서 빌드용 프로젝트로 사용이 가능한가요? 혹시 IOS에서는 IOS 빌드 및 출시와 Android 빌드 및 출시 두 개 다 가능한가요? 만약에 2번 경우가 가능하면 아에 맥북을 사는 것도 고려를 해봐야할것같네요...ㅎㅎ 그럼 중급수업까지 잘 들어보겠습니다. 감사합니다.

  • flutter
  • 클론코딩
모름 댓글 1 좋아요 0 조회수 2035

인기 태그

인프런 TOP Writers

주간 인기글