공항 보안 검색 판독 화면은 단화면과 양화면이 브라우저 창 두 개였습니다. 한쪽에서 토글을 누르면 다른 창도 따라와야 해서, 설정값을 localStorage에 적고 소켓으로 문자열을 되쏘고 storage 이벤트로 새로고침하는 구조였어요. 스냅샷 코드에서 그 세 층을 다시 읽고, 같은 문제를 2년 뒤 어떻게 다르게 풀었는지 이어 적습니다.
경력기술서에 기술 스택으로 Redux를 적어 두었는데, 보관해 둔 스냅샷을 열어 보니 스토어는 주석 처리돼 있고 useSelector는 import만 남아 있었습니다. 판정 클래스 스무 종의 이름과 색 팔레트는 App.js와 리듀서 파일 넷에 그대로 복사돼 있었고, 실제 선택 상태는 localStorage가 들고 있었어요. 한 시점의 코드로 확인되는 것과 안 되는 것을 갈라 적습니다.
[알고리즘] 이번주 내내 공부 내용 링크 정리 - 전체
공항 보안 검색 판독 화면에서 AI가 찾은 물체 상자는 클래스마다 색·임계값·표시 여부 세 값으로 그려집니다. 당시 지원서를 보면 임계값을 직접 입력하는 것과 레이블 위치·상자 표시 옵션은 납품처 한 곳의 요구로 들어온 것이었어요. 그 세 값은 서버 설정 한 벌에서 오는데, 화면 쪽 열두 파일이 각자 같은 주소를 부르고 같은 조회 함수를 복사해 갖고 있었습니다. 보일지와 울릴지를 정하는 경계 비교가 파일마다 달랐던 것까지, 남은 코드로만 되짚었습니다.
배경지식이 거의 없는 상태에서 게시판을 포기하고 사용자 인증 하나로 범위를 줄여 완주한 동아리 사이트입니다. 당시 "재사용이 많아 한계를 느꼈다"고 적었는데 — 재사용이 많은 게 문제가 아니라, 반복되는 걸 추출하지 않은 게 문제라는 걸 한참 뒤에 알았습니다.