뉴모피즘 썸네일형 리스트형 Javascript, CSS로 라이트, 다크 테마 뉴모피즘 아날로그 시계 만들기 🧙♂️ 이전 글 Javascript, CSS 로 뉴모피즘 아날로그 시계 만들기 에서 만들었던 다크 테마 뉴모피즘 아날로그 시계의 라이트 테마를 만들고, 양 테마를 전환하는 작업을 진행하려고 한다. 실제 작업에 들어가기 전 다음 작업들이 예상된다. 실제로도 아래 작업들이 진행되는지는 실제 작업을 하면서 알아가보자. 라이트 테마를 만들기 위해 배경, 뉴모피즘 스타일 컬러 변경 다크 테마, 라이트 테마 전환을 위해 토글 혹은 체크박스 추가 토글 혹은 체크박스 클릭 상태에 따라 글로벌한 클래스 변경 🖼 완성본 미리 보기 🚴🏻♂️ 작업 과정 😎 지난 작업에서 얻은 교훈으로, 이번엔 바로 텍스트 에디터에서 작업을 시작했다. 이전 작업의 폴더를 복사해 이번엔 Clock_light 폴더를 만들었다. 작업을 위지윅하.. 더보기 Javascript, CSS로 다크 테마 뉴모피즘 시계 만들기 🧙♂️ 간단한 코딩 공부 중 Online Tutorial 유튜브 채널에서 제공하는 CSS, Javascript로 다양하게 만든 작업물들이 눈에 들어오기 시작했다. 지금까지 공부한 게 어디 가진 않았는지(?) 코드들이 그렇게 어려워 보이지도 않고, 이 정도면 할만하다, 싶었다. 2020년 초 차세대 디자인 트렌드가 될 줄 알았던 뉴모피즘 스타일로 아날로그시계를 만드는 영상을 따라 해 보자 🖼 완성본 미리 보기 🚴🏻♂️ 작업 과정 😎 처음부터 Codepen.io 프로젝트를 생성해 바로바로 확인하면서 작업을 하고 있었지만 어디서 잘못된 건지 정렬 문제가 생기기 시작했다. 이리저리 작성한 코드들을 다시 봤지만 어디가 잘못되었는지 찾기도 힘들어져 일단 필요한 HTML, CSS는 모두 작성한 후 Javascri.. 더보기 이전 1 다음
