다크모드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. Light and Dark Mode * 오늘은 라이트 모드랑 다크 모드를 해보자. * input태그 하나로 누르면 라이트 모드, 다크 모드 두개를 실행하게 해볼 예정이다. .day { background-color: white; color : black; } .night { background-color: black; color: white; } * style.css 파일에 day와 night 클래스의 속성을 정했줬다. const change = document.querySelector("#change"); const body = document.querySelector("body"); //화면의 배경화면을 전체 바꿔야하니 body 태그를 불러왔다. function changeHandle () { if(change.value === "ni.. 2023. 1. 19. 이전 1 다음
