Blog
PHP에서 파이썬으로 전환
사이트 구성 언어를 PHP에서 파이썬으로 변경했다. 하면서 여러가지 일들을 같이 진행했다. 우선 Pmwiki를 삭제하고 수정 기능 없이 콘텐츠 보여주는 기능으로 변경했다. 위키의 권한을 계속 열어놨었는데 사람들이 글자 바꿔보는 정도 테스트만 하고 내용을 편집하는 사람은 없었다. 내가 쓰기에도 위키가 그다지 편하지 않고 이제 위키쪽은 업데이트도 거의 안 ……
dev |2020-09-27 | Comments (2)
지정된 크기의 더미 파일 만들기
20 메가 이상의 파일을 올리지 못하게 하는 기능을 만들고 테스트 하려니 해당 크기의 파일이 있어야 하는데 찾거나 만들기가 쉽지 않았다. 검색해보니 다양한 운영체제에서 사용할 수 있는 방법들이 나온다. 맥에서는 리눅스에서 파일 만드는 방법 중에 아래의 방법을 사용해서 파일을 만들 수 있었다. truncate -s 20M oversize.jpg ……
dev |2020-08-23 | Comments (1)
object-fit과 그 대체 방법
const style = document.createElement('style'); style.innerHTML = `#body img { max-width: none; } .obj-fit { margin: 0; padding: 0; list-style: none; display: flex; align-items: cent ……
dev |2020-06-28 | Comments (1)
웹서버를 엔진엑스로 교체
패쓰랑 미투데이 백업을 띄워놓은게 있는데 스태틱 페이지임에도 불구하고 이미지 등 로딩이 너무 느렸다. 그래서 어떻게 튜닝해야 하나 물어봤다가 그냥 엔진엑스 쓰라고 해서 아파치 대신 엔진엑스로 교체해 보기로 했다. 하는 김에 서버도 새로 발급해서 우분투 20.04에 소프트웨어들도 다 최신으로 깔아버렸다. 문제는 내가 돌리는 사이트들이 다 너무 오래된 것들이 ……
dev |2020-06-13 | Comments (0)
20140416#6
강경화 장관의 말을 빌리자면 모든 국민에게 트라우마를 안겨준 참사가 벌써 6년이 됐다. 하지만 아직 시원한 설명이나 책임지는 모습은 없다. 어제의 총선 결과가 의석수는 만족스럽지만 어딘가 계속 불만스러운 이유는 이러한 것이려나. 사회가 조금씩 나아가고는 있지만 너무 느리고 답답하다. 이제는 진실이 밝혀지기를 바란다. 페이스북에서 포스터가 예뻐서 가져왔 ……
life |2020-04-16 | Comments (0)
CSS 셀렉터 그룹
실제로 아래와 같이 제작되어 있는 것을 본 적이 있다. .stats .txt_win {float:left;width:233px;margin-top:8px;font-weight:bold;font-size:18px;line-height:30px;color:#44a3ff;text-shadow: 1px 1px rgba(1,1,1,0.3);} .stats .txt ……
dev |2020-04-15 | Comments (0)
스크롤바 숨기기
회사 이미지 검색 솔루션 중에 비슷한 상품을 추천해 주는 기능을 카페24 앱으로 만든 것이 있다. 상품 상세 페이지에 상품 목록 형식으로 들어가는데 상당히 많은 고객이 롤링 형태로 더 많은 상품을 보여줄 수는 없느냐는 요청을 해왔다. 사실 나는 뭔가 더 보여주려면 그만큼 화면에 공간을 할애하라는 주의이지만 더이상 개똥철학 만을 주장할 수는 없는 정도가 되 ……
dev |2020-02-28 | Comments (0)
2010년대를 보내고 2020년대를 맞이하며
가족이 두 명 늘고, 두 명이 줄었다. 웹표준은 이제 과거의 개념이 되었다. 그렇다고 세상이 웹표준을 제대로 받아들이지는 못했다. 역사의 반복을 목격했다. 만들어진 일을 하는 경우도 있었고 일을 만들어서 해야 하는 경우도 있었다. 전자보다는 후자의 비중이 늘어간다. 사람은 바뀌지 않는다. 하지만 사람의 영향력은 바꿀 수 있다. 이제 지병이 한 두 개씩 생 ……
life |2020-01-01 | Comments (0)
반응형 그리드 레이아웃
그리드 레이아웃은 이미지 갤러리나 상품 목록 등에 사용되는 매우 자주 볼 수 있는 레이아웃이다. 보통 화면 크기에 따라 다단의 갯수가 변하고 다단의 너비는 사이의 간격은 고정 값을 가지게 된다. 구현이 CSS 만으로는 까다롭기 때문에 자바스크립트를 사용해서 많이 구현한다. 마이크로소프트에서 그리드 레이아웃을 제안한 이후로 시간도 많이 지났고 이제는 대부분 ……
dev |2019-12-25 | Comments (0)
이미지 원본 크기 naturalWidth, naturalHeight
이미지 요소의 크기는 width, height로 알 수 있다. width, height는 이미지가 실제로 로드되지 않아도 스타일로 크기가 지정되어 있으면 그 크기를 반환한다. display: none을 지정했을 때 같이 화면에 랜더되지 않으면 크기를 가져올 수 없지만 재미있는 것은 랜더가 안된 상태에서 이미지 로드가 끝나면 이미지의 원본 크기를 반환한다는 ……
dev |2019-07-13 | Comments (0)