inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

슬라이드 넘어가는 효과가 안들어가요

미해결

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

선생님께서 만드신 슬라이드처럼 부드럽게 넘어가지 않고 이미지가 그냥 툭툭 끊기면서 바뀝니다.ㅠㅠ 설마 이러면 실격사유인가요? .right { flex: 1; } .slide { width: calc(100vw - 600px); height: 850px; border: 1px solid orange; } .slide-image { width: inherit; height: 850px; font-size: 0; /* overflow: hidden; */ } .slide-items { height: 850px; } .slide-item { height: 850px; } .slide-item a { display: block; height: 850px; } .slide-item img { width: 100%; height: 850px; object-fit: cover; } setInterval(function(){ $('.slide-items').animate({top:'-100%'}, function(){ $('.slide-items').css({top:0}) $('.slide-item:first-child').appendTo('.slide-items') }) },3500)

  • HTML/CSS
  • jquery
  • 웹-디자인
Park Ji Eun 댓글 4 좋아요 1 조회수 892

img 태그 관련 질문

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

img태그 뒤에 alt ""안에 개발자의 품격 로고 라고 쓰고 싶은데 써도 웹페이지에 안 나타나요 어떻게 해야 하나요?

  • HTML/CSS
성현 댓글 2 좋아요 3 조회수 599

D,E유형 제이쿼리로 슬라이드 할 때 CSS 문의

미해결

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

슬라이드를 제이쿼리로 공부하고 있는데, 이런 상황에서는 어떻게 css를 고쳐야할지 궁금합니다 ㅠㅠ 슬라이드 크기가 넘쳐요 높이값 적용이 안되고있는것같습니다. 지금 상황 말고도 다른 유형에서 calc 함수를 줄 때마다 제대로 적용이 안돼서 가로는 꼭 flex:1을 썼는데, 혹시 flex가 위에 있으면 적용이 안된다거나.. 특정 (block, inline-block..등) 요소에만 되거나 등등 적용 가능/불가능한 조건이 있나요? 숫자에 공백 다 주고 똑같이 작성해도 잘 안됩니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
Park Ji Eun 댓글 4 좋아요 1 조회수 807

시험 출제 유형 문의

미해결

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

혹시 정보가 있으시다면 이번 회차(2023.3월~4월)의 지난 시험에는 어떤 유형이 나왔는지 궁금합니다. 남은 하루동안 D, E 유형이 난이도 조정을 위해 새로 생긴 만큼 아주 집중적으로 공부하는편이 좋을지, 아니면 A~C 최종 복습을 하고 갈지 선택하려구요.. 물론 다 잘 해야겠지만요 ^^;; 내일 시험이라 걱정이 많이 되고 떨리네요.

  • HTML/CSS
  • jquery
  • 웹-디자인
Park Ji Eun 댓글 1 좋아요 1 조회수 351

mouseenter와 mouseover의 차이

미해결

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

선생님 안녕하세요! 마우스를 올렸을때 실행되는 함수로 mouseover를 알고있었는데, 선생님은 mouseenter를 사용하시더라구요! 혹시 mouseenter랑 mouseover랑 차이점이 있을까요??

  • HTML/CSS
  • jquery
넴모 댓글 1 좋아요 1 조회수 1423

어디 물어볼곳이 없어서 질문합니다 ㅜㅜ

미해결

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

d3 가로메가 메뉴 말고도 다른부분들 암기할 부분들이 많은데... 물론 연습을 최대한 해보겠지만 만약 d3 유형 가로메가메뉴를 구현하지 못하고 c유형처럼 메뉴를 구성하게 됬을때 점수로 따지면 d3 메뉴에서 몇점정도 깎이게 되는건지 궁금합니다 ㅜㅜ 슬라이드 영역이 아니기에 실격은 아닐것 같은데..

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

Failed to compile [./src/App.js 12:35-41 문제 원인 좀

미해결

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

어디 쪽에서 문제가 발생 하는지 모르겠습니다.

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

배포용 도커 컨테이너 실행이 안됩니다

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

docker-compose exec web python manage.py migrate를 했는데도 웹에 Bad Request (400) 라고 나옵니다 docker-compose logs 내용인데 오류메시지가 어디있는지 모르겠어요

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
djup1234 댓글 1 좋아요 0 조회수 734

수리검 방지턱(?) 현상

미해결

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

안녕하세요 코딩 1달차 뉴비입니다... 선생님의 지도에 따라 수리검 만들고 화면 밖을 벗어나면 수리검이 없어지는 효과까지 구현을 하였습니다만... 화면밖에서 사라질때 스크롤바가 뜬금없이 나와 방지턱에 걸린 마냥 hero가 올라갔다 내려갔다 합니다... 아래 그림처럼 말이죠... 브라우저 문제일까요?? 구글크롬 사용하고 있습니당..

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
은호우 댓글 2 좋아요 0 조회수 518

공지사항 날짜부분이 float:right 하면 뒤죽박죽 이상해집니다ㅠㅠ

해결됨

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

공지사항에서 날짜부분 float: right 하면 정렬이 이렇게 이상해집니다. 혹시 몰라서 글자 넘칠때 쓰는 html 태그를 써보기도 했지만 고쳐지지 않았습니다..ㅠㅠ html css 너무 길어서 댓글로 첨부드리겠습니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
Park Ji Eun 댓글 4 좋아요 1 조회수 492

transition transition-delay속성 질문드립니다.

해결됨

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

■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 강의 21:35초 경에서 .content{ position: absolute; text-align: center; background-color: #000; color:#fff; height:300px; bottom:-300px; } .gallery li:hover .content{ bottom: 0; transition: 0.5s ; transition-delay: 0.5s; } tranisiton:0.5s 와 tranistion-delay:0.5s를 .content나 .gallery li:hover .content 어느곳에 넣어도 똑같이 동작하는데요. 어디에 넣어야 올바른 건가요 아니면 어느곳에 넣어도 상관이 없나요?ㅠ미리 답변 감사합니다 독학하는 중에 굉장히 도움이 많이 되고 있습니다!!

  • HTML/CSS
  • jquery
한혜숙 댓글 1 좋아요 1 조회수 473

도메인 웹호스팅시 이미지가 안 뜨는데 누가 좀 알려주세요ㅠㅜ

미해결

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

안녕하세요. 알려주신 인강 내용을 토대로 메인 화면을 만들었고 html 로컬 화면에서는 제대로 작동하는 것을 확인했습니다. 그런데 실제로 도메인을 사고 웹호스팅 하는 방법을 찾아서 연결했더니 js에 적용된 이미지들과 텍스트가 나타나질 않습니다.ㅠㅜ html과 css에 연결된 내용은 큰 덩어리들은 뜨는 것 같은데 왜 js에 연결된 인터랙션과 이미지, 콘텐츠 내용은 나타나질 않는 것일까요? 도메인/images/이미지이름.png <<이런 식으로 이미지가 연결되어 있는지 확인하면 해당 이미지가 뜨긴 합니다. 실제 포트폴리오 사이트를 만들어보고 싶어서 맨 땅에 헤딩 중입니다. 디자이너라서 퍼블 이후 개념들은 잘 모르기도 하고요ㅠㅜ 근데 작업한 게 아까워서라도 제대로 구현되도록 만들고 싶습니다...이런 경우의 문제 아시는 분은 제발 알려주시면 감사하겠습니다.

  • HTML/CSS
  • javascript
  • 웹-디자인
  • 인터랙티브-웹
  • 클론코딩
  • 웹호스팅
  • 도메인
qwd3681 댓글 2 좋아요 0 조회수 1263

join과 join fetch 의 차이 ..

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

OrderQueryRepository 에 findAllByDto_flat 보면 다 join 으로 되어있는데 join과 join fetch (페치 조인)의 차이점은 뭔가요 ..? join도 lazy 로 되어있는거 한번에 끌고오는 건 비슷한 거 같은데 .. ㅜ

  • java
  • spring
  • spring-boot
  • jpa
김김 댓글 1 좋아요 0 조회수 657

docker-compose exec web manage.py migrate

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

docker-compose exec web manage.py migrate를 입력했는데 django.db.utils.OperationalError: connection to server at "db" (172.18.0.2), port 5432 failed: FATAL: password authentication failed for user "do_it_django_db_user"라는 오류가 나서 검색을 해보니 docker-compose down -v와 docker volume prune을 입력해서 볼륨을 지워야 한다고 하는데 괜찮은건가요?? https://www.doitdjango.com/board/qna/338/ 여기에 가보면 저 명령어 두개 입력해도 안된다고 하는데 어떡해야 하나요??

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
djup1234 댓글 1 좋아요 0 조회수 567

9분 05초 author이랑 isbn

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

author이랑 isbn이 null로 나와있는데 싱글테이블에서 Album이랑 Movie에 관련된 컬럼은 안나오고 딱 Book이랑만 관련된 author이랑 isbn 만 null로 표시됐는데 이건 JPA가 Book인 걸 알아서 그것만 표시해주는건가요 ?? 어떻게 author이랑 isbn만 표시해주게 되는건지 궁금합니다 ..

  • java
  • spring
  • spring-boot
  • jpa
김김 댓글 2 좋아요 0 조회수 531

atom 실행 안됨

미해결

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

안녕하세요. atom 프로그램이 실행되지 않아 문의드립니다. 재설치/재부팅을 여러번 시도해봤으나 실행이 되지 않네요. 22년에 지원도 중단된 것 같은데 맞나요? VSC기준으로 강의를 따라가기에 어려움은 없을지 궁금합니다.

  • HTML/CSS
  • javascript
  • git
쿠마몽 댓글 1 좋아요 0 조회수 408

수강 범위에 대한 질문입니다 ㅠㅠㅠ

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

안녕하세요 나도코딩님 오늘도 열심히 공부중인 학생입니다 ㅠㅠㅠ 복수전공 과목 중 자바로 배우는 자료구조를 수강중인데 사전에 자바 공부도 없이 듣는 수업이라 도통 무슨 소린지 이해가 가질 않네요.. 그래서 현재 고급편 결제하고 섹션9 추상클래스 까지 들은 상태인데 뒤로 갈수록 내용이 어려워져서 복습한다고 속도가 너무 늦어지는 상태에요.. 자료구조 내용을 이해하려면 일단 어떤 파트를 필수적으로 빨리 들어야 하고 어떤 파트는 빼도 되는지 알려주실 수 있을까요??ㅜ 답변 주시는데 도움이 될 지 모르겠지만 교재 한 챕터에 {자바 데이터 타입(기본타입, 참조타입), 제어문(조건문,반복문), 메소드(호출문,메인), try문} 이렇게만 존재하긴 하는데 중간중간 책에는 없는 추상클래스, 입력문 같은 파트도 보여서 감이 안잡히네요..

  • java
  • 객체지향
댓글 1 좋아요 1 조회수 410

인기 태그

인프런 TOP Writers

주간 인기글