신현석(Hyeonseok Shin) - mysetting

11:49 5/30

hyeonseok.com

mobile screenshot relative

11:49

hyeonseok.com

mobile screenshot

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

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

최종 피드 수집: 2026-02-02 17:46

전체 (82)

22d

사피엔스

워낙 유명한 책이다. 히브리어로 쓰여져서 무려 30여개의 언어로 변역됐다고 한다. 그러면 이 책은 히브리어에서 번역된 것일까 영어에서 번역된 것일까 갑자기 궁금해졌서 찾아봤다. 2011년 히브어로 책이 나오고 2014년 영어판이

001

1M

자전거 펌프로 자동차 타이어 공기 주입하기

겨울이 되어서 날씨가 추워지니 자동차 타이어의 공기압이 낮다는 경고가 떴다. 과거에는 공기압 경고가 뜨면 긴급 출동을 불러서 공기를 보충하곤 했다. 그러다가 자동차 타이어나 자전거 타이어나 똑같다는 말을 들고 직접 공기를 채워봐야

000

1M

한/영 키나 오른쪽 ALT키로 한영전환이 안 될 때

갑자기 스페이스바 오른쪽의 한/영 키나 오른쪽 ALT키로 한영전환이 되지 않는다면 키보드 레이아웃을 다시 바꿔주면 된다. 윈도우 + I를 눌러서 설정에 들어가서 '시간 및 언어 > 언어 및 지역 > 옵션'에 들어가서 키보드 섹션에

000

2M

드림씨어터 40주년 기념 앨범 Quarantième: Live à Paris

드림씨어터의 팬이지만 라이브는 불편해서 잘 듣지 않는다. 하지만 이번 앨범 'Quarantième: Live à Paris'는 듣다가 간만에 CD까지 구매했다. 파리의 아디다스 아레나에서 녹음되었고 DVD 촬영을 같이 했다고 하는

000

3M

오픈AI 아틀라스 브라우저

오픈 AI에서 아틀라스라는 브라우저를 내놨다고 해서 깔아봤다.
챗GPT 계정으로 로그인 해야 사용할 수 있다.
뭔가 오류가 있는지 패스키를 사용할 수 없다.
다른 브라우저의 정보를 가져온다든가 기본 브라우저 설정, 기본적인

000

4M

극장판 귀멸의 칼날: 무한성편

스케일도 커졌고 액션도 커졌다. 무한열차도 수준급이었고 무한성편도 그렇다. 이번 것은 1편이고 3편까지 나와야 단행본 스토리까 끝날 것 같은데 완결 보려면 시간이 꽤나 걸릴 것 같다. 러닝타임이 좀 길다. 흥행에 어느정도 자신이

000

5M

의미에 맞는 href 사용

링크에 onclick 핸들러를 달 때 href에 #을 많이 사용하는데 특이하게 http://를 사용한 경우를 봤다. 딱히 신경쓰지 않고 있었는데 이로 인한 버그가 리포팅됐다.
사파리는 링크를 롱탭해서 프리뷰를 볼 수 있는데 ht

000

5M

클라우드 플레어 뒤에 있는 웹서버에서 사용자 IP를 로그로 남기기

클라우드 플레어 뒤에 있는 웹서버의 로그를 보니 클라우드 플에어 프록시 서버의 IP를 남기고 있다. 클라우드 플레어는 CF-Connecting-IP로 실제 IP를 넘겨주고 있어서 이것을 이용하게 설정할 필요가 있다.
엔진엑스의 r

000

5M

F1 더 무비

트레일러 영상이 나왔을 때 소리가 아이폰의 진동 센서와 연동되었다고 해서 사람들 사이에서 이슈였던 영화다. 메가박스 남양주 현대아울렛 스페이스원 돌비 시네마에서 봤는데 음향과 음량이 정말 뛰어났다. 자동차 엔진의 저음이 몸이 떨릴

000

5M

웹 애니메이션 API

시작은 제이쿼리로 되어 있는 코드를 바닐라로 변환이 필요해서 였다. 화면에서 보이지 않다가 특정 조건에서 화면에 나오는 애니메이션을 보여주는 기능이었다. 챗지피티에 물어보니 전반적인 변환은 잘 해줬는데 화면에 나오기 직전에 dis

000

6M

CSS 네스팅과 우선순위

CSS 네스팅의 우선순위를 보다가 좀 독특한 사항이 있는 것을 발견했다.
<b class="foo"><i>blue?</i></b>
#a, b {
i {
color: blue;
}
}
.foo i {
color: green

000

6M

CSS 네스팅과 미디어쿼리

CSS 네스팅(CSS nesting)은 SASS같은 CSS 전처리기에서 지원하던 문법인데 표준이 됐다. 모든 CSS 룰은 병렬로 선언이 되기 때문에 관리가 어렵다. 우선순위를 이용해서 어느정도 관리할 수는 있지만 여전히 선언이 여

000

7M

넷플릭스: 규칙 없음

나온지 좀 됐는데 아주 재미있게 읽었다. 한마디로 요약하자면 인재 밀도를 올리고, 솔직한 피드백을 주고 받고, 제약을 없애고 판단할 수 있게 했다는 내용이다. 읽으면서 문화적으로 잘 안맞는 부분도 있을 것 같다는 생각이 들었는데

000

8M

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

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

000

10M

다이얼로그 요소와 모달

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

002

11M

Cursor와 웹페이지 만들기

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

000

11M

깔끔한 모니터링 도구 Beszel

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

000

11M

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

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

000

11M

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

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

000

11M

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

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

000