inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

hover pulse animation 관련해서 질문있습니다!

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

mouseenter 마우스 이벤트를 할때 pulse.start(); 대신 pulse.restart();로 처음시작하게 하는것처럼 실습 때 mouseleave 마우스가 벗어날 때 자연스럽게 하려면 pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 두개를 사용해서 어색하지 않게 구현했는데요, pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 대신 pulse.reverse();를 사용해도 동일하게 어색하지 않게 줄 수있는 효과인건가요? 차이점은 없는건지 궁금합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
방가워요 댓글 2 좋아요 0 조회수 95

브라우저 화면 줄일 시 빈 공간 발생

미해결

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

D1 유형이고, 브라우저 화면을 줄이면 위와 같이 빈 공간이 발생합니다. 슬라이드 이미지로 꽉 채워져야 할 것 같은데 말입니다. 제공된 예제 파일에서도 이런 증상이 있는 것 같은데 혹시 잘못된 부분이 있는 건가요? 아니면 원래 예상된 동작인지 궁금합니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="maincontant"> <div class="left"> <header> <div class="headerlogo"></div> <div class="navi"></div> <div class="spotmenu"></div> </header> </div> <div class="right"> <div class="slide"> <div class="slideimg"> <div class="slideinner slideitems"> <a class="sitem" href="#none"><img src="images/slide-d-01.jpg" alt="slide-d-01"></a> <a class="sitem" href="#none"><img src="images/slide-d-02.jpg" alt="slide-d-02"></a> <a class="sitem" href="#none"><img src="images/slide-d-03.jpg" alt="slide-d-03"></a> </div> </div> <div class="slidebanner"> <a href="#none"><img src="images/banner-01.png" alt="banner-01"></a> <a href="#none"><img src="images/banner-02.png" alt="banner-02"></a> <a href="#none"><img src="images/banner-03.png" alt="banner-03"></a> </div> </div> <div class="items"> <div class="shortcut"></div> <div class="newsgallery"></div> </div> </div> </div> <footer> <div class="footerlogo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> <script type="text/javascript" src="script/jquery-1.12.4.js"></script> <script type="text/javascript" src="script/custom.js"></script> </body> </html> @charset "utf-8"; body { margin: 0; background-color: #fff; color: #333; } .container {} .maincontant { display: flex; } .maincontant > div{ border: 1px solid; /* height: 800px; */ } .left { width: 200px; } .right { flex : 1 } /* header */ header{} header > div { border: 1px solid red; } .headerlogo { height: 200px; } .navi { height: 500px; } .spotmenu { height: 50px; } .slide { height: 400px; position: relative; } .slideimg { /* border: 1px solid blue; */ height: 400px; position: relative; overflow: hidden; } /* Slide Animation */ .slideinner { /* 실제로 움직이는 요소 */ position: absolute; top: 0; left: 0; font-size: 0; /* animation: slide 10s linear infinite; */ height: inherit; } .slideinner a { /* 움직이는 .slide-image-inner에 포함된 요소 */ height: inherit; } .slideinner a img { width: 100%; height: inherit; /* 부모요소인 a의 너비에 유동적으로 맞춰지게 하는 속성 */ object-fit: cover; } .slidebanner { width: 100px; height: 300px; position: absolute; top: 0; right: 0; } .slidebanner img{ width: 100px; } /* items */ .items{} .items > div{ border: 1px solid green; } .shortcut { height: 200px; } .newsgallery { height: 250px; } /* footer */ footer { display: flex; } footer > div { border: 1px solid; height: 100px; } .footerlogo { width: 200px; } .copyright { flex:1 } .sns { width: 300px; } setInterval(function(){ $('.slideitems').animate({top:'-100%'},function(){ $('.slideitems').css({top:0}); $('.sitem:first-child').appendTo('.slideitems') }) },1000);

  • HTML/CSS
  • jquery
  • 웹-디자인
savannaman 댓글 1 좋아요 0 조회수 84

실기 강의 관련 질문

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요 오늘 처음 강의 구매한사람입니다. 저는 단순 합격도 중요하지만 가급적 고득점으로 안정적으로 합격하기를 원하는사람입니다. 강의에서 얼마나 다양하고 어려운문제를 다루는지는 모르겠는데, 저는 지금까지 기출된 수준보다 더 어려운문제가 나왔을때에도 무난히 합격하고 싶습니다 다른 외부 자료나 강의 없이 강의에서 직접 다루는 문제들 + 강사님께서 제공해주시는 캐글? 같은곳에 있는 문제들만 반복해서 풀고 이해해도 90점이상 안정적으로 받을수있을까요? 다양한 유형의 많은 문제들을 풀어보고싶은데 이 동영상 강의에서 다루지 않는 모의고사 같은 문제들도 수강생을 위해 제공되는지 궁금합니다. *아직 캐글이란게 뭔지 몰라요

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
worrb1 댓글 2 좋아요 0 조회수 92

메일 확인부탁드립니다

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

권한 요청드렸습니다. 확인부탁드립니다!

  • HTML/CSS
  • javascript
  • es6
든든한고양이 댓글 1 좋아요 0 조회수 83

강의자료 어디서 확인하나요

미해결

Python 엑셀 프로그래밍 - with xlsxwriter

코딩내용 어디서 다운로드 받을 수 있나요? 질문&답변 란 보는데도 도저히 못찾겠네요..

  • python
  • xlsxwriter
댓글 1 좋아요 0 조회수 71

CodeSandbox Vanilla 질문있습니다

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

안녕하세요. CodeSandbox에 Vanilla가 보이질 않습니다. 그래서 인프런 내부에 올라온 여러 해결방법을 찾아서 따라하려 했으나 잘 되지는 않는 것 같습니다. 혹시 그냥 자바스크립트를 사용해도 이상없을까요?

  • HTML/CSS
  • javascript
  • es6
든든한고양이 댓글 1 좋아요 0 조회수 83

6강/7강 수업

미해결

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

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 6강 마지막 화면이랑 7강 첫화면 코드가 달라져서 이 부분은 어떻게 해결하면 될까요?? (안녕하세요->환영합니다) (console.log->alert) 크게 이 두 부분이 다른 것 같습니다. 그냥 이대로 진행하면 될까요? 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
noysys 댓글 1 좋아요 0 조회수 69

관련 교재는 ?

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

관련 교재는 개별로 구매를 해야 하는 건가요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
kdw3383 댓글 2 좋아요 0 조회수 75

작업형1 방식 문의

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

작업형1 문의드립니다. 작업형1은 정답만을 제출하는것으로 알고있습니다. 예를들어서 정답이 25라고 하면 그과정의 코딩은 전혀 상관없이 25만 맞추면 득점하나요? 만약에 코딩은 정확히 했는데, 키보드 입력을 잘못해서 엉뚱한 답을 제출하면 0점인가요? 만약에 그럴리는없겠지만 코딩을 전혀 안하고 찍어서 맞추면 전부 득점하나요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
worrb1 댓글 2 좋아요 0 조회수 58

11강은 없는건가요?

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

11강이 있는데 안에 내용은 없네요.. 11강은 추후 업데이트 예정이실까요? 예정이라면 언제쯤 업데이트 될까요??

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
김백준 댓글 1 좋아요 0 조회수 93

모바일 전송이 이메일이 전부인가요?

해결됨

(GPT-5) 챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

슬랙으로 모바일 전송이 이메일이 마지막 강의 인가요? 카카오톡으로 받을수도있을텐데요.

  • python
  • 인공지능(ai)
  • chatgpt
  • ai-활용-(ax)
blissorigin 댓글 1 좋아요 0 조회수 96

문의 드릴 메일 주소좀 알려주시면 감사하겠습니다.

해결됨

베개 투자법: 자면서 돈 버는 AI 주식 자동 매매 머신

수고 많은십니다. 치트키 알려주는 남자님^^ 문의드릴 메일 주소를 못찾아서요 ㅠㅠ 주소알려주시면 감사하겠습니다.

  • python
  • 딥러닝
  • 빅데이터
  • FastAPI
  • 데이터-엔지니어링
바카스청년 댓글 2 좋아요 1 조회수 134

window 사용자 ios 앱

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" window 사용자의 경우 flutter 사용을 해도 ios 앱을 만들 수 없는지요? 아니면, 단순히 xcode로 미리 테스트만 못하는지요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
kairos77 댓글 1 좋아요 0 조회수 54

노션 자료위치

해결됨

[코드캠프] 강력한 CSS

안녕하세요 . 강의에 노션자료가있다고하는데 노션링크를 못찾아서요 노션링크를 공유받을수있을까요 ?

  • HTML/CSS
민호 댓글 2 좋아요 0 조회수 111

혹시 이 강사분 c언어 강의는 없나요?

미해결

파이썬(Python) 기초부터 실무까지 part.1

타 강사 c언어 강의가 불만족 스러워서 강사님 c언어 강의를 듣고 싶습니다. 어디서 찾을수 있을까요?

  • python
혀기 댓글 1 좋아요 0 조회수 80

플레이 그라운드 퀴즈 문제 질문이 있습니다.

미해결

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

위와 같이 입력했을 때 fetchBoard 가 null로 나오는데 제가 어느부분에서 실수했는지 감이 안잡혀서 질문드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김용주 댓글 0 좋아요 0 조회수 72

강의 노트가 어디에 있는건가요?

해결됨

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

섹션2의 3. 형제들 중 선택하기 를 보고있습니다. 1분 44초 쯤에 사이트링크는 강의노트에 있습니다. 라고 나오는데요, 강의노트를 못찾고 있습니다. 어디에 있는지 알 수 있을까요? 감사합니다.

  • python
  • 웹-크롤링
supebulous 댓글 2 좋아요 0 조회수 98

스타터킷!

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

개발자인 저에게는 코딩이 늘 막연하고 두려운 영역이었습니다. 하지만 바이브코딩 강의를 만나고 나서는 생각이 완전히 달라졌습니다. 강사님이 단계별로 차근차근 이끌어주신 덕분에, 저 같은 초보자도 실제로 모임 가계부 어플 을 직접 완성할 수 있었습니다. “정말 내가 코딩으로 무언가를 만들 수 있구나”라는 성취감과 자신감을 얻게 되었고, 이 경험은 제 인생에서 정말 특별한 순간으로 기억될 것 같습니다. 그리고 제가 꼭 말씀드리고 싶은 게 하나 있습니다. 제가 수강평을 105번째로 남겼습니다. 이번에 수강평 100명 한정 스타터킷 을 제공한다고 하셨는데… 솔직히 너무 받고 싶습니다. ㅠㅠ 저도 수강 후기를 진심을 담아 열심히 작성했으니, 혹시 가능하다면 저에게도 기회를 주실 수 없을까요? 정말 간절한 마음으로 부탁드립니다!!! 바이브코딩 덕분에 새로운 도전을 시작할 수 있었던 만큼, 스타터킷까지 함께할 수 있다면 제게는 더할 나위 없는 선물이 될 것 같습니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Full Stack 개발자 댓글 2 좋아요 0 조회수 102

BFS, DFS

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

어느 파트인지 섹션 5 - 그래프 순회 (DFS & BFS) 내가 이해한 내용 DFS와 BFS 모두 모든 노드를 탐색하고, 시간 복잡도도 같다고 이해했습니다. 궁금한 점 DFS로만 풀리고 BFS로 안풀리는 문제도 있나요? BFS로 DFS문제가 다 풀리면, 왜 강사님은 DFS로 먼저 접근하시는건가요?

  • python
  • 코딩-테스트
  • 알고리즘
석국수 댓글 2 좋아요 0 조회수 139

섹션 9. Connection & Hook - 50강 관련 질문

미해결

Airflow 마스터 클래스

안녕하세요. 오늘도 Airflow 강의를 듣던 중 에러가 나는 부분이 있어 질문드리고자 합니다 ㅠ 우선 customized 된 Hook의 bulk_load 기능을 사용하는 과정에서 에러가 발생하는데요.. 강의에서 알려주신대로 아래와 같이 두 개의 파이썬 파일을 작성해서 DAG을 실행했습니다. (코드도 GitHub에 올려주신 것과 동일합니다) plugins/hooks/custom_postgres_hook.py dags/dags_python_with_custom_hook_bulk_load.py 그런데 DAG 실행 과정에서 아래와 같은 에러가 발생합니다. (Failure caused by 'Engine' object has no attribute 'cursor') 제가 docker-compose.yaml 파일 내 postgres_custom 서비스를 정의할 때, 5433:5432 로 포트 포워딩 해줘서 그런가 싶어서, custom_postgres_hook.py 코드에서 uri 변수에 포트번호를 5432로 같이 부여해줬음에도 동일한 에러가 발생합니다. 무엇이 문제일까요..?

  • python
  • 데이터-엔지니어링
  • airflow
Idea 댓글 2 좋아요 0 조회수 105

인기 태그

인프런 TOP Writers

주간 인기글