inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

기본환경설정(2-1) 강의에서, Ctrl+F5 눌러도 Hello python!일 출력되지 않습니다.

미해결

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

안녕하세요. 이전강의들을 포함해서, "파이썬 기본 환경 설정(2-1) : 개발 환경 설정(Vscode) - Windows" 강의 내용을 그대로 따라서 했습니다. 그런데 해당 강의 동영상의 25:33에서처럼 Ctrl+F5 단축키를 누르거나 Run 메뉴에서 Run Without Debugging을 직접 선택해도, 강의에서처럼 Hello python!이 출력되지 않고 이렇게 Select debugger라고 나옵니다. 이때 무엇을 선택해야 하나요? 어떻게 하면 강사선생님처럼 Run Without Debugging을 실행할 수 있나요? 참고로 오른쪽 상단의 오른쪽 방향 세모 아이콘을 클릭하면 문제없이 실행하고 Hello python!이 출력됩니다. (저는 단축키 설정에 대해서 질문을 드린 게 아닙니다.)

  • python
defoogle 댓글 2 좋아요 0 조회수 619

실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

안녕하세요! 어제오늘 이틀내내 구글링도 해보고 이렇게 저렇게 다 시도해봤는데 결국 실패하고 질문드려요..! 포트폴리오 PDF파일의 예시처럼 실전퍼블리싱 파트를 탭메뉴 안에 slick slider로 해서 넣고싶은데 탭버튼과 컨텐츠를 pos:r 과 pos:a으로 하면 높이값이 사라지면서 슬라이더가 깨지고, input버튼으로 하면 1번 탭버튼 컨텐츠는 잘 적용되지만 2번째 탭버튼부터는 슬라이더가 깨지면서 너비값이 0이 됩니다ㅠㅠ 어떻게 코드를 짜야 pdf파일처럼 나올 수 있나요?ㅠㅠ 제가 참고하고 싶은 구성입니다. 처음 탭메뉴에서는 잘 배치가 되는데 두번째 탭메뉴부터 이렇게 깨져요...!! html은 이렇게 구성되어있어요..!

  • HTML/CSS
  • javascript
  • jquery
이유정 댓글 2 좋아요 1 조회수 412

안녕하세요 복습은 어떤식으로 하면 되나요

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

안녕하세요 복습은 어떤식으로 하면 되나요

  • python
  • 웹-크롤링
닉네임을 등록해주세요 댓글 1 좋아요 0 조회수 258

영상 오류가 발생합니다

미해결

[웹 퍼블리싱 실습] 웹 표준 사이트 만들기

9:43 부터 영상이 재생되지 않습니다.

  • HTML/CSS
나무늘보 댓글 1 좋아요 0 조회수 339

Event의 정의 및 Event 다루기 설명 확인 요청

미해결

처음 만난 리액트(React)

강의에서 컴퍼넌트 이벤트 콜백에 Bind 해주는 내용이 나옵니다. 함수 내에서 사용하는 this 스코프를 정하기 위해 bind를 하는 거로 알고 있는데요. 괄호로 설명하는건 맞지 않는것 같습니다.

  • HTML/CSS
  • javascript
  • react
한바름 댓글 2 좋아요 0 조회수 248

.news-thum .date 위치가 안맞아요

미해결

반응형 웹사이트 포트폴리오(App Official Landing Website)

<section class="news" id="news"> <div class="news-inner"> <div class="headline-share"> <h1>스타트메이트 최신 소식</h1> </div> <div class="news-content"> <div class="news-left"> <div class="news-big"> <img src="images/news-thum-big.jpg"> <div class="news-headline"> <h2>Merry Christmas 2020</h2> <p> 스타트업 CEO 여러분~ 지금은 사회적으로 힘든 시기를 보내고 있지만 우리는 이겨낼수 있습니다.<br> 스타트업메이트가 여러분을 응원합니다. <small class="date">Dec 24, 2020</small> </p> <a href="#none" class="btn-view">자세히 보기</a> </div> </div> </div> <div class="news-right"> <div class="news-items"> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-01.jpg"> <span class="badge hot">hot issue</span> </div> <p> 스타트업 메이트 드디어 사무실이 확장 이전했습니다. <small class="date">Dec 11, 2020</small> </p> </div> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-02.jpg"> <span class="badge new">new issue</span> </div> <p> 예상 고객의 요구사항 분석을 미리 알아보는 오프라인 CEO 프로젝트 <small class="date">Oct 21, 2020</small> </p> </div> </div> <div class="news-items"> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-03.jpg"> <span class="badge hot">hot issue</span> </div> <p> 스타트업을 위한 앱 개발 유료서비스 플랫폼 서비스 오픈 <small class="date">Nov 12, 2020</small> </p> </div> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-04.jpg"> <span class="badge new">new issue</span> </div> <p> 스타트업 CEO를 위한 사업 기획서 작성과 아이디어 도출 방법 <small class="date">Oct 16, 2020 </small> </p> </div> </div> </div> </div> <a href="#none" class="btn-readmore">read more news</a> </div> </section> //css .news { background-color: #f9f9f9; } .news-inner { width: 1300px; margin: auto; } .news-content { overflow: hidden; width: 95%; } .news-content > div { float: left; width: 50%; } .news-big { position: relative; width: 550px; height: 550px; margin: auto; } .news-big::before { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s; } .news-big:hover::before { background-color: rgba(0, 0, 0, 0.4); } .news-big img { width: inherit; height: inherit; object-fit: cover; } .news-headline { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width: 90%; } .date { display: block; margin-top: 20px; font-size: 14px; } .btn-view { background-color: #000; padding: 5px 10px; border-radius: 5px; color: #fff; } .news-items { margin-bottom: 20px; } .news-items > div { display: inline-block; } .news-thum { width: 280px; } .news-thum:first-child { margin-right: 30px; } .news-thum:hover .news-photo img { transform: scale(1.1); } .news-thum p { margin-top: 0; } .news-photo { position: relative; display: inline-block; overflow: hidden; } .news-photo img { display: block; transition: 0.3s; } .badge { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 14px; padding: 0 10px; } .badge.new { background-color: red; } .badge.hot { background-color: #000; } .news-thum .date { float: right; } .btn-readmore { background-color: #69acfe; color: #fff; width: 180px; text-align: center; padding: 5px; border-radius: 20px; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; margin: auto; margin-top: 30px; } 제목 길이에 따라 date 위치가 바뀌는데 어떻게 수정해야 같은 위치로 놓을 수 있나요?

  • HTML/CSS
  • jquery
  • 반응형-웹
김주아 댓글 2 좋아요 1 조회수 269

포스트맨 구성이 달라졌어요

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다) - 이외의 문의등은 평생강의이므로 양해를 부탁드립니다 - 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다 - 잠깐! 인프런 서비스 운영(다운로드 방법포함) 관련 문의는 1:1 문의하기를 이용해주세요. 포스트맨 구성이 달라져서 블로그 보고 따라해봐서 성공했습니다 업데이트 되어 달라진 것 같아서, 다른 분들도 참고하실 수 있게 강의 내용도 업데이트 되거나 게시판에 업로드 해주시면 좋을 거 같습니다-

  • python
  • 웹-크롤링
  • 포스트맨
juhyun2393 댓글 2 좋아요 2 조회수 444

첨부파일 누락확인

미해결

Tailwind CSS로 만드는 멋진 웹 UI 스타일링

[다운로드]+Tailwind+CSS(v3.4.1)+이론+및+실전+예제+ 완성본.zip 파일을 다운로드 받았는데, 강의내용과 폴더안의 파일이 다른것같습니다. 확인부탁드립니다.

  • HTML/CSS
  • 반응형-웹
  • tailwind-css
댓글 2 좋아요 1 조회수 490

VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요

미해결

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

이미지가 왜 안뜨나 했더니 Ctrl + shift + I로 오류 찾았을 때 Not allowed to load local resource가 뜨네요 Html 문서와 같은 장소에 이미지 파일이 있거나 그보다 하위 폴더에 있을 때만 이미지가 뜨고 상위 폴더에 있거나 절대 경로로 접근은 보안상의 이유로 차단되어있는 것 같네요 구글 이미지 링크주소 복붙은 정상적으로 되는데 간혹 안되는 이미지 파일도 있네요

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

Link 적용하기 관련 문의드립니다.

미해결

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

Link 수업 듣는 중에 아래 질문과 같이 동일한 문제가 발생했는데요 (상품 클릭 시, 링크 변경은 되는데 페이지 이동이 안되는 현상) https://www.inflearn.com/questions/645148/link-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EA%B4%80%EB%A0%A8%EC%A7%88%EB%AC%B8 질문 확인하고 <React.StrictMode> 을 제거하기 전에는 상품카드를 클릭했을때 url만 변경되고 페이지가 새로고침되지 않았습니다. <React.StrictMode> 제거해야지만 클릭시 url변경 + 페이지 새로고침까지 되었습니다 강의와 동일하게 작성하였는데 왜 <React.StrictMode> 제거 후 문제가 해결된걸까요?

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

[필독] D,E 강의 설명 중 필수 이론 04 가상 클래스 질문

해결됨

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

안녕하세요 선생님, 저는 spot 메뉴에서 ' | ' 바의 역할이 단어 칸 나누기라고 생각해서 지금까지 키보드 위에 있는 저 바를 html 에 입력하고 a태그로 메뉴를 구성했었거든요, 필독 사항 강의 에서도 반드시 필요한 것은 아니고, 코드 간결을 위해서 사용한다고 말씀해주셨는데, | 부분을 실무에서 코사용할 때 after를 사용하나요? 키보드에 있는 걸 쓰는 것을 쌤은 비추를 하시는지 궁금해서 질문 드립니다..!

  • HTML/CSS
  • jquery
  • 웹-디자인
띵가 댓글 1 좋아요 2 조회수 207

슬라이드가 이상하게 넘어갑니다

미해결

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

<div class="content-inner"> <div class="slide"> <div class="slide-items"> <a href="#none" class="slide-item"><img src="images/slide-01.jpg" alt="slide 01"></a> <a href="#none" class="slide-item"><img src="images/slide-02.jpg" alt="slide 02"></a> <a href="#none" class="slide-item"><img src="images/slide-03.jpg" alt="slide 03"></a> </div> </div> .slide-items { position: relative; width: 1200px; height: 300px; overflow: hidden; } .slide-item { position: absolute; top: 0; left: 0; width: 3600px; font-size: 0; } setInterval(function(){ $('.slide-items').animate({left: '-1200px'}, function(){ $('.slide-items').css({left: 0}); $('.slide-item:first-child').appendTo('.slide-items'); }); }, 3500); 제 컴퓨터가 이상한 건지는 모르겠는데 코드 확인 해봐도 도저히 다른 곳이 없는데 뭐가 문제일까요ㅠㅠ 사진이 툭툭 끊기면서 넘어가요

  • HTML/CSS
  • jquery
  • 웹-디자인
현빈 댓글 1 좋아요 1 조회수 250

javascript 자동완성 안됨

미해결

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

vscode에서 html은 자동완성이 되는데 javascript 자동완성이 안됩니다. 해결방법이 있나요?

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • linux
  • git
  • jquery
mori 댓글 1 좋아요 0 조회수 1724

sticky 추가 css 코드 누락

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

올려주신 드라이브 파일에서 sticky 관련 파일은 찾을 수가 없는데 누락된건가요? 제가 못찾은거라면 어느부분에 작성되어 있는 지 알 수 있을까요? +추가) 밑줄 없애는 css 코드도 따로 없는것 같은데 확인 부탁드립니다..!

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
kscr37 댓글 1 좋아요 0 조회수 375

파일

해결됨

구글 애드센스 수익형 워드프레스 블로그 만들기

강의에 대한 질문은 인프런 질문하기나 1:1 카카오톡 플러스 친구에서 문의하셔도 가능합니다. (카카오톡 플러스친구 주소 http://pf.kakao.com/_ckMyxj/chat ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 글 가져오기 파일.xml은 어디서 다운 받을 수 있나요? 이런 파일들도 하나하나 다 요청해야지 받을 수 있는건가요?

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
kscr37 댓글 1 좋아요 0 조회수 334

단축키자료

미해결

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

단축키 자료 올려주신건 비쥬얼스튜디오에도 똑같이 적용이 가능한 부분인가요? 시험전 준비영상도 봤는데 그 영상에서 말씀하신 단축키만 바꾸면 똑같이 써도 되는건지 궁금해서요. ■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
VIVIDAKE 댓글 1 좋아요 1 조회수 168

2024년 html

해결됨

[코드캠프] 시작은 프리캠프

2024년에 html이 새로 바뀌었다는 얘기를 들었는데 이 강의를 들어도 되나요?

  • HTML/CSS
  • javascript
김서연 댓글 1 좋아요 0 조회수 252

장바구니페이지 관련 질문입니다.

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

수강신청 장바구니 화면에서 항목중 1개라도 선택이 해제되면 전체선택체크박스의 체크도 풀려야 하는거 아닌가요? 어떤 스크립트를 추가해야 적용이 되나요?

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
a2m_designer 댓글 1 좋아요 1 조회수 309

강의자료 부탁드립니다

미해결

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

rokoppa@gmail.com 입니다. 감사합니다~!

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

인기 태그

인프런 TOP Writers

주간 인기글