디자인 목업 이미지 제작하기 ✨

첫 디자인 관련 글이다. 디자인 툴 UI/UX를 디자인하는 툴 중에 유명한 툴로는 Sketch, Adobe XD, Figma 등이 있다. 필자는 꾸준히 사용자가 증가하고 있고 무료로 사용 가능한 Figma를 선호하는 편이다. 이 글에서는 Figma를 사용하여 IoT 앱을 디자인 해보고, 목업 이미지를 만들어 보겠다. 앱 컨셉과 디자인적 요소 IoT 앱에서 각 방마다 설치된 에어컨, 조명, 세탁기, 스피커 등 스마트 기기들을 조작할 수 있게 해야 한다. 홈 화면에는 현재 선택된 방을 표시하고, 그 방에 있는 기기들의 목록과 작동 상태를 간단하게 표시한다. 기기 버튼을 클릭하면 해당 기기를 세부적으로 조작할 수 있는 UI를 만들어야 한다. 전체적인 디자인은 뉴모피즘 (Neumorphism) 기반으로 제작하겠다. 요즘 실무에서 쓰기에는 적절하지 않은 디자인인 것을 알고 있지만, 이 글에서는 간단한 목업 이미지 제작이 목적이고 또 겉으로 보기에도 화려해 보이기 때문에 뉴모피즘 스타일을 선택했다. ...

June 22, 2022 · 2 min · 327 words · Me

맥북 화면 꺼지지 않게 설정하기 🔋

맥북을 사용하다가 잠시 자리를 비우고 싶을 때 cmd + control + q 를 눌러 화면을 잠그는 경우가 있다. 그러나 이때 잠금 화면은 몇 초 동안만 켜져 있다가 화면이 꺼지는데, 화면이 꺼지지 않고 잠금 화면이 계속 켜져있도록 하고 싶을 수 있다. 또한 음악을 감상할 때는 화면을 덮어도 잠자기 모드로 들어가지 않게 하고 싶은 상황이 있을 수 있다. 이 두 상황을 해결할 수 있는 방법을 소개하겠다. Amphetamine Amphetamine이란 맥북 화면이 꺼지지 않게 유지하는 프로그램으로 잘 알려져 있다. 몇 시간 몇 분 동안 화면이 꺼지지 않는 상태를 유지할 것인지, 특정 프로그램이 실행하고 있을 때 세션을 시작할 것인지 등 트리거 기능을 포함하여 매우 상세하게 설정이 가능하다. 만약 화면을 잠글 것이고 화면이 꺼지지 않게 유지하고 싶으면 Amphetamine에서 start new session을 하면 된다. 그러면 자리를 비우고 있어도 아름다운 잠금 화면이 유지가 될 것이다. ...

June 17, 2022 · 1 min · 166 words · Me

23학년도 대수능 6월 모의평가 수학 21번 Python ✏️

2022.06.09. 시행된 2023학년도 대학수학능력시험 6월 모의평가 수학 21번 문제를 프로그래밍으로 해결하는 글이다. 문제 자연수 n에 대하여 $4\log_{64}\left(\frac{3}{4n+16}\right)$ 의 값이 정수가 되도록 하는 1000 이하의 모든 $n$의 값의 합을 구하시오. 풀이 로그 밑인 64는 $2^6$ 이므로, 식을 다음과 같이 정리할 수 있다: $$ \frac{2}{3}\log_{2}\left(\frac{3}{4n+16}\right) $$ 이 값이 정수가 되려면 $\log_{2}\left(\frac{3}{4n+16}\right)$ 의 값이 3 또는 -3의 배수가 되어야 한다. 먼저 $n$이 자연수일때 $\frac{3}{4n+16}$ 은 $2^3$, $2^6$, $2^9$ … 가 될 수 없다. 따라서 $2^{-3}$, $2^{-6}$, $2^{-9}$ … 가 되는 경우를 생각해보자. ...

June 10, 2022 · 1 min · 172 words · Me

JBL Live Pro 2 블루투스 이어폰 리뷰 🎧

구성품 봉인씰 3개를 뜯고, 박스 안을 잡아 당길 수 있는 끈을 이용해서 겉 박스를 벗겨낸다. 안쪽 박스를 열면, 위에는 케이스와 설명서, 밑에는 케이블, 이어팁이 담긴 박스와 이어버드가 있다. 이어버드는 꽤 고급스럽게 포장이 되어있지만 이어팁은 가격대에 비해 다소 저렴한 패키징이었다. 푹신한 재질에 모양을 맞춰서 포장되면 좋을텐데 그냥 종이 상자에 심지어 구겨진 채로 있어 넣었다 빼기도 불편하다. 케이블은 이어팁들이 있는 종이 파티션 아래에 위치하고 있고, 잘 꼬이지 않는 칼국수 형태의 주황색 A to C 타입, A 타입 단자 쪽에 JBL 로고가 음각처리 되어있다. ...

June 9, 2022 · 4 min · 816 words · Me

macOS 13 Ventura 설치기

새 macOS의 코드네임은 Mammoth 일 것이라는 예상과 다르게, 6월 7일 WWDC에서 macOS 13 Ventura가 공개되었다.

June 7, 2022 · 1 min · 15 words · Me

M1 맥에서 Parallels Desktop 17 무료로 사용하기

Parallels Desktop Parallels Desktop이란 macOS에서 윈도우, 리눅스 등의 운영체제를 구동할 수 있는 가상머신 프로그램이다. 가격은 96000원, 업그레이드 비용은 60000원이다. 무료로 업그레이드를 하고 싶다면 1년에 120000원을 지불해야 한다. 이 글에서는 Parallels Desktop을 trial 우회하여 완전 무료로 사용하는 방법을 설명하겠다. 다운로드 Parallels Desktop 공식 홈페이지에서 다운받는다. Windows 11을 설치해보겠다. 다 다운받으면 이렇게 구매하라는 알림이 뜬다. 무시하고 창을 닫는다. 이제 Parallels Desktop을 위한 계정을 만들어야 하는데, 일회용 이메일 서비스를 통해 가입을 해보겠다. ...

June 3, 2022 · 1 min · 105 words · Me

맥에서 Tiling Window Manager 사용하기 (Yabai) / 고급스럽게 macOS 커스텀하기 🤩

서문 macOS를 커스텀 해봤자 얼마나 할 수 있겠냐는 의문을 가진 사람에게 이 글을 추천한다. macOS 커스텀이 바탕화면 바꾸고, 바탕화면 아이콘 크기 조절하고, 독/메뉴바 숨기는 정도의 수준이라고 생각한다면 큰 오산이다. 이 글에서는 macOS에서 Linux의 느낌을 물씬 낼 수 있는 커스텀 방법을 소개하겠다. Window Manager Window Manager란 그래픽 사용자 인터페이스 환경에서 데스크톱 상의 각 윈도를 관리할 목적으로 만들어진 소프트웨어를 가리킨다. 마이크로소프트 윈도우나 맥OS 등은 운영 체제의 일부로서 만들어져 있는 반면, X 윈도 시스템에서는 얼마든지 제3자가 만든 창 관리자를 사용할 수 있다. X 윈도용으로 잘 알려진 창 관리자로는 TWM, 플럭스박스 등이 있다. (출처) ...

June 1, 2022 · 6 min · 1234 words · Me

M1 맥에서 XAMPP 설치 에러 해결하기

XAMPP XAMPP는 크로스 플랫폼 웹 서버 자유 소프트웨어 꾸러미이다. 아파치 웹 서버, MariaDB, PHP, 펄을 포함하고 있다. GNU 일반 공중 사용 허가서로 배포되며 자유롭고 쓰기 쉬운 웹 서버이다. 마이크로소프트 윈도우, 리눅스, 솔라리스, 맥 오에스 텐 등에서 동작하며 주로 웹 개발에 사용된다. (출처) XAMPP의 의미는 X (크로스 플랫폼), A (Apache), M (MariaDB), P (PHP), P (Perl) 이다. macOS에서 발생한 오류 이곳에서 XAMPP for OS X 8.1.6을 다운받고 실행했는데 서버를 시작할 수 없다는 에러가 발생했다. ...

May 30, 2022 · 1 min · 152 words · Me

Heroku를 활용한 서버리스 인프라 구축 ⚙️

Serverless란? 서버리스. 서버가 없는 것을 뜻한다. 개발자가 서버를 관리할 필요 없이 백엔드가 존재하는 node.js, python 등의 코드를 돌릴 수 있게 하는 것을 의미한다. 그래서 엄밀히 말하자면 서버리스라고 해서 서버가 정말 존재하지 않는 것은 아니고 클라우드 제공 업체에 있는 것이다. 이런 서버리스 구조를 PaaS (Platform as a Service) 라고 하는데, 만약 nodejs 웹어플리케이션을 배포한다고 가정했을 때 aws의 ec2, google의 gcp, oracle의 oracle cloud와 같은 IaaS (Infrastructure as a Service) 같은 경우에는 리눅스 VPS에서 직접 npm을 설치하고, git 세팅도 하는 등의 기본적인 세팅까지 해야 한다. 반면 PaaS는 코드를 저장소에 push 하기만 하면 자동으로 빌드되어 수 초 안으로 웹어플리케이션을 배포할 수 있게 된다. 이것이 가능한 이유는 PaaS에는 운영체제, 미들웨어, 런타임이 미리 구축된 상태로 제공되기 때문이다. (참고 1, 2) 또한 IaaS와 다르게 코드를 사용할 때만, 사용자가 웹어플리케이션에 접속할 때만 과금이 되기 때문에 가벼운 사이드 프로젝트를 할 때는 IaaS보다 경제적이라고 할 수 있다. ...

May 29, 2022 · 2 min · 368 words · Me

CLI 프로그램을 맥 네이티브 프로그램으로 번들링하기 (+Custom URI Scheme) 📚

서문 웹브라우저에서 file:/// 을 입력하면 로컬 파일을 볼 수 있고, ftp:// 를 입력하면 ftp 서버에 연결할 수 있고, safari에서 http:// 를 입력하면 localhost로 연결된다. 이 외에도 컴퓨터에 steam이 설치되어 있다면 steam:// 프로토콜을 통해 steam 프로그램을 열 수 있고, firefox 브라우저는 moz:// 프로토콜을 가지고 있다. 이렇게 특정 프로그램을 간편하게 조작하고 접근하기 위해 커스텀 프로토콜을 만드는 경우가 있다. 이 글에서는 macOS에서 커스텀 프로토콜을 만드는 방법에 대해 서술하겠다. Platypus Platypus 라는 프로그램이 있다. Platypus는 터미널 상에서만 작동하는 cli 프로그램을 맥 네이티브 프로그램으로 변환해주는 툴이다. 쉘 스크립트 (sh, bash, tsh, tcsh, ksh, zsh, env, applescript) 는 물론이고 심지어 Python, Ruby, Tcl, Expect, PHP, Swift, AWK, JavaScript, node.js 프로그램도 지원한다. ...

May 26, 2022 · 2 min · 268 words · Me