Contents
-
Apple
Apple 소식, 제품 사용기, 관련 소프트웨어(앱)
-
Algorithm
BOJ 문제풀이, 자체 알고리즘 공부, ICPC 준비
-
Development
Swift , HTML, CSS, C#, OpenFrameworks 등의 공부, 앱 개발 일지 작성
-
Books
인문, 과학, 철학, 기술 등 다양한 분야의 서적을 읽고 비평, 소개합니다.
-
Photos
이따금 스마트폰으로 찍은 사진을 올립니다.
-
Tags
블로그 포스트의 태그를 볼 수 있습니다.
Trending Posts
-
Software
남는 아이패드로 자체 제작한 스트림덱(Stream Deck)
평소 데스크테리어에 관심이 많다 보니 관련 자료들을 살펴보면 종종 등장하는 것이 바로 스트림덱이다. 각종 앱의 커스텀 단축키와 유용한 스위치 설정을 간편하게 할 수 있어 데스크 환경을 개선하는 데 매우 유용해 보였다. 하지만 가격이 꽤 비싸서, 단순히 LED 버튼 몇 개를 제공하는 장치를 그 가격에 구입하는 것이 합당한지 의문이 들었다.사실 중요한 것은 물리적 스위치의 존재이며, 소프트웨어나 단축키는 직접 만들 수 있다는 생각이 있었다. 그래서 스트림덱을 사기에는 더욱 아깝다고 느꼈다. 마침 집에 사용하지 않는 아이패드 미니 1세대가 있었고, 웹서핑도 버벅거릴 정도로 성능이 떨어진 이 아이패드를 스트림덱으로 활용해 보기로 마음먹었다.Alfred와 Alfred RemoteMac 사용자라면 한 번쯤 사용해 ..
-
Web (HTML, CSS)
블로그 다크 모드 토글 스위치 만들기
이번 포스팅에서는 블로그에 다크 모드를 적용하고, 다크/라이트 모드를 전환할 수 있는 토글 스위치를 만드는 방법을 알아보자.특히, 사용자 기기의 기본 모드 설정을 우선으로 하고, 이후 사용자가 설정한 다크 모드 선택을 저장하여 브라우저에 기록하는 기능도 포함시킨다.다크 모드 기본 설정 및 Font Awesome 아이콘 불러오기먼저 다크 모드 구현을 위해 필요한 설정을 적용하고, 토글 스위치 아이콘에 사용할 Font Awesome 아이콘을 불러오자. 아이콘을 추가하기 위해서는 Font Awesome의 CDN 링크를 추가해야 한다. 이번에는 `fa-sun`과 `fa-moon` 아이콘을 사용할 것이다.Font Awesome CDN 추가Font Awesome을 통해 태양과 달 모양의 아이콘을 사용하면 사용자가 ..
-
Web (HTML, CSS)
Neumorphism (뉴모피즘) CSS로 만들기
1. 뉴모피즘 소개 디자인 커뮤니티인 Dribble에 한 디자이너가 새로운 형태의 UI 디자인을 올렸고, 이것이 큰 호응을 얻으면서 뉴모피즘은 2020년도에 주목받는 UI 트렌드 중 하나가 되었다. (New + Skeuomorphism = Neumorphism) 이를 웹사이트에 적용하기 위한 효과적이면서도 간단한 방법을 찾다 보니 box-shadow 속성을 이용하면 비교적 쉽게 구현 가능하다는 사실을 알게 되었다. 1-1. Neumorphism.io 사용 우선 슬라이더로 다양한 옵션을 조절해 복사 -붙여넣기 가능한 CSS 코드를 만들어주는 서비스인 Neumorphism.io를 소개하고자 한다. 이를 이용하면 손쉽게 원하는 뉴모피즘 효과에 해당하는 코드를 얻을 수 있다. Neumorphism/Soft UI..
