inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

이 강의를 초보자가 들어도 괜찮을까요?

미해결

인터랙티브 웹 개발 제대로 시작하기

안녕하세요 선생님. 현재 자바스크립트를 입문해 기초문법을 어느정도 습득한 상태입니다(변수, 연산, 함수, 반복문, 제어문, 객체, 배열) html은 태그의 의미를 이해하는 수준이며(모르면 구글링..) css는 기본적인 문법만 아는상태입니다.(무언가 만들어본적은 아직 없습니다) 이런 상태에서 이 수업을 들어도 괜찮을까요? 아니면 사전에 다른 공부를 준비를해야할까요?

  • 인터랙티브-웹
  • javascript
  • HTML/CSS
ChipmunkDev 댓글 1 좋아요 0 조회수 194

세팅 제이슨

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

세팅 제이슨을 검색하면 그랩님 화면과 다르게 엄청나게 많은 코드가 뜨는데 제가 잘못 검색한건지, 그냥 이 밑에 그대로 코드를 추가하면 되는지 궁금합니다. 그리고 프리티어가 꼭 필요한지도 궁금합니다. 프리티어 없이 써왔어서 있고 없고의 차이가 현저할까요?

  • express
  • tensorflow
  • react-native
  • 머신러닝 배워볼래요?
  • react
  • HTML/CSS
  • nodejs
  • javascript
Terry 댓글 6 좋아요 1 조회수 2124

무료로 활용 할 수 있는 사이트나 페이지 추천 좀 부탁 드립니다.

해결됨

만들면서 배우는 HTML/CSS

조그만 중소기업 재직자 인데요. 쉽고 잼있는 강의 잘 들었습니다. 알차게 요약되어 쉽게 다나오네요. 무료로 강의 해 주시고 감사 드립니다.^^ 다름이 아니라 십여년 전 회사 홈페이지(플래시 삽입)를 외주로 개발 했었는데요. 아시다시피 플래시가 금년부터 사용 불가라 다시 외주를 줄랬더니 그 업체는 망하고 없고 새로 만들자니 비용이 어마어마 하더라구요. ㅜ 소개 페이지가 그닥 많지 않아서 무료 페이지 활용해서 자체로 만들어볼까 하는데요. 혹시 라이센스 문제 없이 html/css 소스(원페이지 스타일 웹사이트) 활용하여 수정 개발 할 수 있는 사이트가 있을까요? 혹시 도움 주실 수 있는 사이트 알려주시면 선생님 강의를 발판으로 만들어볼까 합니다. 도움 부탁 드립니다.

  • HTML/CSS
최석문 moon 댓글 1 좋아요 0 조회수 301

캔버스 크기 관련 질문

해결됨

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

안녕하세요. 질문이 있는데요 저는 캔버스 화면을 애플 공홈처럼 꽉 채우고 싶은데 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 } )` ;

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

수강기한 관련 문의

미해결

퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)

안녕하세요! 현재 퍼블리싱 관련 강의를 수강하고 있는 도중 궁금한 점이 생겨 문의드립니다. "퍼블리싱 핵심이론 PDF 교재 및 예제파일"에 수강 기한이 있는 것을 확인하였는데, 추후 교재가 수정이 된다면 기한이 끝나고 난 후 강의를 다시 구입해야 하나요? 만약, 다시 구입해야 한다면 교재가 수정(또는 개정)되었다는 것을 어떻게 알 수 있을까요? 인프런 강의에서 확인하는 방법이 될까요?

  • jquery
  • flex
  • HTML/CSS
류달리 댓글 1 좋아요 1 조회수 321

자막이 있으면 좋겠어요..

미해결

반응형 웹사이트 포트폴리오(Architecture Agency)

자막파일 따로 다운받아서 놓친부분 찾기도 좋고 중간중간에 목소리 끊기는 부분도 있고 학교과제하느라 제가 시간도 많이 부족해서..... 다음 영상제작부터 자막이 있으면 계속 구매하고싶어요!!

  • 웹 디자인
  • HTML/CSS
  • jquery
  • 반응형-웹
dbs3346 댓글 2 좋아요 2 조회수 729

안녕하세요 질문 있습니다

해결됨

인터랙티브 웹 개발 제대로 시작하기

영상을 여러 번 돌려봤는데 너무 헷갈려서요 제가 제대로 이해한 게 맞는지 확인해주셨으면 합니다. 제가 정리한 내용은 다음과 같습니다. ㅡㅡ 현재 스크롤 상태를 나타내는 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 클래스는 제거된다.

  • javascript
  • HTML/CSS
  • 인터랙티브-웹
Yoon 댓글 2 좋아요 9 조회수 389

문의드립니다.

미해결

실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)

그누보드의 프론트를 커스터마이징 하고 싶은데, 그누보드는 자체적으로 jquery-1.8.3 을 쓰는것 같더라구요// 강사님 사용하는 버전은 3이 넘어가는 것 같은데요// 1. 나중의 한화케이컬, 대방산업 강의를 듣고 제이쿼리 1.8.3 버전에 적용이 가능한가요? (그누보드에 사용하기 위함입니다.) 2. 안된다면 적용하는 방법이 있나요??

  • HTML/CSS
  • 웹 디자인
댓글 1 좋아요 0 조회수 342

!= 과 !==의 차이

해결됨

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

if (passwordConfirmInput.value !== passwoedInput.value) 에서 !=가 아닌 !==를 쓴 이유는 무엇이고, !=와 !==의 차이는 무엇인가요?

  • javascript
  • HTML/CSS
댓글 1 좋아요 0 조회수 357

질문입니다.

해결됨

만들면서 배우는 HTML/CSS

prev next 1 2 3 버튼이 안 나오길래 그냥 진행 했더니 동영상을 다 따라한 이후 나와야 할 슬라이드가 나오지 않고 이미지 1 2 3 이 수직으로 나타납니다.

  • HTML/CSS
뚜룻뚜룻 댓글 3 좋아요 0 조회수 408

카드 애니메이션 IE에서 실행되게 하는 법

해결됨

인터랙티브 웹 개발 제대로 시작하기

안녕하세요. 카드 3D 애니메이션을 IE에서 실행되게 할 때 선생님께서 문서구조를 바꾸셨는데 그럼 하나의 html 파일에서 대응하게 하는 건 어려울까요? 강의를 듣다 궁금해서 질문 남깁니다. 크로스 브라우징 너무 어렵네요ㅜ

  • HTML/CSS
  • 인터랙티브-웹
  • javascript
메가 댓글 1 좋아요 0 조회수 211

facebook 컬러를 어떻게 가져오나요?

미해결

2022 30분 요약 강좌 시즌 1 : HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax

facebook 컬러를 어떻게 가져오나요?

  • HTML/CSS
  • python
  • javascript
댓글 1 좋아요 1 조회수 298

switch(currentScene) case2번 질문드려요!

해결됨

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

쌤 코드 기준으로 질문드려여 :> case 0: 일 경우, 동영상이 밑의 사진처럼 로드시 drawImage 처리를 해줘야 스크롤 처리가 없어도 한번에 뜨는 반면에, case2:일 경우는 동영상이 로드 시의 처리 없이도 바로 뜨는데 이게 왜그런지 궁금하네유

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

질문드립니다.

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

선생님, 안녕하세요. 다름이 아니라 브라켓의 emmet 기능을 설치했는데도 강의에서 선생님처럼 css 속성 앞글자만 쳐도 속성 목록이 쭉 나와야 되는데 저는 css 속성 앞 글자만 작성해도 속성 목록이 전혀 나오지 않습니다. emmet 기능 말고도 다른 확장 기능을 설치해야 되나요? 질문드립니다.

  • HTML/CSS
  • 웹 디자인
  • jquery
댓글 3 좋아요 1 조회수 667

오지랖입니다만,

미해결

반응형 웹사이트 포트폴리오(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 모양으로 남아 있더라구요. 참고하시라고 넣었습니다.

  • 반응형-웹
  • jquery
  • HTML/CSS
  • 웹 디자인
Youngjae Choi 댓글 2 좋아요 3 조회수 335

클린코드(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; }

  • HTML/CSS
  • 웹 디자인
  • 인터랙티브-웹
  • svg
  • javascript
  • 클론코딩
이정석 댓글 2 좋아요 3 조회수 270

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을 곱해주시는걸 보고 든 생각인데 이게 맞는건지 궁금해요

  • javascript
  • HTML/CSS
  • 인터랙티브-웹
댓글 1 좋아요 3 조회수 212

개발도구

미해결

기본을 확실히!! HTML의 모든 것

vs code랑 비교하면 어떤게 더좋나요?

  • HTML/CSS
최진우 댓글 2 좋아요 2 조회수 434

설문조사 실습에서

해결됨

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

설문조사 실습에서 for ( var j = 0 ; j < list [ i ]. options . length ; j ++) // 이 부분에서 에러가 나타납니다. Uncaught TypeError: Cannot read property 'length' of undefined at survey.html:23 뭐가 문제일까요...?

  • javascript
  • HTML/CSS
임찬 댓글 1 좋아요 0 조회수 399

인기 태그

인프런 TOP Writers

주간 인기글