게시글 수정 화면의 blur_until_loaded가 해제되지 않던 문제와 해결

Glitter Project Hub에서 게시글을 수정하려고 할 때 조금 특이한 문제가 있었습니다. 게시글의 수정 버튼을 눌러 수정 화면까지는 정상적으로 들어가고, 기존 제목과 본문도 제대로 표시되었습니다. 그런데 화면 전체가 흐리게 표시된 상태로 계속 남아 있어서 제목이나 본문을 수정할 수 없었습니다. 처음에는 게시글 수정 권한이나 인증, 게시판 기능 쪽 문제일 수도 있다고 생각했는데 확인해 보니 게시글 데이터 자체는 정상적으로 불러오고 있었습니다. 문제는 Hub 템플릿의 수정 화면에 적용된 blur_until_loaded 설정이었습니다. 기존에는 다음처럼 설정되어 있었습니다. "blur_until_loaded": true 이 설정은 화면에 필요한 데이터가 모두 준비될 때까지 폼을 흐리게 표시하고 사용자의 입력을 막아주는 기능입니다. 그런데 Hub에서는 수정 폼에 필요한 데이터 외에도 여러 데이터 소스를 함께 사용하고 있었고, 그중에는 필요할 때만 불러오는 데이터도 있었습니다. 결과적으로 게시글 수정에 필요한 데이터는 이미 모두 불러온 상태인데도 일부 다른 데이터가 아직 준비되지 않은 것으로 판단되어 로딩 상태가 계속 유지되고 있었습니다. 그래서 수정 화면은 정상적으로 보이지만 실제로는 계속 비활성화된 상태가 되었습니다. 이번에는 Core나 게시판 모듈을 수정하지 않고 Glitter Project Hub 템플릿에서 수정 화면이 실제로 필요로 하는 데이터만 기다리도록 범위를 한정했습니다. 변경된 설정은 다음과 같습니다. "blur_until_loaded": { "enabled": true, "data_sources": [ "form_data", "form_meta" ] } form_data는 수정할 게시글의 기존 내용을 불러오고, form_meta는 게시글 작성·수정에 필요한 정보를 불러옵니다. 이 두 데이터가 준비되면 수정 화면의 로딩 상태를 해제하도록 변경한 것입니다. 수정한 곳도 Hub 템플릿 번들 내부의 다음 파일 하나뿐입니다. templates/_bundled/glitter-project_hub/layouts/board/form.json Core나 sirsoft-board 등 다른 확장은 수정하지 않았습니다. 변경 후 템플릿의 공식 업데이트 절차를 통해 실제 사용 중인 템플릿에 반영했고, 다시 게시글 수정 화면을 확인했습니다. 이제 기존 제목과 본문이 표시된 뒤 화면의 흐린 상태가 정상적으로 해제되고, 제목과 본문 수정, 첨부파일, 저장 버튼 등을 사용할 수 있습니다. 이번 문제를 확인하면서 알게 된 점은 blur_until_loaded를 단순히 true로 사용하는 것보다, 여러 데이터 소스를 사용하는 화면에서는 그 화면이 실제로 기다려야 하는 데이터가 무엇인지 명확하게 지정하는 것이 중요하다는 점이었습니다. 비슷하게 데이터는 정상적으로 표시되는데 화면이 계속 흐려져 있거나 클릭할 수 없는 현상이 있다면, 권한이나 API 문제뿐만 아니라 해당 화면의 blur_until_loaded 설정과 데이터 소스 범위도 확인해 볼 필요가 있어 보입니다. 참고로 조사 과정에서 인증이 만료되었을 때 /board//write로 이동하면서 404가 발생할 수 있는 별도의 문제도 확인했습니다. 이 문제는 이번 수정 화면 비활성화 현상과는 다른 문제이며, Hub 템플릿만 수정해서 안전하게 해결할 수 있는 방법이 확인되지 않아 이번 작업에서는 수정하지 않았습니다. 처리 결과: 게시글 수정 화면 비활성화 문제 해결 완료