[11차] 댓글·관리자 UX 확장과 권한 최소화 정리

작업 전 상태

10차(다크 모드·댓글·관리자 UI 보안 정리)까지는 Log에만 댓글이 있었고, 관리자 목록은 검색·정렬 기능이 없어 항목이 늘어날수록 찾기 어려웠습니다. Tech Radar는 글을 모아오기만 할 뿐 분류가 없었고, 조회수는 새로고침마다 계속 올라갔습니다. 커스텀 도메인도 아직 연결 전이었고, 관리자 판별 함수는 로그인 안 한 사용자도 직접 실행할 수 있는 상태였습니다.

한 줄 상태

Log 댓글만 있고 Project 댓글은 없었으며, 관리자 목록 검색·정렬·Tech Radar 분류·도메인 연결이 모두 없던 상태

요청한 내용

10차 이후 이어진 작업을 정리해 하나의 기록으로 남기고, 그 과정에서 발견한 보안 회귀(권한 관련 500 오류)까지 함께 정리하기로 했습니다.

문제 원인

가장 최근에 발견한 문제는 보안 강화 작업의 부작용이었습니다. 운영 DB를 직접 조회해보니 관리자 판별 함수 is_admin()을 로그인하지 않은 익명 사용자도 실행할 수 있는 상태였습니다. 이를 막기 위해 익명 실행 권한을 회수했는데, Log·Project의 공개 댓글 조회 정책이 같은 정책 안에서 is_admin()을 함께 호출하고 있었던 것을 놓쳤습니다. 정책 하나에 함수 호출이 섞여 있으면, 그 정책이 적용되는 역할(익명 포함) 전체가 함수 실행 권한을 필요로 한다는 점을 확인 없이 넘어간 것이 원인이었습니다. 결과적으로 로그인하지 않은 방문자가 Log·Project 상세를 열면 댓글을 불러오는 시점에 권한 오류가 나며 페이지 전체가 500으로 떨어졌습니다.

변경한 내용

추가

Project 댓글 기능(project_comments, RLS, 작성/수정/소프트 삭제/관리자 복구)을 Log 댓글과 같은 구조로 추가
관리자 Log·Project·댓글·문의·Tech Radar·파일 관리 전 화면에 통합 검색, 상태·기간 필터, 정렬 기준 추가
react-day-picker 기반 한국어 날짜 범위 선택기, 공통 로딩 스켈레톤, 저장 완료 알림
Tech Radar 글 자동 분류(개발·AI 기술/제품/회사/검토 필요)와 다이제스트 대상 분류 선택
Tech Radar의 수집·분류·다이제스트 만들기 버튼에 확인창 추가(실수로 누르는 것 방지)
조회수 24시간 중복 방지(localStorage 기준), 관리자 방문 통계 페이지, Vercel Analytics 연동
build-learn.co.kr 커스텀 도메인 연결, 대표 주소 canonical 지정, Search Console 소유권 확인

수정

is_admin(), create_default_user_role()의 불필요한 익명(anon) 실행 권한 회수, 조회수 함수 search_path 강화
Log·Project 공개 댓글 조회 정책을 공개용과 관리자 전용으로 분리해 위 권한 회수와 충돌하지 않도록 수정
Tech Radar 상단 영역(지금 수집하기/오늘의 다이제스트)의 여백·글자 크기를 줄여 더 조용하게 정리
방문 통계 시각·날짜 계산 기준을 UTC에서 Asia/Seoul로 통일
AI 글쓰기 피드백·공개 AI 코멘트에 요청 간격 제한과 응답 길이 상한 추가(비용 안전장치)

삭제

쓰지 않던 레거시 함수 update_modified_column()
남아있던 테스트 수집 글(Tech Radar 데이터 초기화)

왜 이렇게 변경했나

관리자 목록 검색·정렬은 콘텐츠가 늘어날수록 없으면 안 되는 기능이라, 화면마다 개별로 만들지 않고 같은 GET URL 파라미터 패턴(검색어·상태·기간·정렬)을 재사용해 필터 조합이 새로고침·공유에도 유지되게 했습니다. 조회수는 서버 렌더링 시점에 무조건 올리는 대신 화면에 실제로 보인 뒤 클라이언트가 요청하고, 같은 글은 24시간 동안 한 번만 세도록 해 실제 읽음에 더 가깝게 만들었습니다.

권한을 최소화하는 작업은 "누가 이 함수를 실행할 수 있는가"만 보는 게 아니라, "이 함수를 호출하는 다른 정책이 있는가"까지 함께 확인해야 안전합니다.

권한 회수 자체는 필요한 조치였지만, 그 함수를 호출하는 다른 정책까지 한 번에 점검하지 않아 회귀가 생겼습니다. 이후로는 함수 권한을 바꿀 때 pg_policies에서 그 함수를 참조하는 모든 정책과 적용 역할(anon 포함 여부)을 먼저 조회하고 바꾸는 순서로 진행합니다.

초보자가 알아둘 점

권한을 바꾼 뒤에는 실제로 그 역할로 쿼리가 되는지 트랜잭션 안에서 set local role anon처럼 역할을 바꿔 실행해보고 롤백하면, 운영 데이터를 건드리지 않고도 회귀 여부를 바로 확인할 수 있습니다.

확인한 내용

자동 검사

npm run lint
npm run type-check
npm run format:check
npm run build

직접 확인

운영 DB에서 anon 역할로 Log·Project 댓글 조회, 조회수 증가 RPC가 오류 없이 실행되는지 확인
anon이 is_admin()을 여전히 호출할 수 없는지(의도한 보안 유지) 확인
신규 Google 로그인 시 user_roles에 member가 자동 생성되는지(트리거) 시뮬레이션으로 확인
Tech Radar 상단 UI 변경과 확인창 동작을 실제 브라우저 화면에서 확인
npm run dev 로컬 환경에서 Log/Project 상세를 직접 열어 회귀가 재현되지 않는지 확인

남아 있는 점

로컬 개발 서버 실행 권한이 막혀 있어 Tech Radar 화면 변경과 확인창을 실제 브라우저로 아직 확인하지 못했습니다. 다크 모드에서 Log 목록의 검색 버튼이 배경과 구분되지 않는 문제를 발견해, 전체 화면의 다크 모드 대비를 다음 작업에서 점검합니다.

다음에 할 일

다크 모드 색상 대비를 전체 화면에서 점검하고, 로컬 마이그레이션 파일과 운영 DB 이력이 어긋난 부분을 별도로 정리합니다.

댓글 0개

아직 댓글이 없습니다. 첫 댓글을 남겨보세요.