Blog

사진의 날짜 정보 수정하기

사진 찍은 날짜를 바꾸고 싶다는 부탁을 받아서 제대로 수정하는 방법을 살펴봤다. 개인적으로는 애플 포토(Photos)를 사용해서 사진을 관리하는데 가끔 날짜가 이상한 사진은 간단하게 수정이 가능하다. 그런데 포토에서 수정한 사진은 다시 원래대로 되돌리는 것도 쉽다. 사진의 데이터가 교체되는 것이 아니라 어딘가 다른 곳에 저장되는 것 같다. 사진에는 촬 ……

software |2024-01-27 | Comments (0)

개인 공간

웹에 개인 공간을 검색해보니 인간이 안정감을 느끼는 다양한 공간과 거리에 대한 얘기들이 나오는데 관련이 있을 수도 있고 없을 수도 있는 얘기다. 집을 이사하면서 때가 잘 맞지 않아 3개월 정도 원룸에서 생활을 했다. 성인 두명, 아이 두명, 고양이 두마리. 수납 공간이 잘 되어 있는 원룸이었지만 거주 인원이 많다보니 누울 수 있는 자리를 펴면 거의 공 ……

life |2024-01-23 | Comments (0)

Visual Studio Code 자동 포매팅 안하고 저장하기

VS Code를 사용하는 많은 사람들이 자동 코드 포매팅을 켜놓았을 것이다. 코드를 저장하거나 복사 붙여넣기를 할 때에 미리 설정되어 있는 포매팅 규칙을 적용해주는 기능이다. 코드 포매팅에 들어가는 시간을 획기적으로 줄여주기 때문에 생산성 향상에 긍정적인 영향을 미친다고 생각한다. 모든 파일에 코드 포맷이 잘 적용되어 있다면 문제될 것이 없지만 오래된 프로 ……

dev |2023-08-20 | Comments (0)

:has() 셀렉터

부모 요소 셀렉터는 오래전 부터 많은 개발자들이 원하는 기능이었다. 하지만 탐색 순서나 순환 참조와 같은 브라우저 성능과 관련된 구현 문제가 있어서 오랬동안 실현되지 못했다. 20여년이 지나서야 CSS4 스펙에 추가되고 2021년에 구현을 시작한 브라우저가 나오고 2022년에 기능을 탑재한 브라우저들이 출시됐다. 지금은 파어어 폭스를 제외한 대부분의 브라우 ……

dev |2023-07-16 | Comments (0)

PG RX-78-2 Gundam 30th Anniversary Extra Finish Version

10년도 더 전에 일을 좀 도와드리고 선물로 받은 키트다. 그동안 엄두가 안나서 조립을 못하고 있었는데 계속 들고만 다니고 있어서 맘먹고 조립을 했다. PG는 처음으로 조립해 봤는데 무게도 그렇고 MG나 RG에서는 느껴보지 못한 완성도를 느낄 수 있었다. 기존의 PG RX-78에 코팅을 새로한 버전이라고 하는데 조명이 안좋아서 사진은 별로지만 금속 광택의 ……

hobby |2023-06-04 | Comments (0)

두 변수의 값 서로 바꾸기

프로그래밍 커리큘럼 초기에 나오는 주제다. 보통 임시 변수를 쓴다. temp에 a를 넣고 a에 b를 넣고 b에 temp를 넣는 식이다. 숫자라면 임시 변수 없이도 가능한데, 더했다 빼거나, 곱했다 나누기, 또는 XOR 연산을 사용할 수 있다. 이게 궁금했던 것은 아니고 아름다운 방법은 없나 찾아봤는데 구조 분해(destructuring)를 쓰면 한줄에 ……

dev |2023-06-03 | Comments (3)

text-decoration: underline 의 하위 요소 전파

파이어폭스와 크롬에서는 나오지 않는 밑줄이 사파리에서만 나왔다. 사파리의 랜더링이 잘 못 되었을 거라고 생각하고 살펴봤는데 오히려 파이어폭스에서 밑줄이 나오지 않는 것이 이상했다. MDN에서 text-decoration을 보니 부모 요소에 적용된 밑줄을 자식 요소에서 취소 할 수 없다고 나와 있어서 사파리의 랜더링이 맞는 것 같았다. 밑줄이 나오지 않 ……

dev |2023-05-13 | Comments (0)

비밀번호의 강도를 알려주는 zxcvbn

사용자가 추측하기 쉬운 비밀번호를 사용하면 계정이 탈취될 수 있기 때문에 보통 비밀번호 규칙을 정해서 너무 쉬운 비밀번호는 사용 하지 못하게 한다. 최소 길이를 제한하거나 영어 대소문자나 숫자, 특수문자를 포함하도록 하는 경우가 많다. 하지만 다양한 기호를 섞어서 비밀번호를 만들기 보다는 16자 정도의 충분히 긴 비밀번호를 사용하는 것이 보안상 더 도 ……

dev |2023-04-23 | Comments (0)

DOM의 변화를 감지하는 MutationObserver

보통 자바스크립트 프레임워크를 사용해서 개발할 때에는 DOM을 직접 다루지 않아도 모든 요소를 제어할 수 있기 떄문에 거의 사용할 일이 없는 API이다. 하지만 플러그인이나 확장 기능 개발과 같이 직접 제어할 수 없는 부분의 영향을 받는다면 더할 나위 없이 유용한 API이다. 회사의 제품 중에 주피터랩의 플러그인 형태로 개발된 링크(Link)가 있는데 확장 ……

dev |2023-04-11 | Comments (0)

지정된 디렉토리에서 Git 명령어 실행하기

크론탭에 git pull을 주기적으로 하는 명령어를 등록하려고 했다. 보통은 cd로 이동하고 실행을 하는데 특정 디렉토리에서 pull을 하는 명령어가 없나 찾아보니 역시나 있었다. -C를 이용해서 지정된 디렉토리에서 Git 명령을 실행할 수 있다. cd ~/my-project && git pull && cd - 이렇게 사용해 왔다면 git ……

dev |2023-03-26 | Comments (0)