강상원의 IT 블로그

본문 바로가기

Contents

Recent Posts

Trending Posts

Software 남는 아이패드로 자체 제작한 스트림덱(Stream Deck) 평소 데스크테리어에 관심이 많다 보니 관련 자료들을 살펴보면 종종 등장하는 것이 바로 스트림덱이다. 각종 앱의 커스텀 단축키와 유용한 스위치 설정을 간편하게 할 수 있어 데스크 환경을 개선하는 데 매우 유용해 보였다. 하지만 가격이 꽤 비싸서, 단순히 LED 버튼 몇 개를 제공하는 장치를 그 가격에 구입하는 것이 합당한지 의문이 들었다.사실 중요한 것은 물리적 스위치의 존재이며, 소프트웨어나 단축키는 직접 만들 수 있다는 생각이 있었다. 그래서 스트림덱을 사기에는 더욱 아깝다고 느꼈다. 마침 집에 사용하지 않는 아이패드 미니 1세대가 있었고, 웹서핑도 버벅거릴 정도로 성능이 떨어진 이 아이패드를 스트림덱으로 활용해 보기로 마음먹었다.Alfred와 Alfred RemoteMac 사용자라면 한 번쯤 사용해 ..
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..
Development Vim과 PuTTY 손쉽게 사용하자! 학교 프로그래밍 실습 시간에 Vim을 사용해 프로그래밍 중인데 사용이 불편하다면? vimrc 파일을 수정(생성)하여 좀 더 쉽게 사용할 수 있게 하자. vimrc? Vim 편집기의 각종 설정 사항을 저장하는 파일 Putty 등의 프로그램에 로그인하여 접속한 후 vi .vimrc를 타이핑해 vimrc 파일을 생성해보자. 빨간색 강조된 줄들 정도 입력해 봅시다 set number : 줄 번호를 표시함 set ai : Auto Indent (자동 들여쓰기) set si : Smart Indent set cindent : c언어 형식 들여쓰기 적용 set shiftwidth=4 : 들여쓰기(탭) 간격을 4칸으로 set tabstop=4 : 탭 문자 한번에 backspace로 지우기 가능 set title : 창..

티스토리툴바