취미로 하는 개발 썸네일형 리스트형 Jekyll 테마 찾고 설치하는 법 | Github.io로 나만의 블로그 만들기 이전 글 → Github.io로 나만의 블로그 만들기 (1): 가입 및 초기 세팅 지난 글과 다른 점 지난 글에서는 Github.io로 블로그 페이지를 만들 수 있는 틀을 구축했다면, 이번 글에서는 이미 잘 만들어진 블로그 테마를 찾고, 나의 블로그에 적용하는 과정을 다룬다. Jekyll 테마를 찾기 전 이 글을 읽는 우리의 1차 목표는 내 입맛에 맞는 디자인으로 Github 블로그를 만들어 보는 것이고, 2차 목표는 그렇게 만든 블로그로 실제 블로그를 운영하는 것이다. Github.io로 나만의 블로그 만들기 시리즈는 내가 원하는 스타일과 인터랙션으로 커스터마이징 하는 과정이 포함되어 있다. 따라서 두 목표 모두 실현할 수 있기 위해서 우리가 고려해야 하는 것은 1. 테마의 디자인, 2. 테마의 기능 .. 더보기 Javascript, CSS로 라이트, 다크 테마 뉴모피즘 아날로그 시계 만들기 🧙♂️ 이전 글 Javascript, CSS 로 뉴모피즘 아날로그 시계 만들기 에서 만들었던 다크 테마 뉴모피즘 아날로그 시계의 라이트 테마를 만들고, 양 테마를 전환하는 작업을 진행하려고 한다. 실제 작업에 들어가기 전 다음 작업들이 예상된다. 실제로도 아래 작업들이 진행되는지는 실제 작업을 하면서 알아가보자. 라이트 테마를 만들기 위해 배경, 뉴모피즘 스타일 컬러 변경 다크 테마, 라이트 테마 전환을 위해 토글 혹은 체크박스 추가 토글 혹은 체크박스 클릭 상태에 따라 글로벌한 클래스 변경 🖼 완성본 미리 보기 🚴🏻♂️ 작업 과정 😎 지난 작업에서 얻은 교훈으로, 이번엔 바로 텍스트 에디터에서 작업을 시작했다. 이전 작업의 폴더를 복사해 이번엔 Clock_light 폴더를 만들었다. 작업을 위지윅하.. 더보기 가입 및 초기 세팅 | Github.io로 나만의 블로그 만들기 Github.io, 혹은 Github Pages란 간략하게 설명하자면 Github.io, Github Pages는 Github에서 제공하는 블로그 서비스이다. Github.io는 본인 Github 계정의 저장소를 바탕으로 정적(static) 호스팅을 제공해주는 Github Pages라는 서비스이다. 따로 웹 서버를 구축하거나 호스팅 서비스를 이용하지 않고서도 간단하게 웹페이지를 만들어 제공할 수 있다는 말이다. 티스토리 블로그도 글을 올리면서 Github Pages로 블로그를 따로 만들고 있는 이유는 코드레벨에서 블로그를 운영할 수 있고, 이후 내가 원하는대로 커스터마이징을 할 수 있다는 장점이 있기 때문이다. 티스토리, 브런치, 네이버 블로그와 같이 기존 플랫폼에서 블로그를 운영하면 제공하는 스킨, 에.. 더보기 Javascript, CSS로 다크 테마 뉴모피즘 시계 만들기 🧙♂️ 간단한 코딩 공부 중 Online Tutorial 유튜브 채널에서 제공하는 CSS, Javascript로 다양하게 만든 작업물들이 눈에 들어오기 시작했다. 지금까지 공부한 게 어디 가진 않았는지(?) 코드들이 그렇게 어려워 보이지도 않고, 이 정도면 할만하다, 싶었다. 2020년 초 차세대 디자인 트렌드가 될 줄 알았던 뉴모피즘 스타일로 아날로그시계를 만드는 영상을 따라 해 보자 🖼 완성본 미리 보기 🚴🏻♂️ 작업 과정 😎 처음부터 Codepen.io 프로젝트를 생성해 바로바로 확인하면서 작업을 하고 있었지만 어디서 잘못된 건지 정렬 문제가 생기기 시작했다. 이리저리 작성한 코드들을 다시 봤지만 어디가 잘못되었는지 찾기도 힘들어져 일단 필요한 HTML, CSS는 모두 작성한 후 Javascri.. 더보기 이전 1 다음
