kipid's blog

# 한글 초성검색 in Javascript한글의 위대함을 한껏 활용하기 위해 초성검색을 구현해 봅시다.문서 오른쪽 위의 Fuzzy search 버튼을 누르시면, 초성검색 (엄밀히는 fuzzy search 이지만) 구현이 어떻게 되어 있는지 아실 수 있습니다.## TOC## 한글 Encoding in Javascript자바스크립트의 문자열은 내부적으로 16비트 유니코드로 처리 .유니코드에서 한글은 코드값 OxAC00부터 시작하며, 초성 19 / 중성 21 / 종성 28 개의 조합 순으로 코드가 배열. 유니코드에 대한 공식 설명은 에서...초성, 중성, 종성의 자모 순서는 에서... (Hangul Syllables 부분에 한글 음절에 대한 유니코드표)Hangul Array초성 "ㄱ", "ㄲ", "ㄴ",..

# 구글 크롬 브라우저 캐시 지우기 및 강력 새로고침 하는 방법인터넷 브라우저들은 통신에 소비되는 비용을 아끼기 위해 바뀌지 않는 데이터들 (사진이나 동영상, 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..

# SI, cgs 단위계 및 물리상수들 (SI, cgs unit and physical constants)여러 물리량들 (physical quantities) 중에서 어떤 것이 더 기본적인 (basic or fundamental) 것일까? 서로간의 관계는 어떻게 될까? 물리상수들에는 어떤 것들이 있을까? 우리 우주와 물리법칙은 같지만, 물리상수는 다른 우주도 있을까? 그런 우주는 어떤 세상일까? 어떻게 생겨먹었을까? 이런 질문들의 해법의 기본이 될 수 있는 SI, cgs 단위계 및 물리상수들을 소개한다. 왜 물리학자들이 이런 물리량들을 기본적인 것들로 선택하고, 기준으로 택했는지도 고민해보자. 또한 어떤 것들이 미래에는 바뀔지 추측해 보는 것도 재미있을듯 하다.## PH2015-12-12 : To SEE..

# 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

# AWS Ubuntu 에서 서버가 갑자기 죽었을때 자동으로 재부팅 시켜주는 방법 + 부팅 시 자동으로 서버 돌아가게 만드는 방법AWS Ubuntu 인스턴스에서 서버가 갑자기 죽었을 때 자동으로 재부팅시켜주는 방법과 부팅 시 자동으로 서비스를 실행하는 방법을 설명해 드리겠습니다. AWS 환경에서는 물리 서버와 달리 몇 가지 차이점이 있으므로, 이를 고려한 접근이 필요합니다.## PH2025-08-03 : First posting.## TOC## AWS Ubuntu에서 서버가 갑자기 죽었을 때 자동으로 재부팅 시켜주는 방법AWS EC2 인스턴스가 "갑자기 죽는" 상황은 크게 두 가지로 나눌 수 있습니다.OS 내부의 문제로 인한 정지 (커널 패닉, OS Hang 등):이 경우 EC2 인스턴스 자체는 runn..

# Nginx 설치 및 설정 and SSL HTTPS 설정하기## PH2025-08-01 : First posting.## TOC## Nginx 설치 및 설정```[.lang-sh]sudo apt updatesudo apt install nginxsudo systemctl start nginxsudo systemctl enable nginxsudo ufw app listsudo ufw allow 'Nginx HTTP'sudo ufw allow 'Nginx HTTPS'sudo ufw allow sshsudo ufw enablesudo ufw statussudo ufw status verbose```/### Recoeve.net 의 nginx.conf 파일```[.lang-sh.scrollable]sudo ..

# Git 을 배워보자. (Feat. GitHub)버전 관리와 협업에 필수인 Git (and GitHub) 에 대해 배워봅시다. ## PH2024-07-30 : First posting.## TOC## Git 설치 및 간단한 명령어들Git 은 (Global Information Tracker) 의 약자로 대충 보면 된다. (처음 이름 지은 사람은 이런 의도를 가진 약자가 아니었던 같긴 한데... 저 표현이 Git 을 잘 나타내준다고 본다.)우선 설치: 에서 다운 받고 대충 설치.```[.lang-sh.scrollable]SET BASEDIR=%CD%set GIT_EDITOR=vimset VISUAL=vimset EDITOR=%VISUAL%git config --global core.editor "vim..

# MySQL SQLException in Ubuntu, Linux우분투, 리눅스에서 MySQL 을 써서 서버를 돌릴일이 생겼는데, 문제가 생긴걸 공유하려고 글 작성.윈도우즈나 맥에서는 MySQL 의 Table name (테이블 이름) 이 대소문자를 구분 안했는데, 우분투/리눅스에서는 대소문자를 기본적으로 구분한다고 함.그래서 초기에 설치할때부터 대소문자를 무시하도록 설정되도록 설치해야 함.이거 때문에 MySQL DB Server 에 접속은 됐는데, 특정 Table 을 찾을 수 없다는 등의 SQLException 이 계속 났음.## PH2025-04-04 : First posting.## TOC## MySQL의 Global Variables 중에는 lower_case_table_names 라는 속성이 있..

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

# Learning SQL (Structured Query Language) | MySQL (SQL | MySQL 을 배워보자.) :: MySQL, JDBC (Java DataBase Connector)Database library라고 보면 될듯. 공부하면서 정리해놨던 것 포스팅. 정말 최적화하려면 상용 SQL보다 직접 database를 구축해서 쓰는게 (search에 hash를 쓸 것인지, tree를 쓸 것인지 등도 결정하면서) 프로그램이 돌아갈 때 더 적은 resource와 더 적은 시간이 걸릴거 같지만, 오래 걸리고 노력을 많이 필요로하니 그냥 보급된 SQL을 잘 골라서 쓰는게 맘 편할듯도. Select, Join 같은거 구현하려면 짱나긴 할듯.정리하기 귀찮다;;;; 대충만 해놓고 다음에 다시.....