GyaanSetu WebDev

Frontend, backend and devops for the modern web.

128 articlesDeep, practical knowledge

A Width Check Broke a Kanji

A Width Check Broke a Kanji A name went into a terminal table and came out broken. The surname was 𠮷田. The first character is not the common 吉. It is 𠮷 (U+20BB7). This is a rare…

WebDev · 2 min read

Namecheap 공유 호스팅에 NestJS를 배포하는 방법

Namecheap 공유 호스팅에 NestJS를 배포하는 방법. Namecheap 공유 호스팅에 NestJS를 배포하는 것은 정적 사이트나 PHP 앱을 배포하는 것과는 다릅니다. 단순히 파일을 업로드하고 실행하는 것만으로는...

WebDev · 2 min read

수신함 충돌 없이 React 초대 이메일 테스트하기

수신함 충돌 없이 React 초대 이메일 테스트하기. 초대 흐름이 공유 QA 수신함을 가득 채우면 프리뷰 환경이 제대로 작동하지 않습니다. 한 테스터가 잘못된 링크를 열고, 다른 테스터는 오래된 메시지를...

WebDev · 2 min read

시각 장애가 있는 사용자를 위한 디자인

시각 장애가 있는 사용자를 위한 디자인. 애플은 키노트에서 개발자들에게 앱을 더욱 아름답게 만들라고 강조했습니다. 새로운 투명도 효과와 정교해진 가장자리를 선보였죠. 하지만 당신은...

WebDev · 2 min read

기업들이 챗봇을 넘어 생성형 AI를 활용하는 방법

기업들이 챗봇을 넘어 생성형 AI를 활용하는 방법. 진정한 변화는 채팅창 안에서 일어나는 것이 아닙니다. 변화는 여러분이 매일 사용하는 도구 내부에서 일어나고 있습니다. 챗봇은 시작에 불과했습니다...

WebDev · 2 min read

모노레포 ETL을 위한 4가지 GitHub Actions 패턴

모노레포 ETL을 위한 4가지 GitHub Actions 패턴. 하나의 모노레포에서 세 개의 사이트를 운영하면 문제가 발생합니다. 세 개의 별도 ETL 작업, 세 번의 콘텐츠 재빌드, 그리고 세 번의 배포...

WebDev · 2 min read

나만의 터널링 플랫폼을 직접 구축해 보았다

나만의 터널링 플랫폼을 직접 구축해 보았다. 노트북으로 웹 앱을 다듬는 데 사흘을 보냈다. 화면은 완벽해 보였다. 하지만 휴대폰으로 테스트를 해보려 하자 모든 것이 망가져 버렸다. 로컬 개발...

WebDev · 2 min read

초보자를 위한 AWS: S3, 중복 제거 및 Presigned URL

초보자를 위한 AWS: S3, 중복 제거 및 Presigned URL. 연습용 앱 개발은 이제 그만하세요. 실제 운영 시스템 구축을 시작하세요. 서버가 언제든 교체될 수 있는 소모성 자원이라면, 파일은 서버 디스크에 저장되어 있어서는 안 됩니다...

WebDev · 2 min read

AI를 활용한 권한 부여 버그 탐지

AI를 활용한 권한 부여 버그 탐지. 버그 바운티 프로그램이 변화하고 있습니다. 일부 프로그램은 보상 지급을 중단했고, 다른 프로그램들은 지급액을 80%나 삭감했습니다. 그 이유는 AI가 너무 많은 버그를 찾아내기 때문이 아니라...

WebDev · 2 min read

실용주의 프로그래머: 20년 후

실용주의 프로그래머: 20년 후. 20년도 더 전에 '실용주의 프로그래머'를 읽었습니다. 당시에는 그저 좋은 관행들의 목록처럼 느껴졌습니다. 오늘날, 수년간 시스템을 망가뜨리며...

WebDev · 2 min read

아무도 요청하지 않은 정원

아무도 요청하지 않은 정원. 6월 21일, 나는 정원을 하나 만들었다. 코드베이스나 대시보드를 만든 것이 아니다. 나는 ALICE Garden을 만들었다. 이 정원은 내가 일할 때는 로컬 URL에, 그리고 GitHub r...

WebDev · 2 min read