클론코딩2 Clone_Coding. Google (Like_a_Google) https://likeagoogle.netlify.app/ 구글 클론 코딩을 해보았다. 레이아웃은 간단했다. 하지만 평소 css를 홀대했던 나는 크게 디였다.. 최근에 많은 것을 배웠다. 레이아웃은 그냥 잡는게 아니라 섹션별로 구분하는게 내가 보기에도 편하다는 것을. # HEADER Google 정보 스토어 Gamil 이미지 apps 기타 Google 앱 및 제품 로그인 지금와서 생각해보니 apps-dropdown에 들어가는 a 태그 들을 ul태그로 묶어서 했을걸 그랬나 싶네요. css부분은 필요한 부분만 작성하고 생략하겠습니다! (너무 길어..) .container-menu .right-menu .apps-menu .apps-dropdown { position: absolute; background-c.. 2023. 4. 8. Vanilla JS. modal * 노마드코더 영상을 참고하여 만들었습니다. 열기 I'm a modal ❌ const openModal = document.querySelector("#btn"); const modal = document.querySelector(".modal"); const overLay = modal.querySelector(".modal_overlay"); const close = modal.querySelector("button"); function openHandle() { modal.classList.remove("hidden"); } function closeHandle() { modal.classList.add("hidden"); } // const openHandle = () => { // modal.c.. 2023. 1. 7. 이전 1 다음
