idea·blog

TOPIC COLLECTION

개발 노트

5

직접 만든 기능에서 만난 문제와 해결 과정을 기록합니다. 완성 결과보다 선택한 구조, 실패한 접근, 운영할 때 확인할 지점을 중심으로 정리합니다.

이 주제에서 다루는 것

01

만들다 막힌 지점

기능이 완성된 모습보다, 그 전에 무엇이 안 됐고 왜 그 구조를 골랐는지를 남깁니다. 브라우저만으로 여는 화상회의의 연결 문제, 두 사람이 같은 좌석을 동시에 누를 때의 중복 예약, 오류 코드로 볼 로그를 좁히는 순서처럼 실제로 부딪힌 문제에서 출발합니다.

02

고르지 않은 선택지

채택한 방법만 적으면 그게 왜 나은지 알 수 없습니다. 그래서 검토했다가 버린 접근과 버린 이유, 지금 구조가 감당하지 못하는 범위도 함께 적습니다.

03

운영하면서 드러난 것

배포한 뒤에야 보이는 것들을 마지막에 정리합니다. 인원이 늘 때의 부담, 브라우저별 지원 차이, 실패했을 때 무엇을 먼저 볼지 같은 항목입니다.

읽는 방법

  • 문제 상황과 결론이 앞에 옵니다. 배경 설명을 끝까지 읽지 않아도 무슨 이야기인지 먼저 알 수 있습니다.
  • 관측한 값, 계산한 추정치, 단순화한 시뮬레이션을 섞지 않고 구분해 표시합니다.
  • 대부분의 글에는 눌러볼 수 있는 데모가 붙어 있고, 데모 쪽에는 조작 방법과 한계가 따로 정리돼 있습니다.

글 목록

전체 5편 중 1–5

고른다, 합친다, 정렬한다 — nginx·Apache·Caddy 의 요청 매칭 미리보기
개발 노트데모

고른다, 합친다, 정렬한다 — nginx·Apache·Caddy 의 요청 매칭

같은 요청 경로 하나를 넣어도 세 웹서버는 서로 다른 설정 블록을 고릅니다. 각 서버 공식 문서에 적힌 규칙을 따라가며 탈락 과정까지 눌러봅니다.

2026.08.05
서버가 보내온 구조 신호, 502·504·500 미리보기
개발 노트데모

서버가 보내온 구조 신호, 502·504·500

서버 오류 코드는 무엇이 고장났는지가 아니라 어디까지 갔다가 실패했는지를 알려줍니다. 502에서 앱 로그를 뒤지면 아무것도 못 찾는 이유와, 확인할 곳을 절반으로 줄이는 명령 한 줄.

2026.07.25
동시에 마지막 좌석을 누르면 누가 예약될까? 미리보기
개발 노트데모

동시에 마지막 좌석을 누르면 누가 예약될까?

잠금이 없으면 좌석이 2번 팔립니다. 트랜잭션·비관적/낙관적 잠금이 어떻게 한 명만 성공시키는지 한 단계씩 살펴봅니다.

2026.07.24
가볍게 여는 사내 화상회의 미리보기
개발 노트데모

가볍게 여는 사내 화상회의

WebRTC·WebSocket·STUN으로 서너 명이 링크로 참여하는 작은 화상회의를 만들고, P2P 구조의 인원·네트워크 한계와 개인정보 범위를 설명합니다.

2026.07.10
개발 노트
개발 노트

블로그 UI를 픽셀 스타일로 바꾸면서 손본 것들

공통 CSS 규칙으로 카드·버튼·마스코트를 픽셀 스타일로 바꾸고, 390px 화면·키보드 포커스·동작 줄이기까지 읽기 편하게 유지한 과정을 정리했습니다.

2026.06.27