XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!대시보드

jquery 일때 아래코드로 잘나옴$(function(){ $(window).on('load scroll', function(){ const header = $('.header'); header.addClass('load'); //로드되자마자 나와야된다. }) }) 나름 바닐라자바스크립트로 변환해보려고 하는대 상단 네비가 안나오네요 모가문제일까요 ㅠㅠwindow.onload = function(){ const element = document.getElementsByClassName('header'); element.classList.add('load'); }

혹시 스크립트부분을 제이쿼리 대신 바닐라자바스크립트로 대체된 문서나 강의를 추가해주실순 없을까요 ^^; 아무래도 리액트도 공부하다보니, ㅎㅎ

강사님! 수업 css에서 transition-delay가 작성만 돼 있고 사용되지는 않은 거죠?? 딜레이하고자 하는 요소에 똑같이 작성된 delay00 클래스명만 똑같이 붙여주면 되는 거 맞나요??

강사님! 수업 8:45초쯤에 .sec5_list li + li:after로 라인을 그어주는데 li:before로 사용해도 차이가 없는 것 같아요 before로 사용해도 괜찮을까요?before는 가상요소를 요소의 앞에 after는 가상요소의 뒤에 사용하는걸로 알고있는데 수업에서는 after를 사용하는 이유가 궁금합니다!

강사님 navigation layout 만들 때 allMenuWrap ===> 뒤의 흰 배경용allMenu-inner ===> 하위 목록 정렬용allMenu ===> 목록 묶음용이렇게 이해하면 될까요???

선생님 질문있습니다.스크롤 내리거나 올릴때 header에 있는 text KR, EN 의 글자가 흰색<--> 검은색으로 바뀌잖아요그때 미세하게 두께가 두꺼워지는 현상이 있는대요거슬리네요. 해결방법없을까요

-webkit-transition을 굳이 사용하는 이유가 뭔가요?다른 사이트 호환성 때문에 사용하는것인가요?

제가 한 작업물과 강사님의 작업물과 비교하면서 수업하고 싶은데 강사님이 한 완성본은 없을까요?

1분 30초부터 시작하는 html 내용들을 제가 직접써야하나요 ? 이건 어느 폴더(다운 받은 수업 폴더 중 )에 있는 건가요

앞에서도 여러번 나왔었는데도 잘 이해가 가질 않습니다. .sec5_list {display:flex;margin:0 -30px} 을 주셨는데 maring:0 -30px;을 주는 이유에 대해 잘 모르겠습니다. 조금 더 자세히 설명해주시면 감사하겠습니다.

안녕하세요 선생님 강의 잘 듣고 있습니다 :) <header class="header ">  위 코드가 아닌 header에 id선택자를 넣으면 안되는건가요? 궁금합니다!

안녕하세요. 강의 감사히 잘 수강하고 있습니다. 푸터 내용중에 궁금한 부분이 있어서 문의 드립니다. 강의 내용대로 푸터를 작성한 화면입니다. HTML파일의 푸터  내용입니다.       <footer id="footer">         <div class="inner">           <div class="left">             <h2>               <a href="#">                 <img src="img/logo_footer.png" alt="footerlogo">               </a>             </h2>             <div class="footer_info_wrap">               <ul>                 <li>Lorem ipsum dolor sit amet.</li>                 <li>Lorem ipsum dolor sit amet.</li>                 <li>Lorem ipsum dolor sit amet.</li>                 <li>Lorem ipsum dolor sit amet.</li>                 <li>Lorem ipsum dolor sit amet.</li>               </ul>               <ul>                 <li>Lorem, ipsum dolor.</li>                 <li>Lorem, ipsum dolor.</li>                 <li>Lorem, ipsum dolor.</li>                 <li>Lorem, ipsum dolor.</li>               </ul>             </div> 적용된 css입니다. .footer_info_wrap ul:nth-child(1) { /* 첫번째 li에 대해서 설정 */ margin-right: 60px; padding-right:60px; border-right:1px solid #dcdcdc; /* li사이의 선 */ } 위 그림의 A영역은 위 css에서는 첫번째  li에 대해서만 margin-right로 60px을 줘서  설정한 부분은 이해가 됩니다. B영역은 어디서 설정되는지 궁금합니다.

클래스 선택자 문법중에 A B { ...  와 같이 지정하면 A요소의 하위 B요소를 선택하는 것으로 알고 있습니다.  그러면, 아래와 같이 띄어쓰기 없이  A.B {... 와 같이 지정하면 A요소의 하위에 클래스 B요소를 말하는 것인가요,  아니면, 클래스 B로 설정된 A요소를 말하는 것인지 궁금합니다.

뷰티파이 설치하고 컨트롤 알트 L 눌러도 안 바뀝니다 ㅠㅠ

강의 중간에 몇 번 말씀하시는 룰러라는 게 무엇인지 궁금합니다!

폰트 등록어떻게해요 ?

채우기 색깔은 어떤건가요?

그룹 안에 있는 객체 선택 단축키가 있나요? 일러스트는 있는데.. 그룹 안에 있는게 잘 선택 안되서 그룹  해제하고 선택했습니다.

로고 가지고 오는 방법에 대한 설명이 없어요 ㅠㅠ

삭제된 글입니다