Blog

Flask에서 SvelteKit으로

파이썬에 익숙해지고 싶어서 사이트 개발 언어를 바꾼지 사년만에 이번엔 스벨트킷으로 바꿨다. 생업으로는 자바스크립트를 많이 다루다보니 아무래도 파이썬 쓰는 시간이 적고 이런 정도의 코드를 짰다고 익숙해지는 것은 무리였다. 스벨트킷에 익숙해져서인지 뭐하나 바꾸는데도 조금 답답했다. 특이한 문법들은 잘 익숙해 지지 않아서 매번 검색해서 다시 익히려니 쉽지 않았다 ……

dev | 2024-02-17 | Comments (0)

Focus, blur 이벤트와 focusin, focusout 이벤트

focus, blur 이벤트는 버블링되지 않지만 focusin, focusout 이벤트는 버블링 된다. 2011년에 한 제이쿼리 교육 자료에도 이 내용이 있는데 내 머리속에는 없다. IE는 무려 2001년, 크롬과 사파리는 2011년, 파이어폭스는 2017년 부터 지원하기 시작했다. 스펙에는 발생 순서가 명시되어 있지만 스펙보다 구현이 먼저 되었다 보 ……

dev | 2024-02-03 | Comments (0)

사진의 날짜 정보 수정하기

사진 찍은 날짜를 바꾸고 싶다는 부탁을 받아서 제대로 수정하는 방법을 살펴봤다. 개인적으로는 애플 포토(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)