묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
영상에 갑자기 자막이 같이 나와요
소리랑 안 맞기도 하고 화면 밑부분을 보여주실 때 자막에 가려서 안 보입니다ㅜ
-
해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
43강에서 card-image 크기 관련 질문있습니다.
안녕하세요. 재미있게 강의를 듣고 있는 수강생입니다. 다름이아니라 43강에서 마지막으로 수정(class-image height property 삭제)을 한 후 image의 높이가 안맞는 경우가 생깁니다. 크로스 브라우징을 위해 height를 지운다고 강의에서 말씀하신거 같은데, 어떻게 하면 좋을까요? (font의 경우에는 spoqa font를 서버에서 받아오는데 시간이 너무 오래걸려 Google Fonts로 대체했습니다.) 답변주시면 감사하겠습니다.
-
미해결인터랙티브 웹 개발 제대로 시작하기
new Character(); 생성시 로컬서버환경
안녕하세요~ 저는 VScode편집기 환경에서 Live Server확장api를 사용해서 저장시 바로 보이는 기능으로 사용하고 있습니다. 5500번 포트로 열리게 되는데 new Character(); 하면 not defined 오류가 생깁니다..ㅠㅠ 파일경로로 오픈해서 인스턴스생성이 제대로 작동되는것은 확인했지만 왜 라이브 서버로 열게되면 안되는것인지 궁급합니다. 혹시 이유를 알고계신다면 알려주실수 있으신지요..😭😭😭😭 ps.강의 너무 재미있게 듣고있습니다 존경합니다..!🤩
-
미해결인터랙티브 웹 개발 제대로 시작하기
이 강의를 초보자가 들어도 괜찮을까요?
안녕하세요 선생님. 현재 자바스크립트를 입문해 기초문법을 어느정도 습득한 상태입니다(변수, 연산, 함수, 반복문, 제어문, 객체, 배열) html은 태그의 의미를 이해하는 수준이며(모르면 구글링..) css는 기본적인 문법만 아는상태입니다.(무언가 만들어본적은 아직 없습니다) 이런 상태에서 이 수업을 들어도 괜찮을까요? 아니면 사전에 다른 공부를 준비를해야할까요?
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
세팅 제이슨
세팅 제이슨을 검색하면 그랩님 화면과 다르게 엄청나게 많은 코드가 뜨는데 제가 잘못 검색한건지, 그냥 이 밑에 그대로 코드를 추가하면 되는지 궁금합니다. 그리고 프리티어가 꼭 필요한지도 궁금합니다. 프리티어 없이 써왔어서 있고 없고의 차이가 현저할까요?
-
해결됨애플 웹사이트 인터랙션 클론!
캔버스 크기 관련 질문
안녕하세요. 질문이 있는데요 저는 캔버스 화면을 애플 공홈처럼 꽉 채우고 싶은데 innerHeight에 맞춰서 그런가 이런 식으로 나오네요(1920*1080 모니터 기준) outHeight나 그 외 다른 height 값들을 대신 넣으면 화면이 꽉 차는 대신 화면이 안 예쁘게 늘어납니다. f11하면 제가 원하는대로 1920*1080 풀사이즈 정확하게 나오고요. 어떻게 수정해야 할까요? const heightRatio = window.innerHeight / 1080; sceneInfo[1].objs.canvas.style.transform = `translate3d(-50%, -50%, 0) scale(${heightRatio})`;
-
미해결퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)
수강기한 관련 문의
안녕하세요! 현재 퍼블리싱 관련 강의를 수강하고 있는 도중 궁금한 점이 생겨 문의드립니다. "퍼블리싱 핵심이론 PDF 교재 및 예제파일"에 수강 기한이 있는 것을 확인하였는데, 추후 교재가 수정이 된다면 기한이 끝나고 난 후 강의를 다시 구입해야 하나요? 만약, 다시 구입해야 한다면 교재가 수정(또는 개정)되었다는 것을 어떻게 알 수 있을까요? 인프런 강의에서 확인하는 방법이 될까요?
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
자막이 있으면 좋겠어요..
자막파일 따로 다운받아서 놓친부분 찾기도 좋고 중간중간에 목소리 끊기는 부분도 있고 학교과제하느라 제가 시간도 많이 부족해서..... 다음 영상제작부터 자막이 있으면 계속 구매하고싶어요!!
-
해결됨인터랙티브 웹 개발 제대로 시작하기
안녕하세요 질문 있습니다
영상을 여러 번 돌려봤는데 너무 헷갈려서요 제가 제대로 이해한 게 맞는지 확인해주셨으면 합니다. 제가 정리한 내용은 다음과 같습니다. ㅡㅡ 현재 스크롤 상태를 나타내는 scrollState의 기본값은 false이다. 스크롤 이벤트가 실행되면 clearTimeout이 먼저 작동한다. clearTimeout은 setTimeout의 반환값을 매개변수로 하여 setTimeout을 취소시키는 함수이다. 지금은 setTimeout이 실행되지 않았으니 건너뛰고 다음 if문으로 가자. "!(self.scrollState=false)= true", 즉 if(true){} 이므로 if문이 실행된다. running 클래스가 붙어 이제 애니메이션이 작동된다. 다음으로 setTimeout 함수로 가보자. setTimeout은 항상 숫자를 리턴하기 때문에 scrollState는 값을 가지게 되어 true가 된다. setTimeout 안의 내용들은 0.5초 후에 실행되는데 실행되기도 전에 스크롤 이벤트 갱신과 함께 clearTimeout으로 인해 실행되지 못한다. 이제 if문으로 넘어가는데 scrollState가 true이므로 if(!true), 즉, if(false)가 되어 if 문이 실행되지 않는다. 그리고 setTimeout으로 넘어가면 마찬가지로 리턴값을 받아 여전히 true이고, settimeout은 실행되지 않는다. 이렇게 반복되다가 마지막 스크롤일 때 setTimeout이 드디어 실행된다. 왜냐하면 더 이상 스크롤 이벤트가 일어나지 않아 clearTimeout이 동작하지 않기 때문이다. 비로소 scrollstate는 false가 되고 running 클래스는 제거된다.
-
미해결실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)
문의드립니다.
그누보드의 프론트를 커스터마이징 하고 싶은데, 그누보드는 자체적으로 jquery-1.8.3 을 쓰는것 같더라구요// 강사님 사용하는 버전은 3이 넘어가는 것 같은데요// 1. 나중의 한화케이컬, 대방산업 강의를 듣고 제이쿼리 1.8.3 버전에 적용이 가능한가요? (그누보드에 사용하기 위함입니다.) 2. 안된다면 적용하는 방법이 있나요??
-
해결됨프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
!= 과 !==의 차이
if (passwordConfirmInput.value !== passwoedInput.value) 에서 !=가 아닌 !==를 쓴 이유는 무엇이고, !=와 !==의 차이는 무엇인가요?
-
해결됨인터랙티브 웹 개발 제대로 시작하기
카드 애니메이션 IE에서 실행되게 하는 법
안녕하세요. 카드 3D 애니메이션을 IE에서 실행되게 할 때 선생님께서 문서구조를 바꾸셨는데 그럼 하나의 html 파일에서 대응하게 하는 건 어려울까요? 강의를 듣다 궁금해서 질문 남깁니다. 크로스 브라우징 너무 어렵네요ㅜ
-
미해결2022 30분 요약 강좌 시즌 1 : HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax
facebook 컬러를 어떻게 가져오나요?
facebook 컬러를 어떻게 가져오나요?
-
해결됨애플 웹사이트 인터랙션 클론!
switch(currentScene) case2번 질문드려요!
쌤 코드 기준으로 질문드려여 :> case 0: 일 경우, 동영상이 밑의 사진처럼 로드시 drawImage 처리를 해줘야 스크롤 처리가 없어도 한번에 뜨는 반면에, case2:일 경우는 동영상이 로드 시의 처리 없이도 바로 뜨는데 이게 왜그런지 궁금하네유
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
질문드립니다.
선생님, 안녕하세요. 다름이 아니라 브라켓의 emmet 기능을 설치했는데도 강의에서 선생님처럼 css 속성 앞글자만 쳐도 속성 목록이 쭉 나와야 되는데 저는 css 속성 앞 글자만 작성해도 속성 목록이 전혀 나오지 않습니다. emmet 기능 말고도 다른 확장 기능을 설치해야 되나요? 질문드립니다.
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
오지랖입니다만,
$(function(){ /* TRIGGER */ $('.trigger').click(function(){ $(this).toggleClass('active') $('.gnb').toggleClass('active') }) $('section').click(function(){ $('.gnb').removeClass('active') $('.trigger').removeClass('active') }) }) 조금 더 정확하게 해주기 위해, 마지막에,$('.trigger').removeClass('active') 이거 한줄 더 넣어주면, 트리거 모양이 돌아옵니다. 저거 빠트리면, gnb가 들어가도 트리거가 X 모양으로 남아 있더라구요. 참고하시라고 넣었습니다.
-
해결됨애플 웹사이트 인터랙션 클론!
클린코드(8:02부분)
강의 8:02에 .local-nav-links .product-name을 하여 .local-nav-links a보다 우선순위를 올려 주셨는데 앞서 작성하신 .local-nav-links a:not(.product-name)에 fontr-size를 정해주고 .porduct-name에 굵기, 크기를 조절해준다면 더 클린한 코드 아닌가요? 사실 크게 상관 없을거 같은데 궁금해서 질의 합니다. 8:02부분과 이 코드를 비교하시면 제질문이 이해되기 쉬울거 같습니다. .product-name { margin-right: auto; font-size: 1.2rem; font-weight: bold; } .local-nav-links a:not(.product-name) { margin-left: 2em; font-size: 0.8rem; }
-
해결됨인터랙티브 웹 개발 제대로 시작하기
zMove에 1000이나 950곱하는것
안녕하세요 선생님 궁금한게 생겨서 질문드려요! const zMove=pageYOffset/maxScrollValue*1000-490; houseElem.style.transform='translateZ('+zMove+'vw)'; 여기에서 zMove에 1000을 곱할때 pageYOffset/maxScrollValue가 너무 작아서라고 이해했는데 다시듣다보니 의문이 생겨서요 .wall-left, .wall-right의 width가 1000vw인것과 관련있는건가요? 스크롤이 끝까지 가지않게 950을 곱해주시는걸 보고 든 생각인데 이게 맞는건지 궁금해요
-
미해결기본을 확실히!! HTML의 모든 것
개발도구
vs code랑 비교하면 어떤게 더좋나요?
-
해결됨프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
설문조사 실습에서
설문조사 실습에서 for (var j = 0; j < list[i].options.length; j++) // 이 부분에서 에러가 나타납니다.Uncaught TypeError: Cannot read property 'length' of undefined at survey.html:23뭐가 문제일까요...?