1. 개요 서비스를 운영하다 보면 특정 환경에서만 접근을 허용해야 하는 상황이 생긴다. 사내 네트워크에서만 접근 가능한 관리자 페이지, 배포 전 QA 환경, 또는 서비스 점검 중 내부 인원만 접근해야 하는 경우가 대표적이다. 이번 글에서는 Nuxt3 환경에서 특정 IP 대역만 접근을 허용하고, 그 외의 접속에는 점검 페이지를 보여주는 방법을 정리한다....
1. 개요 Flutter 앱 안에 Nuxt3 웹을 WebView로 띄우는 하이브리드 앱을 만들 때, 네이티브 기능(탭 열기/닫기, 기기 정보, 앱 정보 등)을 웹에서 호출해야 하는 상황이 생긴다. 이번 글에서는 Flutter InAppWebView와 Nuxt3 사이의 브릿지 통신을 어떻게 설계하는지 정리한다. 📌 전체 구조 방향 방법 용도 JS → F...
1. 개요 Nuxt3에서 네비게이션 제어 코드를 작성하다 보면 어디에 어떤 로직을 넣어야 하는지 헷갈린다. 컴포저블, 전역 미들웨어, router.afterEach는 각각 실행 시점과 역할이 다르기 때문에 잘못 배치하면 sessionStorage 쓰기 타이밍 오류나 리스너 중복 등록 같은 버그가 생긴다. 이번 글에서는 세 가지의 개념과 실행 순서를 정...
1. 문제 상황 Flutter InAppWebView + Nuxt3 하이브리드 앱을 만들다 보면, 특정 페이지 전환을 새 WebView 탭으로 열어야 하는 요구사항이 생긴다. 예를 들어 전시 카테고리(OO-0001F)에서 상품 상세(PD-0001F)로 이동할 때, 기존 WebView를 유지하면서 새 WebView 탭으로 상품 상세를 열어야 한다. 그래...