22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
프로젝트1 번의 Navigation 강의부에서 질문입니다.
slick.min.js 에서 JQuery is not defined 에러가 발생합니다.개발자 도구를 통해 확인해 보니 나타납니다.slick.min.js 는 1.8.1 CDN 을 링크했습니다.부트스트랩5 에서는 바닐라js 를 쓴다고 하셨었는데.. JQuery 도 사용하나요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
게시판을 추가할 수 있는 방법이 있을까요?
좋은 강의 감사 드립니다.홈페이지 기능은 이제 이해가 되었습니다.저는 게시판 기능을 추가하고 싶은데요.무료로 제공되는 게시판이나 추천해 주실 수 있는 게시판이 있을까요?아님 네이버 모두에 있는 무료게시판을 연동할수 있을까요?감사합니다.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
프로젝트 2 이미지 깨짐 현상
강사님이 올려주신 파일 그대로 열었는데 이런식으로 깨집니다.어떻게 해결해야하나요?<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="/assets/css/app.css"> <title>My Second Web</title> </head> <body> <header id="header" class="wrapper"> <section id="navTop" class="nav-top py-2 d-none d-md-block"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-3 text-start lead fast-counsel"> <a href="#" class="btn btn-outline-dark">Contact</a> </div> <div class="col-4 logo"> <a href="index.html" class="navbar-brand d-flex"> <img src="/assets/images/dummy-logo.png" alt="" class="img-fluid ms-auto" width="200px" data-bs-toggle="tooltip" data-bs-placement="bottom" title="My amazing website!!"> </a> </div> <div class="col-5 text-end socials"> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-phone.png" alt="Phone" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-kakao-channel.png" alt="Kakao Channel" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-facebook.png" alt="Facebook" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-twitter.png" alt="Twitter" width="40px" class="shadow-box"> </a> <a href="#" class="mx-1 text-decoration-none"> <img src="/assets/images/icon-youtube.png" alt="Youtube" width="40px" class="shadow-box"> </a> </div> </div> </div> </section> <nav id="navPrimary" class="navbar navbar-expand-md navbar-dark"> <div class="container-xxl"> <a class="navbar-brand d-block d-md-none" href="index.html"> <img src="/assets/images/dummy-logo.png" alt="Logo" class="img-fluid"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navPrimaryContent"> <ul class="navbar-nav mx-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Intro </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="page.html">About us</a></li> <li><a class="dropdown-item" href="page.html">Find us</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Gallery</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Reviews</a> </li> <li class="nav-item"> <a class="nav-link" href="page.html">Reservation</a> </li> <li class="nav-item"> <a class="nav-link btn btn-outline-secondary" href="#"><i class="fa fa-search"></i></a> </li> </ul> </div> </div> </nav> </header> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> <!-- Kakao map appkey here --> <script src="/assets/js/app.js"></script> </body> </html>
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
프로젝트 1- Service Section 에서 app.js에서 syntaxError가 납니다.
이클립스로 공부하고 있는 학생입니다.app.js에 const slickSlide=jQuery('#slick-slide') 이 부분이 syntaxerror 에러가 납니다.선생님 코드로 복붙을 해도 에러가 나요.Identifier 'slickSlide' has already been declared(at app.js:1:1) 에러가 나와요.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
자식에 position:absolute;를 쓰지 않고, 바로 top 설정이 가능한가요?
프로젝트 3-Post meta section 18:38 내용에 대하여 궁금한 것이 있습니다. 부모가 position: relative이고 자식은 부모 안에서 위치를 잡을 때에 position: absolute를 쓰고 top, bottom, left, right로 설정하는 것으로 압니다. 그런데 때로는 자식임에도 .post-excerpt와 같이 position: absolute를 사용하지 않고 바로 top 등으로 값을 설정하는 것도 볼 수 있습니다. 차이가 무엇인가요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
cdn.js를 실제 프로젝트에 써도 문제가되지 않나요!?
cdn에 대한 개념이 부족하여 공부하다가 cdn.js로 초기화를 하시던데 실무에서 문제가 되는지 여무가 궁금합니다.(장기간 사용시 해당 서비스 변동사항이나 그런문제들이 없는지에 대한)
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
carousel 구현에서 사용된 아이디가 중복 사용 가능한가요?
carousel 구성부분에 관하여 질문드립니다. 세 개의 클래스 .carousel-item 안에 #outer-slide, #inner-slide각 하나씩 아이디가 들어 있습니다. 즉 같은 아이디가 3번씩 중복 사용된 것입니다. 클래스는 중복해서 사용가능한 줄 알고 있지만, 아이디도 그렇게 사용해도 되는 것인가요? 작동하는 것을 보니 이상합니다. 가르쳐 주십시오.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
kakao map이 mobile에서도 가능하게 하려면 어떻게 할까요?
project -2를 완성하고 보니 mobile에서 kakao map이 작동하지 않음을 알게 되었습니다. web과 mobile에서 다 작동하도록 하려면 어떻게 할까요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
-webkit- 접두어가 안붙습니다.
프로젝트2 Menu -1 강의에서scss에서 코드를 작성하면 css에 -webkit-접두어가자동으로 붙는데 제가할땐 webkit 접두어가 안붙습니다...이거 어떻게 설정하는 방법이 있을까요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
브레이크 포인트 관련 문의
안녕하세요 강사님<div class="row"> <div class="col-6 col-sm-4">1</div> <div class="col-6 col-sm-4">2</div> <div class="col-6 col-sm-4">3</div> <div class="col-6 col-sm-4">4</div> </div>위의 첫번째 컬럼을 해석할때컬럼을 기본값으로 6칸으로 설정하되 sm 이상일때는 컬럼을 4칸으로 설정해라 이게 맞나요? 이럴 경우에는 컬럼 6칸을 잡은것은 의미가 없는것 같아서 여쭤봅니다.아니면 컬럼을 기본값으로 6칸을 설정하되 sm일 경우에만 컬럼을 4개로 설정해라 라는 의미인가요? 이 경우에는 xl 크기로 움직이면 두개의 row에 각각 2개의 컬럼이 나올것으로 예상했는데 한개의 row에 3개의 컬럼, 그리고 아래 row에 한개의 컬럼이 결과적으로 나옵니다. col 값이 6이면 한개의 줄에 3개가 나올수 없을텐데 이유를 잘 모르겠습니다.<div class="col-6 col-sm-4">1</div>
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
a:hover {color }
질문글을 작성하다가 원인을 찾아서 문제해결했습니다만, 추후 다른 분께 도움이 될까 봐 간략하게 올립니다.문제#intro .intro-first-card .overlay a:hover { color: #fafa6f; }위 코드가 동작하지 않았습니다.원인bootstrap.min.css 버전에 따른 .link-light 차이강의&수업자료 버전은bootstrap@5.0.2/dist/css/bootstrap.min.css을 사용 .link-light {color: #f8f9fa;}제 버전은 bootstrap@5.2.1/dist/css/bootstrap.min.css .link-light {color: #f8f9fa!important;}해결#intro .intro-first-card .overlay a:hover { color: #fafa6f !important; }
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
Post Content -2 질문
제일 마지막 부분 텔레그램과 이메일 아이콘 사이 점은 왜 생기는 건가요 다른 아이콘으로 바꿔도 있고me 줘서 공간을 띄어봐도 계속 있던데 없애는 방법 알고 싶습니다.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
아니 선생님 이게 뭡니까 프로젝트3 Blog CTA Modal 파트
전 미리 만들어놨습니다.붙여넣기끝 이러면 뭘 어떻게 하라는 건가요id값 맞춰주면 동작하는거야 알죠강의 열심히 들어서 개념도 많이 잡고이제 어느정도 보입니다.이전 모달과 새로운 모달 비교해보니 클래스 부분도 일부 수정되고 폼도 바뀌었는데그런 부분들은 설명 해주시고 넘어가야 하는거 아닌가요? 그냥 수업자료 올려놓으신거에서 찾아서붙여넣고완성~하면 되는건가요?만들어지는 과정을 따라하는걸로 수업이 이루어지는데 이건 좀 아니라고 봅니다.막말로 김영만 선생님이 본인은 색종이 다 접어 놓고 나와서선생님은 미리 만들어왔어요~이게 강의냐고요 종이접기 자랑이지
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
hover
#intro .intro-first-card .overlay a { transition: color 0.4s ease; } #intro .intro-first-card .overlay a:hover { color: #fafa6f; }이부분에서 transition: color 0.4s ease; 나transition: hover 0.4s ease;랑 왜 다른거죠??제가 배운거로는 transition: all | none | property 이렇게 3가지를 작성하고 시간 효과 이런식으로만 배웠는데 transition: hover 0.4s ease이런식으로 쓰면 어떻게 작동하는 지 궁금합니다.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
box 공부중 질문있습니다
span 안에 border-top 이라고 text를 넣었을뿐인데 왜 아래로 내려갈까요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
뭐가 잘못 된지 모르겠습니다.
Gallery section <div class="col-8 offset-2 text-center mb-5 wow fadeInUp"> fadeInUp에밑줄이 있습니다. 큰솔의 BEM-class names must be in kebab case bem helper(case)이라고 하는데 무슨 문제인가요?
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
강의보고 따라하는데 안됩니다.
안녕하세요. 처음으로 코딩 공부하는 학생입니다.강의 보고 따라는데 왜 안되는지 모르겠습니다.잘 몰라 힘이 듭니다.잘알려 주세요.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
3:10 -> 3:16 코드 질문 있습니다^^
<div class="container-xxl"> <div class="row align-items-center"> <div class="col-md-9 welcome"> <h1 class="welcome-title fw-light">Welcome to <span class="text-warning fw-bold"> my first website.</span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, officiis.</h1> <div class="divider"></div> <div class="row welcome-desc"></div> </div> <div class="col-md-3 letsgo"></div> </div> </div> 3:10 쯤 Lorem 텍스트를 넣고 난 후에 저 코드(85번줄)가 없어진것 같습니다^^ + 그리고 새로운 코드인 <div class="row welcome-desc"></div> 가 (84번줄)생긴 것 같구요 제 에디터 emmet에 문제가 있는걸까요? 모르는 기능이 있는걸까요? 아니면 뭘 놓친걸까요ㅠㅜㅜ
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
card와 card-body 의 차이점
앞 강의section services에서 <div class="card">... .... <div class="card-body"> card 클래스 안에 card-body클래스를 넣은 부분은 이해가 갑니다만, 이번 <div class="card card-body">와 차이점이 무엇인지요? 두번째, background-position : center 의 설명 부탁드리겠습니다. 감사합니다.
- 미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
px-md-3
px-md-3을 풀어서 말로 다시한번 설명해 주시겠으면 감사하겠습니다.