kipid's blog

# Statistics of kipid's bloghttps://kipid.tistory.com/entry/Lists :: kipid's blog in Tistory (이강수 (kipid) 님의 블로그 in 티스토리) 의 방문자 통계입니다. 어떤 글이 제일 많이 읽혔는지도 Sec. 에서 보실 수 있습니다.## PH2023-12-26 : Separate recoeve.net.2023-09-14 : Recoeve.net is added.2023-06-24 : First posting.## TOC## Time conversion```[.lang-js]new Date((new Date().getTime())+9*60*60*1000).toISOString();// Input date and time in tex..

# HTML에서 여러가지 글꼴, 글씨체, 폰트, Font, Font-family, Font-style testing.## PH2026-03-17 : Updated to SEE.## TOC## Which font-size is the best among "px", "mm", "pt", "em", "%"아래 div를 감싸고 있는 parent div의 font-size를 10px로 해놨음. (style="font:10px/1.6 '맑은 고딕'") 굳이 10px로 정한 이유는 child div들(+다른 child tag들)의 font-size를 em(혹은 %)로 표시할거라서 계산 상 편의를 위함임. 보통 em을 쓰는 것이 권장되는 방법이라고 함. 즉 font-size를 정할 때 (px, cm/mm, pt)보다 ..

--> --># pure SEE (Super Easy Edit) of docuK (Markdown): 사용 설명서 (Manual | Documentation | Tutorial).The docuK rendered from the current text is being represented.I recommend you to Open pure-SEE-copiable.html and Download pure-SEE-copiable.html (마우스 오른 클릭 -> 다른 이름으로 링크 저장), and copy and paste to new html file, and edit it with referencing and learning the SEE document.## Abstract | Description o..

# 로고 QR (Quick Response : 빠른 응답) code 생성기 :: (Logo QR (Quick Response) code generator)잘 사용하셨다면 광고 클릭 한번씩만 부탁드립니다 ^^.연결할 주소 (URL) :: 이미 쓰여져 있는 "https://" 를 지우지 않고 붙여넣기 (paste, Ctrl+V) 하셔도 자동으로 앞의 "https://" 가 지워지도록 똑똑하게 디자인 되어 있습니다.중앙 로고 선택 (JPG, PNG)QR 코드 생성하기이미지로 다운로드* 로고 크기는 QR 코드의 약 20% 크기로 자동 조정됩니다.* 너무 복잡한 로고는 인식률을 떨어뜨릴 수 있습니다.

# 📄 PDF를 이미지로 변환 (무료) :: (PDF to Image Converter For FREE!!!)잘 사용하셨다면, 광고 클릭 한번씩만 부탁드립니다 ^^.PDF 파일을 선택하면 각 페이지를 PNG 이미지로 변환합니다. 클릭하거나 PDF 파일을 여기로 끌어다 놓으세요.

# week1 위클리 페이퍼 (CSS 에 대해 설명 (position, display: flex and grid), 시맨틱 (Semantic) 태그를 사용하면 좋은 점)## TOC## CSS (Cascading Style Sheets) 의 Cascading에 대해 설명해 주세요.Cascading: 폭포처럼 떨어지는...폭포가 계단형식으로 떨어지는 것처럼 CSS Selector 가 가장 specific (구체적: id, class, tag or postfix (e.g. :hover, :focus, :visited, :nth-child(3), :first-child, ::before, ::after, ::placeholder) 순으로 금은동 메기듯 더 상위 level) 스타일부터 적용시켜 나가면서 덜 spe..

# 구글 크롬 브라우저 캐시 지우기 및 강력 새로고침 하는 방법인터넷 브라우저들은 통신에 소비되는 비용을 아끼기 위해 바뀌지 않는 데이터들 (사진이나 동영상, javascript 파일, css 파일, html 파일 등) 을 브라우저 로컬 저장소에 저장/캐시 (cache) 해놓고, 사용자가 같은 사이트를 다시 방문할때 변하지 않았을거라 추측되는 데이터들은 다운받지 않고 캐시 해놓은 데이터를 이용해서 페이지를 띄우는 경우가 많다.하지만 이 경우 접속하고자 하는 홈페이지의 몇 개의 파일/데이터들이 바뀌었는데도 새로 다운로드 받지 않고 캐시된 데이터를 써서 에러를 일으키는 경우가 있는데, 이를 방지하기 위해 캐시를 지우고, 강력하게 새로고침 하는 방법에 대해 설명해볼까 한다. 참고는 에서...## PH2023..

# LaTeX/Special Characters## TOC## Special characters\check{I} : \check{I}\acute{J} : \acute{J}\grave{K} : \grave{K}\vec{u}, \vec{AB} : \vec{u}, \vec{AB}\overrightarrow{u}, \overrightarrow{AB} : \overrightarrow{u}, \overrightarrow{AB}\bar{z} : \bar{z}\hat{x} : \hat{x}\tilde{x} : \tilde{x}\dot{x}, \ddot{x}, \dddot{x} : \dot{x}, \ddot{x}, \dddot{x}\mathring{A} : \mathring{A}## Math mode accents\ac..

# AWS S3 (Simple Storage Service) 공부하기 - Pre-signed URL이미지/동영상/파일 등을 업로드하고 다운로드 할 수 있게 도와주는 AWS S3 (Simple Storage Service) 를 배워봅시다.## PH2025-07-06 : First posting.## TOC## S3 이미지/파일 업로드 예제 by edu-jason-kim링크: .env file```[.lang-js]AWS_ACCESS_KEY_ID=...AWS_SECRET_ACCESS_KEY=...AWS_BUCKET_NAME=...```/aws-sdk 설치.```[.lang-sh]npm i aws-sdk```/app.js file```[.lang-js.scrollable]const express = requi..

# npm next-themes 와 @react-spring/web 이용해서 dark/light mode toggle 하기## PH2025-08-06 : First posting.## TOC## RRA

# 티스토리 그림파일 직접 img tag 로 올릴 수 없게 됨그냥 외부에서 퍼가는 것만 막지 왜 이렇게 해버렸지? ㅡ,.ㅡ;;;그림 파일을 올리고 [_ ## img 정보 ## _] 와 같이 포스팅해야만 이미지가 제대로 보이는듯. 업로드한 그림 파일 주소 복사해서 img tag 로 옮겨서 포스팅하면 몇 일 지나면 이미지가 제대로 안보이는듯.아래는 테스트.[_ ## img 정보 ## _] 형태img tag 형태

: > }, { & : & } 같은 것들. 'less than', 'greater than', 'ampersand'의 약자일듯. JavaScript - String - replace(RegExp, txt) method 쓰면 편함. 하지만 여전히 escaping은 미리 신경써줘야 함. script 안에 들어가 있지 않는 한. HTML document가 이상하게 rendering 될수도 있음."># 인터넷에서 예쁘게 코드 입력하기 (Syntax Highlighter - google code prettify)유지 보수가 더이상 안되는 코드라 prism.js 로 갈아탐.뭐 여러가지 js가 있는거 같긴한데 개인적으론 이거 쓰면서 만족하고 있음. Google 직원이 만들었으니 잘 만들었겠지. 뭔가 에..