inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

a태그 질문!

해결됨

쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

강사님 lounge에 자세히보기로 이동하는 a태그는 div class: btn-view 태그로 한번 감싸서 사용해했는데 플래그십 스토어 스파에서(강의 4분 34초)는 div로 감싸지 않고 그냥 a태그를 사용하는 이유가 있을까요?? 같은 페이지 이동 버튼인데 div로 한번 더 감싸는 이유가 따로 있는지 궁금합니다!

  • HTML/CSS
  • 클론코딩
  • 반응형-웹
leekj951008 댓글 2 좋아요 1 조회수 419

질문있습니다!!

해결됨

쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

10분 40초쯤에 recomm_list li에 중앙 정렬을 위해 padding값을 주는 것 같은데 padding : 34px 35px 0 으로 어떻게 계산되는건지 궁금해요! 혹시 다른 방법으로 정렬을 할 수 없을까요??

  • HTML/CSS
  • 클론코딩
  • 반응형-웹
leekj951008 댓글 3 좋아요 1 조회수 596

요소들이 조금씩 다른데

미해결

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

두개 사진에 태그들이 조금 다른데 어떤걸로 외우면되나요

  • HTML/CSS
  • jquery
  • 웹-디자인
조호순 댓글 1 좋아요 1 조회수 533

취업시 포폴을 제출할 때

미해결

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

궁금한점이 있습니다. 취업시 포트폴리오를 작성한 것을 제출할 때 프로젝트 배포한것을 계속 유지한체 링크를 포폴에 올려줘야나요 아니면 배포했을 때 모습을 이미지로 보여주는 건가요?

  • HTML/CSS
  • 웹-디자인
  • 포트폴리오
유요한 댓글 2 좋아요 1 조회수 624

script 속성 defer 질문드립니다.

미해결

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

안녕하세요. <script> 태그를 넣는 위치에 대해 질문드립니다. <script> 태그를 </body> 바로 위에 넣어야 <body> 태그 안에 있는 html 내용들이 전부 파싱 된 이후에 script 가 실행된다고 하셨는데, 그렇다면 </head> 바로 위에 넣고 나서 script 태그의 속성으로 defer 를 넣으면 <body> 태그 안에 있는 html 내용들이 전부 파싱될때까지 <script> 태그 내용들이 실행을 기다렸다가 <body> 태그 안에 있는 html 내용들이 전부 파싱된 후에 실행된다고 알고 있는데, defer 속성을 쓰고, </head> 바로 위에 script 태그를 넣으면 안되는걸까요? 2번 방법을 쓰게 된다면 아마 즉시실행함수를 만들어야 하는거 같은데, defer 속성을 쓰게 되면 즉시실행함수를 굳이 만들지 않아도 될것 같은데 defer 속성을 쓰면 안되는건가 해서 궁금해서 질문 드립니다!!

  • HTML/CSS
  • jquery
noonssub1004 댓글 1 좋아요 2 조회수 602

"페이지가 작동하지 않습니다."

미해결

따라하면서 배우는 웹애플리케이션 만들기

강의보면서 따라하다가 새로고침을 하면 꼭 이런 페이지가 발생합니다. " 페이지가 작동하지 않습니다. 현재 localhost 에서 요청을 처리할 수 없습니다. HTTP ERROR 500" 완전 초보이다보니..아무리 봐도 어디를 고쳐야할지 모르겠어요 ㅜㅜ 도움 요청 드립니다

  • HTML/CSS
  • php
달콤한 코끼리 댓글 1 좋아요 0 조회수 1926

overflow:hidden사용해야 없어지는 이유

미해결

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

<div class="container"> <ul class="navi"> <li><a href="#none" data-text="ABOUT">ABOUT</a></li> <li><a href="#none" data-text="INSTRUCTOR">INSTRUCTOR</a></li> <li><a href="#none" data-text="CLASS">CLASS</a></li> <li><a href="#none" data-text="LOCATION">LOCATION</a></li> </ul> </div> .navi li a{ font-size: 4em; text-decoration: none; color:#fff; position:relative; } .navi li a:before{ content : attr(data-text); position: absolute; color:yellowgreen; top:0; left:0; width:0; overflow:hidden; } 위의 코드에서 왜 overflow:hidden을 주어야 비포에 width가 적용되는지 궁금합니다. overflow:hidden을 주지않고 position:absolute만 있을때 absolute는 요소를 inline block으로 바뀐다고 알고 있는데 F12개발자도구에서는 before가 inline요소라고 나오는 이유도 궁금합니다. 제 독학길에 한줄기 빛이신 선생님 항상 감사합니다~!

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

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

미해결

[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 조회수 891

img 태그 관련 질문

미해결

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

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

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

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

미해결

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

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

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

시험 출제 유형 문의

미해결

[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 조회수 1422

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

미해결

[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 조회수 516

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글