lightgallery css와 js 모두 연결하고 강의와 동일하게 index에서 class=popup 부분에 내용을 수정했는데도script에 $(".lightgallery").lightGallery(); 만 작동시키면 cont_ban 배너부분이 첨부한 사진과 같이 깨집니다.어떤 부분이 잘못되어 이럴까요?    

<탭 메뉴 스크립트> 강의에서 똑같이 jquery를 입력하고 동작은 제대로 되지만 공지사항1, 공지사항2, 공지사항3의 background color는 적용이 되지 않습니다.어떤 부분이 문제일까요~?

안녕하세요 강의 잘 수강하고있습니다!저번 강의에서 bigNumber 라이브러리, 이번강의에서 moment라이브러리 설명을 해주셔서 사용하다가 문제가 생겨 질문드립니다.두 라이브러리모두 cdn방식으로 사용을하면 잘 됩니다. 그치만 두 라이브러리 모두 npm으로 설치를 하여 사용하려고 시도를 하니 에러가 뜹니다.moment라이브러리의 경우, 설치를 다 하고난 뒤,script 태그 안에 import moment from 'moment'를 작성하고 사용하려고 하자, SyntaxError: Unexpected identifier 'moment'. import call expects one or two arguments.라는 오류가 뜹니다.코드는 이런식으로 짰는데 어떤 점이 문제일까요?

/* Tab Content */ .tab-inner { width: 97%; margin: auto; } .btn {} .btn span { border: 1px solid #000; display: inline-block; width: 120px; text-align: center; padding: 3px; border-radius: 5px 5px 0 0; margin-right: -6px; background-color: #ddd; cursor: pointer; border-bottom: none; margin-bottom: -1px; } .btn span.active { background-color: #fff; } .tabs {} .tabs div { border: 1px solid #000; height: 155px; padding: 0 10px; } .tab1 {} .tab1 a { display: block; padding: 3px; border-bottom: 1px solid #333; } .tab1 a:last-child { border-bottom: none; } .tab1 a b { float: right; font-weight: normal; } .tab2 { display: none; text-align: center; } .tab2 img { margin-top: 25px; width: 110px; } // Tab Content $('.btn span:first-child').click(function(){ $('tab1').show() $('tab2').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) $('.btn span:last-child').click(function(){ $('tab2').show() $('tab1').hide() $(this).addClass('active') $(this).siblings().removeClass('active') })이렇게 작성하였는데 갤러리를 눌러도 공지사항 내용이 뜹니다ㅜ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 위와 같은 강의자료는 어디서 확인 가능할까요?

영상에 제시한 코드를 사용하면 아래와같은 오류가뜹니다 React 18에서는 ReactDOM.render를 지원하지 않는다고 하네요.. 아래 코드로 수정하니 잘 됩니다 참고 하세요~   

선생님 정말 너무 궁금해서 댓글씁니다. 저는 웹퍼블리셔입니다. 요즘들어 clamp(2px, 5.333vw, 2.3rem) 등등 min max도 저런식으로 작업하는 사이트들을 종종봅니다. 계산하기가 너무 어려운데 선생님도 저렇게 작업하시는 경우가 잇나요 보통 여백및 폰트사이즈 갭 넓이 높이를 전부다 clamp, 및 min max로 작업한 사이트들이 점점 많아 지고잇어요 저는 계산법을 도저히 이해하지못해서 멘탈이 나간상태인데 요즘 추세가 저런식으로 작업을 하나요? 댓글 꼭 부탁드립니다. 이론은 알고잇습니다. clamp는 최소값 기본값 최대값 이란것도 알고있구여  선생님도 저렇게 작업을 하시나요????

전 영상들부터 모두 container slide items footer모두 div태그인데 header만 왜 <div class="header">가 아닌 그냥 header인가요?

안녕하세요.저는 서버개발자로 일을 하고 있지만,영보님 강의를 모두 사서 듣고있는 주니어 개발자입니다.우선 좋은 강좌를 만들어주셔서 너무 감사합니다.앞으로도 좋은 강좌 많이 만들어 주시면 너무나도 감사할것같습니다.현재 돔 인터랙션이라는 강의를 듣고 있고 중반정도 달려왔는데이 강의를 들으면 듣지 않은 사람들에 비해 어떤 경쟁력을갖게 되는지 궁금합니다.영보님께서 강의를 만드신 이유와 의도가 있었을 것 같은데그 부분이 궁금합니다. 그리고 리액트 심화 강의도 혹시 출시 하실 생각이 있으신지궁금합니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요다 바꿨는데도 npm start하면 빈 화면만 나와요

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.돌겠네요 진짜

갠적으로 앞으로 오픈할 강좌로드맵에 스텝7이 관심이가는데 (강의시간)분량이 어느정도될까요? 

 autoAlpha : 0 이css visibility : hidden, opacity 0 으로 설정해준다고 하고css에 visibility hidden 을 제거해도 깜빡이는 현상은 안일어나더라구요!css에도 visibility:hidden을 작성하는 이유가 있을까요?

animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다. 두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.

자료를 받으면 이미지랑 캡쳐본만 있는데 완성본은 없는건가요?cctv0820@naver.com 입니다.

코딩 초보입니다 핵심이론 가이드북을 참고해서 선생님 유투브를 보면서 공부하고 있어요!코딩 포기하려던 와중에 선생님 강의영상 보고 다른 강의와 다르게 잘 이해할 수 있게 설명해주셔서 포기하지 않고 선생님 강의로 너무 재밌게 공부하고 있는데혹시 폼 요소, 시멘틱 태그 부분은 참고할 수 있는 영상이 없는걸까요??ㅜㅜ유투브에는 표만들기까지만 있네용!

안녕하세요. urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 이런식으로 url패턴을 만들어주면 이렇게 (^media/(?P<path>.*)$)패턴이 생기는거 같고 그 다음 views.py에서 해당 url을 처리할 로직을 만들어야하는걸로 아는데.. 이 경우는 어째서 예외인가요?

scss 작성하다가 궁금한 것이 있어 질문 남깁니다.scss를 작성할 때 띄어쓰기를 어떻게 해야할지 궁금합니다.  예를들어 .status { display: flex; justify-content: space-between; margin: 20px 0; & label { & input[type=checkbox] { display: none; +em { display: inline-block; width: 18px; height: 18px; background-image: url('images/icon-radio.png'); transform: translateY(4px); background-position: left; } &:checked+em { background-position: right; } &:checked+em+span { color: var(--mainColor); } } } & a:hover { text-decoration: underline; } } 선생님과 수업하면서 작성한 띄어쓰기 하지 않은코드인데요.이쁘게 정렬하고 싶어서 alt + shift + f 를 눌러서 전체 정렬을 했더니 .status { display: flex; justify-content: space-between; margin: 20px 0; & label { & input[type=checkbox] { display: none; +em { display: inline-block; width: 18px; height: 18px; background-image: url('images/icon-radio.png'); transform: translateY(4px); background-position: left; } &:checked+em { background-position: right; } &:checked+em+span { color: var(--mainColor); } } } & a:hover { text-decoration: underline; } } 이렇게 자동으로 띄어쓰기게 되더라구요.의미없는 띄어쓰기는 하지 않는게 좋다고 들었는데띄어쓰기를 하지 않으면scss nesting 특성상 괄호가 많아져서 알아보기 힘들고비주얼 단축키로 정렬했을 때엔 알아서 띄어쓰게 해주는데,scss는 어떤식으로 코드를 작성해야할지 궁금합니다. 

어디로 요청드리면 되나요?~