묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.02
선생님 알려주신 내용을 기반삼아 구현하고 싶은 UI가 있습니다.
안녕하세요 범쌤...! 강의 너무 잘 듣고 있습니다.motionPath를 이용해서 구현하고 싶은 UI가 있습니다.대략적인 구현하고자 하는 모양은 이러합니다.● 디폴트1. 행성이 각 궤도에 맞춰 공전● 행성을 클릭시1. 공전이 멈추고 클릭 된 행성이 줌인2.행성마다 행성의 설명 UI가 보여짐설명이 부족한 것 같아 부족하지만 피그마로 그려서 첨부해봅니다..실무에 필요한데 도저히 감이오지 않아요 ㅜㅜㅜㅜㅜㅜ
-
미해결[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
선생님, 감사해요
처음 접하는건데 이해를 계속 못해서두려움에 떨고 있었거든요. ㅠㅠ강의 중간중간 용기를 주시네요.저같이 무지한 사람들은 그런 말이 정말 실낱같은 희망입니다.정말 감사드려요.
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
피그마로 셀렉트 박스 인터렉션도 되도록 하려면?
https://www.youtube.com/watch?v=uI3k9Ol-Mp4 영어 강의 보고 따라 하려니까 어려워서 그런데 단계별로 설명좀 해주실수 있나요?
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
피그마 ai 기능 괜찮은거 추천해주실수 있나요?
플러그인을 사용해야 되나요 아니면 피그마 ai 정식 버젼을 기다려야 되나요?text to figma , image to figma 괜찮은거 추천해주시면 감사여
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
테이블 그리려고 하는데 어려워요
이런 테이블 피그마로 쉽게 그리는법 좀 알려주세요 강의에서 참고할만한 부분이 있을까여?
-
해결됨웹 프론트엔드를 위한 자바스크립트 첫걸음
async pending상태의 promise객체
// promise 복습 promise 객체(executor 콜백함수(resolve, reject)) const delay= // delay는 ms값을 받아 promise 객체를 리턴 (ms)=>{return new Promise( // 인수로 함수를 받음, resolve(성공)를 인수로 받아 처리하는 지연함수(executor) (resolve)=>{setTimeout( // setTimeOut은 callback함수와 ms초값을 받음 ()=>{resolve();},ms);} ); } const start=()=>{delay(2000).then(()=>{console.log("대기");});} start(); // async const delay2= (ms)=>{return new Promise( (resolve)=>{setTimeout( ()=>{resolve();},ms);} ); } // 함수의 오른쪽에 작성 -> promise 객체 반환 const start2=async()=>{delay2(2000).then(()=>{console.log("async 대기");});} console.log(start2());섹션 4에 5강 async, await를 수강하던 중에 영상과 다른 결과가 출력 되어 질문 드립니다.두 코드의 결과를 서로 비교하고 싶어서 코드를 2개로 나누었는데요. async를 적은 코드는 pending상태의 promise객체가 나온다고 하셨는데 저는 계속 fulfilled가 나와서 제가 코드를 잘못 썼는지 질문 드리고 싶습니다. 위의 코드의 영향이 있을까 싶어 주석 처리 해도 결과는 같았습니다.
-
미해결따라하며 배우는 타입스크립트 A-Z
interface에서 n개의 Generices설정가능한가요? | 7분 27초
interface Vehicle<T> { name: string; color: T; option: T; }질문1. Generics과 n개의 제네릭타입설정강사님의 예시는 1개의 Generics를 이용하셨는데 위의 코드와 같이 만약에 n개의 Generics타입을 지정할 수도 있을까요?? 질문2. 만약 n개의 제네릭타입이 가능하다면?어떻게 코드를 수정할 수 있을까요??const car: Vehicle<{price: number}> = { name: 'Car', color: 'red', option: { price: 1000 } }
-
미해결[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
docker-MongoDB 설치시 window용으로 설치 문의
노션에서 보니 우분투랑 mac만 있어서 설치에 어려움을 겪고 있네요 ㅜㅜ 혹시 window버전으로 설치를 한다면 수업에 지장이 있을까요?
-
해결됨진짜! 자바스크립트(Javascript) - 기초부터 고급까지
Global 스코프 질문
브라우저 환경에서 window객체가 Global 스코프 역할까지 한다고 이해했습니다.그런데 let,const로 정의한 함수들을 this, window를 명시하지 않고 실행하면 잘 실행되는 이유를 말씀하시면서 'let,const로 정의하면 Global스코프라고 볼 수 있는 Script스코프에 올라간다' 라고 하셨는데여기서 말하는 Global 스코프는 window객체를 말하는 Global스코프와 다른건가요?그럼 Global스코프(브라우저의 window보다 포괄적인 범위)는 내부에서 또 Script스코프와 Global스코프(브라우저환경에선 window객체)로 나눠지는거라고 이해하면 되는게 맞을까요...?
-
해결됨누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)
강의 자료
안녕하세요 좋은 강의 감사합니다.혹시 강의 시 사용된 강의 자료를 받아 볼 수 있을까요?정중히 요청 드려봅니다.감사합니다.
-
미해결자바스크립트 제대로 배워볼래?
외부 라이브러리 사용 질문
안녕하세요 강의 잘 수강하고있습니다!저번 강의에서 bigNumber 라이브러리, 이번강의에서 moment라이브러리 설명을 해주셔서 사용하다가 문제가 생겨 질문드립니다.두 라이브러리모두 cdn방식으로 사용을하면 잘 됩니다. 그치만 두 라이브러리 모두 npm으로 설치를 하여 사용하려고 시도를 하니 에러가 뜹니다.moment라이브러리의 경우, 설치를 다 하고난 뒤,script 태그 안에 import moment from 'moment'를 작성하고 사용하려고 하자, SyntaxError: Unexpected identifier 'moment'. import call expects one or two arguments.라는 오류가 뜹니다.코드는 이런식으로 짰는데 어떤 점이 문제일까요?
-
미해결한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
4. Header 개발 중 궁굼한 점이 생겼습니다.
this.template = () => 에서 temp에 태그들을 넣어주고 하는 부분에 input에는 클로징태그가 필요없는 건가요?클로징태그를 작성시 input에 value에 자동으로 /값이 들어가게 되는 상태가 되어 클로징태그가 필요 없는 부분인가?필요 없는 이유는 무엇인지..에 대한 궁굼증이 생겨 질문드립니다<div class='search'> <input type="text" placeholder="Search" id="search" autocomplete="off" value=${searchWord} > </div>
-
미해결Node.js로 웹 크롤링하기
headless 궁금한게 있어요!
const browser: Browser = await puppeteer.launch({ headless: true, args: ['--remote-debugging-port=9222', '--no-sandbox', '--disable-setuid-sandbox'] }); const page: Page = await browser.newPage(); 크롤링 만들고 있습니다!헤드리스를 true로 해봐도, 아예 없애봐도, 아래 args 를 이것저것 달아봐도크롤링을 시작하면 아래 창과 크롬은 안뜨나 화면에 이렇게 크게 빈화면이 나옵니다.. 저만 그런가요? 이거 없애는 방법이 뭘까요 ㅠㅠ
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.03
OneScroll Layout 질문 드립니다!
안녕하세요 만들었던 예제를 살펴보는 와중에section1, section4에서 약간의 문제(?)가 발생하여 질문드립니다.section1에서 스크롤을 올려버리면 다시 스크롤을 아래로 내려도 반응이 없고 아예 먹통이 되어버립니다section4에서는 스크롤을 아래로 내리면 먹통이 됩니다혼자 해결해보려고 했으나 감이 오질않아서.. 어떻게 코드를 수정하면 좋을지 질문드립니다!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Viewer.css관련 질문
강의에서 보여주시는 코드와 같이 작성하면 모양이 사진과 같이 나와요 emotion_img_wrapper영역 background-color영역에 emotionName이 안들어가는거 같아요. height를 300으로 늘리면 포함이 되긴해요. width도 같이 300으로 늘리면 다시 안들어가고요
-
해결됨10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
2 - H 수학문제
https://www.acmicpc.net/source/85152489BigInt로 정렬해서 풀었는데 틀렸다고 나오더라구요 ㅜ3%에서 틀리는데 왜 틀리는지를 모르겠습니다 ㅜ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
10-08 숙제 정답 질문입니다.
타입 문제라고 해서 dto랑 product.entity에 타입이 서로 각각string[] , ProductTag[] 로 서로 다른 타입으로 설정 했더라구요 그래서 그냥 똑같이 ProductTag[] 으로 똑같이 설정 했더니 오류는 사라졌습니다 근데 이게 정답이 맞나요? 수정 전 dto @Field(() => [String]) productTags: string[]; product.entity.ts @Field(() => [ProductTag]) productTags: ProductTag[]; 수정후 dto @Field(() => [ProductTag]) productTags: ProductTag[];
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
axios 에러가 뜹니다.
강의 그대로 따라했는데 무슨문제인지 모르겠네요,,,, 검색해도 안나와서 질문드립니다. npm i axios 한 상태입니다
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
타 사이트 강의 관련 문의 입니다.
패x트x퍼x에 Nest 강의가 새로 출시 되었더라구요~ class1 class2 묶음 강의에 지금 현재[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core이 강의랑 중복되는 부분이 얼마나 될까요?? 답변이 곤란할까요??
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
css 파일 작성시 > 표시 여부
안녕하세요. 투두리스트 ui 구현 중 질문이 생겨 댓글 남깁니다"Header.css" 파일은 h1 태그에 접근 시 ".Header > h1" 과 같이 > 표시를 사용하는데"Editor.css" 파일은 > 표시 없이 그냥 ".Editor input" 로 작성하시더라구요이 둘의 차이가 뭔가요?좋은 강의와 친절한 답변 항상 감사드립니다 :) 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.