![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/955dcc87-a7af-40d2-9b44-9a737c1799b8/%E1%84%89%E1%85%A2_%E1%84%91%E1%85%B3%E1%84%85%E1%85%A9%E1%84%8C%E1%85%A6%E1%86%A8%E1%84%90%E1%85%B3.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092216Z&X-Amz-Expires=3600&X-Amz-Signature=9efa74be1913f6f3d530cb789c434b5e1aca2745d878a18d44c67474a5092f19&X-Amz-SignedHeaders=host&x-id=GetObject)
![page-icon](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/91ddf256-a553-4e7b-b5e1-38466e69f5cb/SCR-20230110-2qv1.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092216Z&X-Amz-Expires=3600&X-Amz-Signature=45c5e8f0b6733a453e5980d6f910b7c489d831c916389093ddcd05c396200832&X-Amz-SignedHeaders=host&x-id=GetObject)
soolog
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/c799357a-18a0-4c56-a0c6-836ae8a42a7f/SCR-20240527-ucvj.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=2d751fa8e2d36bb078fa21a5ef1d829e8d8cbe8ecf6c71fb2b7fa80bb510c5be&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
닉네임 자동완성 성능개선 일지 With ChatGPT
5/27/20245/27/2024
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/2f0d3c58-560b-4c3c-bfa9-71ba5e42ee47/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=95db2956181a963417fcc4a7b513957825199647ac3d5b94417c009fb3b4635a&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
Node에서 ETag/If-None-Match를 이용한 캐싱 방법
11/30/202311/30/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/94a3419a-36f4-474b-8769-e17a64c9d4ef/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_%284%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=cc619df4d14c14ffd138fb5efcc45e1ad98eaa45d9c14426a4d206cd11efd0c3&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
자바스크립트에서 n시간 전, n일 전 구현 방법
11/8/202311/8/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/65dfd297-5999-438e-b02d-9d8d63deed21/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_%285%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=4a76386b2ca35f39da28a3ec8250bb564652e0b99173114d3e1f8572c6725ba4&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
자바스크립트 비동기 작업의 병렬, 순차 실행 톺아보기
11/8/202311/8/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/64a5efd1-0cb5-407c-a570-1da7e2395c63/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_%282%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=d367f7d31d40a2d35bb8bc90ad068609b7c21245793e577f2c3dfc1c087cc042&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
Next.js appDir에서 Video 파일을 Stream 방식으로 내보내기
5/8/20235/8/2023
개발
appDir사용시 Static Page로 나오는 현상 해결
4/25/20234/25/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/50269b34-f1a3-4aab-ab22-56f7dec68806/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3_%283%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=14cefd2ad6dcf6e823f845cf0d7c7e9ad28667d9baa0b591b791b442eb3441b8&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
Vercel에서 Local File 사용해보기
4/4/20234/4/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/57ed9c0f-4ae8-4085-a222-c4bba39488d7/%E1%84%89%E1%85%A2_%E1%84%91%E1%85%B3%E1%84%85%E1%85%A9%E1%84%8C%E1%85%A6%E1%86%A8%E1%84%90%E1%85%B3_%281%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=16237e47eba5afdc46c5fcf2b60ba86062e309312c1bcb9d8d556d42085429f0&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
SSR에서 CloudFlare의 이메일 난독화 사용할 때Hydration failed
4/3/20234/3/2023
![page-icon](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/6ab46eaf-b30d-4513-abfe-98aedb1b6de6/%E1%84%8B%E1%85%AE%E1%84%87%E1%85%AE%E1%86%AB%E1%84%90%E1%85%AE_%E1%84%85%E1%85%A9%E1%84%80%E1%85%A9.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=9e5a4c46be38571cf2d37cf0eec9b9e036ef1cfdaf567cce266a2afa905aeb09&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
ubuntu로 nas 구축
3/23/20233/23/2023
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/a60df771-f423-4bfa-b915-51f6a5001376/Proxmox_logo_standard_hex_400px.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=9548b35739d7d7cb40c9dcf8936aaa535fb8ac381184aff28047a926f43c7e05&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
Proxmox 초기 설정
3/23/20233/23/2023
![page-cover](https://www.notion.so/images/page-cover/gradients_10.jpg)
개발
IntersectionObserver 이용한 테이블 성능 개선
3/5/20233/5/2023
![page-icon](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/05d99a94-0d26-408a-9359-cf1caf5639f2/JWT.webp?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=9957b35da8719c73b64285afd6bf7f1cc4dc636d470198dde2a5a8c14b4b8538&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
jsonwebtoken ^9.0.0에서 sign function Error
12/23/202212/23/2022
개발
vercel-cli로 배포
11/27/202211/27/2022
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/2788994e-056b-4d7c-b923-92550a25f8b4/social-card-large.f6878fd8df804f73ba3f1a271122105a.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=b97618e0a854b0a41ad1081731e4bea45fc7abb0022d67fd9f6ae59f4fc364c0&X-Amz-SignedHeaders=host&x-id=GetObject)
개발
Tailwind CSS
7/31/20227/31/2022
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/d577acc6-5a5d-45cd-b319-8faa7af313fe/logo-svg.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=7ebda58716448c850318a9668000ba0ce38afc54fb93a7f31d2f49f9fc7fe1f2&X-Amz-SignedHeaders=host&x-id=GetObject)
설정
Node.js
7/31/20227/31/2022
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/69850485-f196-474d-ad32-99143fb3bb6c/Homebrew-cover.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=3290be17e59a8cb1bf33840aac87246eb29c6012b4a4679768fdfe1da79c1804&X-Amz-SignedHeaders=host&x-id=GetObject)
설정
Homebrew
7/27/20227/27/2022
![page-cover](https://prod-files-secure.s3.us-west-2.amazonaws.com/bc54e308-b555-4004-9ba3-ac0d3c344f76/c73baf9a-4ba1-44ac-8c83-67ffc20e77d8/VS_Code-cover.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240907%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240907T092217Z&X-Amz-Expires=3600&X-Amz-Signature=32234f4c922050f3f9364a19117317b77172f4e35a0769e81527147c2ac42ef6&X-Amz-SignedHeaders=host&x-id=GetObject)
설정
VS Code
7/23/20227/23/2022