inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

파워포인트 자료 다운로드 버튼 어디에 있나요?

미해결

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

안녕하세요 7강 파워포인트 자료 다운로드 버튼 어디에 있나요? 나중에 코딩소스도 다운로드해서 볼수있나요?

  • HTML/CSS
  • jquery
  • 웹-디자인
조추립 댓글 1 좋아요 1 조회수 81

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 조회수 81

실기 강의 관련 질문

해결됨

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

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

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

메일 확인부탁드립니다

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (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 조회수 67

관련 교재는 ?

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형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

노션 자료위치

해결됨

[코드캠프] 강력한 CSS

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

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

usecallback과 usememo를 중복해서 쓰는 이유(context 분리하기 챕터)

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 강의를 잘 듣고있습니다. 하지만 개념이 잘 이해가 되지 않은 부분들이 있어서 질문드립니다. context 분리하기 강의 부분입니다!!! 이부분에서 이미 전 시간에 만들었던 useCallback으로 선언했던 함수들이 있습니다. 하지만 왜 app컴포넌트의 렌더링으로 인해 또 함수 선언이 되어 usememo를 써야한다고 하셨는지 문의드려요. const onCreate = useCallback((content) => { dispatch({ type: "CREATE", data: { id: idRef.current++, isDone: false, content: content, date: new Date().getTime(), }, }); }, []); const onUpdate = useCallback((targetId) => { dispatch({ type: "UPDATE", targetId: targetId, }); }, []); const onDelete = useCallback((targetId) => { dispatch({ type: "DELETE", targetId: targetId, }); }, []); const memoizedDispatch = useMemo(() => { return { onCreate, onUpdate, onDelete }; }, []); 그동안 다른 컴포넌트에 props를 줄때는 color={color}식으로 주고, 이는 객체형태라고 합니다. 받는 자식 컴포넌트에서는 {color} 이런식으로 구조분해할당을 합니다. 하지만 createContext로 만든 provider value ={} 는 기본적으로 객체형태가 아닌걸까요? 기본적으로 구조분해할당을 하지 않는거같아서 뭐지싶었습니다 <TodoDispatchContext.Provider value={memoizedDispatch}> useEffect, useMemo의 차이점은 무엇인가요? 기본적으로 의존성 배열을 []로 둘때는 처음으로 컴포넌트가 mount 될때만 실행하고 , [todos]를 넣으면 이 변수 state가 바뀔때만 실행하는거같아서 똑같은거같아요

  • javascript
  • react
  • node.js
남기정 댓글 2 좋아요 2 조회수 166

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

미해결

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

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

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

membership부분은 몇 강의에서 진행하신건가요?

해결됨

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

membership부분은 몇 강의에서 진행하신건가요? 아무리 찾아봐도 어디있는지...휴.. 추가 안내사항 답변을 받으면 꼭 확인하고 감사 인사를 남겨주세요. 작은 반응도 답변자에게 큰 동기부여가 됩니다! 질문 게시판에서는 서로를 존중하며 커뮤니케이션해주세요. 강의 외적인 문의(예: 계정 문제, 결제 등)는 고객센터 를 이용해주세요. 여러분의 꼼꼼한 질문이 더욱 빠르고 정확한 답변으로 이어질 수 있습니다. 😊

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
red9123 댓글 1 좋아요 0 조회수 79

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

미해결

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

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

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

이벤트 선언 관련 질문입니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

해당 이벤트에서 클릭 시 useNavigate 함수를 호출하라 인데 이 둘의 동작에서 차이가 발생했습니다. 그 이유를 설명해주실 수 있으신가요?

  • javascript
  • react
  • node.js
펌킨푸딩 댓글 2 좋아요 0 조회수 44

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글