신현석(Hyeonseok Shin) - mysetting

11:49 5/30

hyeonseok.com

mobile screenshot relative

11:49

hyeonseok.com

mobile screenshot

신현석(Hyeonseok Shin)
https://hyeonseok.com/

사는 이야기, 웹개발 이야기

최종 피드 수집: 2025-06-08 14:46

전체 (69)

21d

Vite 개발 환경에 정적 파일 디렉토리 추가하기

스벨트킷에서 src나 static 디렉토리가 아닌 다른 곳의 파일을 브라우저에서 접근하면 아래와 같은 403 오류가 발생한다.
403 Restricted
The request url "/Users/hyeonseok/repo/pho

000

2M

다이얼로그 요소와 모달

개인적으로는 alert와 confirm과 같은 시스템 모달을 좋아하지만 이걸 그대로 쓰는 제품은 거의 없다. 어떻게든 디자인 아이덴티티를 적용하기위해 기존의 HTML 요소로 비슷하게 만드는 방법을 사용한다. 보기는 좋지만 시스템에

001

3M

Cursor와 웹페이지 만들기

커서(Cursor)가 엄청 좋다는 얘기를 들어서 입코딩으로 간단한 페이지를 만들어봤다. 안드로이드 폰에서 배터리 정보를 보내주면 이걸 모아서 선그래프로 보여주는 페이지이다. 초기에 데이터를 읽어오고 쉘에서 텍스트 정리하는 부분은

000

3M

깔끔한 모니터링 도구 Beszel

모니터릭스(Monitorix)라는 좀 된 모니터링 도구를 쓰다가 긱뉴스에 나온 베스젤(Beszel)을 깔아봤다. 명령어 각 한줄로 서버와 클라이언트를 설치할 수 있다. 시스템 데몬에 자동으로 등록까지 된다.
그래프를 확대한다든

000

3M

구형 맥북 운영체제 복구하기

2016 레티나 맥북(Retina Macbook)에 우분투 서버를 깔았는데 applespi spi-APP000D:00: SPI transfer timed out이라는 오류가 나면서 부팅이 제대로 안된다. 키보드, 터치패드, Wi-

000

3M

맥오에스에서 launchd로 서비스 띄우기

맥오에스에서 systemd와 같은 역할을 하는 기능이 있나 찾아보니 launchd가 있다고 한다. Launchd는 에이전트(agent)와 데몬(daemon) 두가지로 띄울 수 있는데 에이전트는 사용자 계정을 로그인 했을 때 뜨게

000

3M

맥오에스에서 로컬 로그인을 해야만 SSH 연결이 되는 현상

보통은 부팅 후 로컬에서 로그인을 하지 않아도 원격에서 로그인 할 수 있어야 한다. 그런데 어떤 연유로 맥을 재부팅한 후에 그 컴퓨터에서 로그인을 해야만 SSH연결이 됐다. SSH만 그런 것이 아니라 launch deamon도 로

000

3M

오디오엔진 A2+ 와이어리스

오랬동안 눈여겨 보고 있던 오디오엔진 A2+ 와이어리스를 구매했다. 패키지도 성의 있고 작고 아담한 액티브 스피커다. 데스크에 놓고 쓰기에 디자인도 예쁘다. RCA와 3.5mm, USB 입력이 되고 연결하는 전선도 한다발 들어 있

000

4M

크론탭 명령어의 퍼센트 기호

The "sixth" field (the rest of the line) specifies the command to be run. The entire command portion of the line, up to a newlin

000

6M

CSS clamp() 함수

width와 height에는 min/max 값을 지정하는 별도의 속성이 있어서 레이아웃 구성에 유용하게 사용할 수 있다. 다른 속성에도 이와 같이 최대/최소값을 적용할 수 있으면 좋겠다는 생각이 드는 경우가 있는데 이럴 때 cla

000

7M

Android 폰에 웹서버 설치하기

철지난 스마트폰을 보면 하드웨어 성능은 나쁘지 않은데 이를 활용할 방법은 없을까 고민해 왔다. 보통은 대체제들도 가격이 워낙 싸서 그다지 유용한 경우는 많지 않았다. 라즈베리 파이 가격이 많아 올라서 작은 서버로 사용할 수 있을지

001

7M

Ubuntu 24에 Puppeteer용 Chromium 설치하기

우분투 24(Ubuntu 24)에 퍼피티어(Puppeteer)를 깔고 크로미움(Chromium)을 깐다.
sudo -u www-data npx puppeteer browsers install chrome
다음에 크롬이 사용하는 의

000

7M

Puppeteer에서 SSH 터널링 프록시 사용하기

한국 공공 사이트들은 해외 접속을 차단한 경우가 참 많다. 해외에 있는 서버에서 접근이 안된다. 외국에 나가 있으면 국민이 아닌건지 세금으로 만든 사이트를 왜 그렇게 운영하는지 모르겠는데, 그래서 국내에 프록시를 두고 접근하게 설

001

7M

리버스 프록시로 HTTP 기본 인증 우회

HTTP 기본 인증(HTTP basic authentication)이 보안에 좋지 않다고 하지만 편리하기 때문에 널리 사용된다. 이름만 대면 모르는 DS가 없을 툴 중에도 인증 기능이 HTTP 기본 인증으로 되어 있는 경우가 있다

000

8M

Promise.race로 실행 시간 제한 걸기

동시에 여러개의 비동기 처리를 할 때 Promise.all을 사용해서 처리 속도를 올리곤 한다.
const results = await Promise.all([fetchData1(), fetchData2()]);
이렇게 하면 데이

000

8M

천재의 식단

객관적인 사실과 작가의 주장이 섞여 있어서 어디까지가 증명된 과학인지 애매한 부분들이 있다. 저자의 주장을 함축하자면 인간이 산업화되면서 바뀐 식습관에 비해 아직 충분히 진화하지 않았기 때문에 이전 생활의 식습관이 건강에 좋다는

000

9M

WebP의 품질과 파일 크기

웹피(WebP)를 저장 할 때 품질을 얼마로 정해야 품질과 파일 크기 사이에서 적당한 지점을 찾을 수 있을지 실험을 좀 해봤다. 먼저 웹피에 대해서 알아보려면 반디소프트나 구글, 타이니파이의 글을 참고하면 좋다. 간단히 말하면 구

000

9M

맥북 USB-C 충전 전력 확인하기

사용하고 있는 맥북 프로는 맥세이프(MagSafe)로 충전을 하고 있는데 USB 젠더로 충전을 하고 싶어서 USB-C to C 케이블을 이용해서 충전해 봤다. 어떤 케이블은 충전이 되지 않았고 USB-C 케이블마다 충전 용량이 다

000

9M

Puppeteer로 웹페이지 열고 조작하기

화면 없이 웹 브라우징을 할 수 있는 제품으로 기억나는 최초는 팬텀(PhantomJS)이다. 화면도 없이 브라우저를 열고 스크린 샷도 찍고 탐색하는 것이 엄청 신기했다. 지금은 개발이 중단되었다. 팬텀의 불편함을 극복해보고자 캐스

000

10M

Node의 SQLite 지원

노드(Node)가 22.5.0 버전 부터 node:sqlite 모듈을 지원하기 시작했다. 번(Bun)이 SQLite를 지원해서 쓰고 있었는데 메모리 릭때문에 하루에 한번씩 재시작하고 있었다. 이 기회에 다시 노드로 바꿨다.
nod

000