inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

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

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

미해결

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

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

미해결

[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

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

join과 join fetch 의 차이 ..

미해결

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

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글