묻고 답해요
129만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
flutter 설치중 오류 network resource
[!] Network resources X A cryptographic error occurred while checking "https://cocoapods.org/": Handshake error in client You may be experiencing a man-in-the-middle attack, your network may be compromised, or you may have malware installed on your computer.플러터 설치중 flutter doctor 을 치고 이 오류를 만났는데 window defencer 도꺼보고 다양한 보안프로그램 도 꺼봣는데 안되는데 이 문제에대해 도움이 필요합니다 검색해도 관련 오류가 없더라고요
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
질문있습니다.
- 강의 Row,Coloum 기본과 MaterialApp듣고 있습니다똑같이 짯는데 왜 색깔이 안들어갈까요?그리고 글자가 가운데로 정렬은 코드에 없는데 왜 되는거죠??
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
강의 노트를 보고 싶은데 어디서 봐야되요.
강의노트... 못 찾겠습니다.
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
firebase 프로젝트 연결 오류
캡쳐 화면과 같이 계속 에러가 나는데 어떻게 해결해야할까요..?검색한대로 여러 시도를 해봤는데도 실행이 되질 않아서 여쭤봅니다ㅠㅠ제 환경은 윈도우즈입니다.
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
플러터 다트 질문
플러터 강의를 들으려고 하는데 로드맵대로 하지않고 바로 플러터를 들어도되나요? 플러터만 익히고싶고 파이썬부터 듣고싶진않아서요
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
강사님 vscode 폰트와 색상이 뭔가요
폰트와 폰트 색상이 예뻐서 그러는데어떤거 사용 하나요?그리고 vscode 다크모드에서도 폰트 색상이 동일하게 적용 되나요?키보드 정보도 알고 싶습니다
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
2:20분 이해가 가지 않습니다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .box { width: 100px; height: 100px; background: coral; transition: 1s; } body { margin: 0; } .box-action { transform: translateX(300px); background: blue; } </style> </head> <body> <div class="box"></div> <script> const box = document.querySelector(".box"); box.addEventListener("click", () => { box.classList.toggle("box-action"); }); </script> </body> </html> 안녕하세요 강사님.toggle 해서 클릭 하면 상자가 300px 인 곳으로 이동하는 건 이해 하였는데, 다시 클릭 하면 왜 기존의 위치로 가는건가요? css에서는 가로 세로 100px 이라고만 했는데....이해가 가지 않습니다.
-
미해결
Docker container로 되어 있는 프로그램을 돌리려고 하는데 해결되지 않는 문제가 있습니다.
이런 것을 물어봐도 될까 모르겠습니다만, 진짜 1년이상 가는 삽질의 끝에 어디서 부터 어디를 파야 하는지 도무지 감을 잡지 못해서 여기다가 물어보게 되었습니다.일단 저는 카페24에서 호스팅 서비스를 이용해서 가상 서버 공간을 따로 받았고, centos 7에서 docker와 docker-compose까지는 설치를 했습니다. 그리고 나서 가상화 서버에다가 docker container가 아닌, 그냥 install 명령으로 httpd라고 아파치 서버를 설치해서 일단 홈페이지에 접속하면 아파치 기본 정보는 보이게 만들어 놓는 데는 성공했습니다.문제는 제가 전자연구노트를 설치해 보려고 해서 다음과 같은 과정을 거치면서 상당한 시행착오가 일어나게 되었습니다. 먼저 indigo ELN이라고 해서 오픈소스로 배포 중인 전자 연구노트입니다. 여기서 하나 살펴 보자고 하면, 일단 git hub에 공개적으로 공개되어 있는 물건이기도 합니다. 먼저 git hub에 있는 원본의 파일을 일단 가지고 오는데 까지는 그렇게 까지 큰 문제가 없기는 했습니다. 그리고 나서 다음으로 docker-compose up -d 명령을 사용해서 다음과 같이 도커를 작동 시키는 데 까지도 성공했습니다.실제로 docker ps 명령을 가지고 쳐 보면, 위 스크린샷에서 볼 수 있는 것과 같이 일단 indigo ELN을 구성하고 있는 4개의 도커는 작동을 하고 있는 것을 확인할 수 있습니다. 문제가 그렇다고 해서 접속을 하게 되면 전혀 안되냐 하면, 도커 이미지 속에 있는 index.html파일까지 접근이 되는 것을 확인할 수 있고, 제가 설정해 놓은 문구까지 확인을 할 수 있었습니다. 문제는 8080포트를 쓰고 있는 database의 도커 콘테이너에 접속해서 가지고 있는 콘텐츠를 가지고 와야 하는데 여기서 부터 해결할 수 없는 에러가 발생을 하고 있는 것 입니다. 무엇이 문제인지 몰라서 CORS에러인가 해서 건드려 보면, 삽질이 되고, 다른 어기서 문제인가 해서 보면 그것도 아니고, 거기다가 또 문제라면 문제가 있습니다. 이렇게 파이어폭스의 개발자 콘솔을 보면, invalid host header라고 계속 뜨다가 저런 에러가 터지면서 제가 넣어놓은 문구만 뜨고, 나머지 내용은 전혀 볼 수 없는 상황이 계속되고 있습니다. 당장의 해결이 어렵다고 해도, 어디서 부터 어디를 건드려야 할지 모르는 상황이 되어서 그런데, 여기 인프런에서 관련된 지식이 없는지 그거라도 알아보고자 합니다. 여기저기 검색하고 chat GPT를 사용해도 속 시원한 해결책은 나오지 않고, 중구난방으로 얽히기만 계속 하고 있습니다.
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
몇가지 질문드립니다.
강의잘듣고있습니다. 잔재미 코딩님의 강의들은 대부분 파이썬 기반 웹개발이던데요;;; 커리큘럼 대부분이 파이썬 백엔드와 연관되어 한흐름을 이어나가시는걸 느낄수있었습니다. 갠적으로 궁금한 질문은 이겁니다. 질문1. 파이썬 자바 자바스크립트 각기 다른언어로 만약 웹사이트 백엔드서버를 구축한다면 스팩차이가있을까요? 제가 예전에 학원에 문의했더니 자바로 만든게 가장 서버 스팩이 빠르고 셋중에 가장 떨어지는게 파이썬이란 이야길 들은적이있거든요 그래서 학원측 권유로 자바 스프링 백엔드를국비가 아닌 사비로 6개월다녔었습니다. (국비수업 퀄리티가 많이떨어진다는 이야길 귀가따갑게들어서요) 질문2 제가 오프라인학원에서 자바 스프링 백엔드과정(6개월) 수료 한 상태에서 현재 웹사이트를 구축하고 그그걸연결시키는 앱을 만들려고 잔재미코딩님의 플러터강의를 구매해서 수강중입니다. 현재 스프링부트로 crud까진 할줄아는상태인데 잔재미 코딩님 단과강의들을보면 서버기술 강좌에도 파이썬 플라스크 배포방법 mysql에도 파이썬과연동하는법등 모든게 파이썬과 연동되는 내용이던데 이부분에있어서 자바쪽 공부해온 사람은 해당 강좌들을 들어도 무리가없을지요? 그렇다고 지금 파이썬을 첨부터 공부해서 커리큘럼을 따라가기엔 시간이 많이 걸릴것같아 좀두렵네요~ 자바스프링쪽으로 계속 파서 결과물을 만들고하는게 목표입니다. 혹시 자바나 자바스크립트계열로 시작한 수강생을위해 각단과강의들에 파이썬과 연동된 내용만있는게 아쉬웠는데 타언어 배포나 관련 내용을 만들어 업그레이드해주실순없는지요?? 질문3. 입문자 눈높이에 맞게 잘설명해주시던데 향후 자바스프링계열쪽 컨텐츠를 만들예정은없으신지요? 질문4. 현재 신청한 플러터 인강은 완강했지만 눈에만 발라놨지 아직 제것으로 체화가안된상태입니다.향후 플러터 앱개발의 중고급 개발기술에대한 강의 런칭예정이있을지요??? 전 단순 취업목적으로 it쪽을 공부하는게아닌 현재 나이가 40대 초반이라 직접 앱과 웹을 만들어 창업을해보려고하는 수강생입니다. ㅠㅠ
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
web animation api를 통한 apple page
안녕하세요강의를 들으면서 궁금한 사항이 생겨서 질문드립니다!1분 코딩님께서 제작하신 강의중에 apple페이지를 클론 코딩하는 강의가 있는데web animation API를 통해서는 똑같이 만들수없을까요??그리고 web animation API를 통해서 canvas를 조작할수는 없을까요?
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
리액트에서 scroll-timeline.js 불러오는 법
현재 리액트 프로젝트에 web animations api를 도입하려고 하는데요. 라이브러리는 react-web-animation을 쓰고 있습니다. 그런데 강의에서 사용한 scroll-timeline.js를 그대로 가져와서 import 하였더니 이러한 에러가 발생합니다.어떻게 에러를 해결할 수 있을 까요?
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
Provider와 Stateful
보통 위젯이 그려지는 상태가 바뀌는 상황일때는 stful 위젯으로 코드를 작성하는데, Provide강의에서는 Stateless위젯으로도 화면에 그려지는 위젯이 바뀌는 원리가 어떻게 되는건가요?Provider 만의 고유 특징인지 아니면 어떤 예외의 원리가 따로 있는건지 궁금해요!
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
명령어 프롬프트에서 에러
12분 50초 쯤에서 나오는터미널에 명령어 입력하는 부분이 안되네요.윈도우 사용중이고 디렉토리 루트까지는 갔는데 그 후에 flutterfire 라는게 내외부 명령을 실행할수 있는 배치파일이 아니라고 떠요ㅠ
-
해결됨웹 애니메이션의 새로운 표준, Web Animations API
특정 시점에 자바스크립트 호출은 어려울까요?
우선 좋은 강의에 감사드립니다. scroll-timeline을 바탕으로 새로운 프로젝트를 작성하고 있는데요,특정 시점에 요소 opacity 조절로 노출되게끔 처리했습니다.그런데 이 노출되는 시점에서부터는 특정 스크롤까지 css keyframes로 혼자 깜빡깜빡 거리는 효과를 주고싶은데요. 자바스크립트로 class를 add / remove 해야할지 고민입니다.더 효율적이거나 좋은 방법이 있을까요?
-
미해결
빨간줄로 도배됐어요ㅠㅠ
next 13으로 typescript와 함께 개발중입니다어느 순간부터 html태그들과 improt 쪽에 빨간줄이 뜨더니 해결될 생각을 안하더라구요..많이 검색해 본 결과. @types/react, @types/react-dom 을 다운받아야 한다고 해서 다운 받았지만 해결이 안되더라구요...이 외에도 많은 방법들을 시도해 봤지만 효과가 없었습니다. 도와주세요ㅠㅠ 태크에서 나는 에러 : JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.ts(7026)import문에서 나는 에러: Cannot find module 'next/image' or its corresponding type declarations.ts(2307)
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
section04 - 각각의 객체에 개별 애니메이션 적용하기
선생님 안녕하세요 !강의를 듣는 중 궁금한 점이 있어 질의 드립니다.section04 - 각각의 객체에 개별 애니메이션 적용하기 영상에서let bar를 for문 밖에 선언하고 for문 안에서 document.createElement를 할당한 이유가 있을까요?for문 안에 같이 선언하면서 할당하는 코드와 어떤 부분이 다른지 잘 모르겠어서 질의 드립니다. const bars = []; let bar; for(let i = 0; i < 30; i++){ bar = document.createElement('div'); bar.classList.add('bar'); barContainer.appendChild(bar); bars.push(bar); }
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
제공된 코드들을 실행시키면 sdk파일을 받으라고 뜨는데
안녕하세요 제가 초보라 초보적인 질문일 수 있습니다.제공해주신 코드들을 열어보면 위에 이런식으로 뜨는데,저는 제가작성해서 실행시키는건 문제없는데 제공된것 포험 다른곳에서 다ㅏ운받아와서 열어보면 sdk를 자꾸 설치하라고 뜨는데(위 사진과 같이) 이 sdk를 링크를 통해 다운받아줘야하나요..? 전 이미 sdk가 있는상태이니까 잘 실행시키고 있을텐데 다른 파일불러오면 다운받으라고 뜨니까 궁금해서 여쭤봅니다
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
scroll-timeline.js 를 사용한 ScrollTimeline 실행 시, easing 효과?
안녕하세요. 강의 잘 듣고 있습니다. scroll-timeline.js 를 사용한 ScrollTimeline 실행 시, 부드러운 모션 효과를 위한 옵션이 있을까요?스크롤 한번 했을 때. 스르륵 멈출 수 있게요.
-
미해결
Next.js GCP App Engine 배포 시 환경변수 분기
Next.js로 Google Cloud Platform에 App Engine 서비스 배포를 진행하고 있습니다.문제는 production ( 실 서비스 )와 development ( 개발용 )으로 나누어서.env.development, .env.production의 두개의 환경변수를 가지고있습니다.배포 시 실서비스 에서는 .env.production을 사용하도록개발용 에서는 .env.development를 사용하도록 설정하려는데 이것저것 만져보아도 production만 사용하는 문제가 발생해버리네요. 현재 프로젝트구조와 설정코드는 이렇습니다.project ├── local └── Dockerfile └── docker-compose.yml ├── resource └── .next └── ... (Next.js 빌드 파일) └── node_modules └── package.json └── dev_app.yaml └── prd_app.yaml └── .env.development └── .env.production └── next.config.js └── ... (기타 Next.js 프로젝트 파일) 여기서 package.json의 script설정은 다음과 같습니다.{ dev: "next dev", start: "next start", lint: "next lint", deploy: "npm run build && gcloud app deploy --project='production' -q --appyaml=prd_app.yaml", deploy:dev: "npm run build:dev && gcloud app deploy --project='development' -q --appyaml=dev_app.yaml", build: "dotenv -e .env.production next build", build:dev: "dotenv -e .env.development next build" } next.config.js는 특별히 건드리지 않았습니다.dev_app.yaml, prd_app.yaml파일은 서비스명만 각각 설정해 주었습니다.runtime: nodejs20 # or another supported version service: development 질문 1.현재 app engine 업로드된 용량, 로직을 보니 빌드파일이 아닌 프로젝트 그대로 들어가는 것 같습니다.빌드는 환경변수파일도 정상적으로 분기되는데 앱엔진에서 해당문제가 발생하는 것으로보아혹시 Next.js에서 빌드된 파일로 app engine에 배포할 수 있는지 궁금합니다.질문 2.빌드파일만 올릴수 없다 라고 하더라도 프로젝트 그대로 올리면서 환경변수를 분기할 방법이 있는지 궁금합니다.정말 문서건 블로그건 구글서칭, 깃허브검색, GPT 모두 끈질기게 시도해봤지만능력부족 탓인지 성공하지 못했습니다..능력자분들께서 도움주시면 잊지않겠습니다!!
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
scroll-timeline.js 파일
안녕하세요!강의 재밌게 잘 보고 있습니다 :Dscroll-timeline.js 파일은 어디서 가져오신 건가요?세팅부터 혼자서 해보려고 했는데scroll-timeline 저장소여기서 아무리 찾아봐도 안 보이네요..!Usage에 보면 import를 dist 폴더에서 scroll-timeline.js를 가져오는 것 같은데 dist 폴더도 안 보이고 src 폴더에 scroll-timeline-base.js도 아닌 것 같아서 질문 남깁니다..!또, scrollOffsets에 넣는 옵션들은 어떻게 확인하나요? README에는 new CSSUnitValue 이것밖에 안 보이는데 강의에서는 target, edge, threshold 속성들도 쓰셔서 어디서 확인하고 쓰시는지 너무 궁금합니다..!