Uni-app 사용자 정의 탭바 활성화 문제 해결 가이드
Uni-app 환경에서 사용자 정의 하단 탭바를 구현할 때, 특정 상황에서 탭바 아이템을 처음 클릭할 때는 정상적으로 활성화되지 않고 두 번째 클릭에서야 올바르게 하이라이트되는 문제가 발생할 수 있습니다. 이 문서는 해당 문제를 해결하기 위한 Pinia 기반의 상태 관리 솔루션을 제공합니다.
환경 설정: Pinia 설치
우선, Pinia와 지속성 플러그인을 설치합니다.
npm i ...
8월 6일 09:14에 게시됨
uni-app의 pages.json 구성 요소
uni-app에서 pages.json 파일은 애플리케이션의 전역 설정을 관리하며, 페이지 경로, 화면 스타일, 네이티브 네비게이션 바 및 하단 탭바 등을 결정하는 데 사용됩니다. 이는 WeChat Mini Program의 app.json과 유사합니다.
아래는 모든 설정 옵션을 포함한 예제입니다:
{
"globalStyle": {
"navigationBarTextStyle": "black",
& ...
8월 4일 08:50에 게시됨
uni-app에서 블루투스를 통해 열전사 프린터 제어하기
uni-app을 사용하여 저전력 블루투스(BLE) 방식의 열전사 프린터와 연결하고 데이터를 송신하는 과정은 일련의 단계로 구성된다. 아래는 실제 하드웨어와 통신하기 위한 핵심 흐름과 코드 구현 예시이다.
주요 처리 순서:
블루투스 어댑터 초기화 (openBluetoothAdapter) – 실패 시 상태 변경 이벤트 리스너 등록
주변 BLE 장치 검색 시작 (startBluetoothDevicesDis ...
7월 29일 19:31에 게시됨
Spring Boot, Vue, uni-app 기반 시 학습 시스템 구현 상세
백엔드 시스템은 Java 언어 기반의 Spring Boot 프레임워크를 활용하여 개발됩니다. Spring Boot는 Spring 프레임워크를 기반으로 하며, '설정보다 관례(Convention over Configuration)' 원칙을 통해 개발자가 애플리케이션 구축에 더 집중할 수 있도록 돕습니다. 자동 구성 기능은 복잡한 XML 설정이나 수많은 어노테이션을 수동으로 관리할 필요 없이, 프로젝트 의존성 ...
7월 18일 03:21에 게시됨
SpringBoot + Vue + uni-app 기반 홈케어 시스템 상세 설계 및 구현 (소스 코드 + 배포 문서 + 설명 포함)
본 시스템은 SpringBoot, Vue, uni-app을 핵심 기술 스택으로 하여 홈케어 플랫폼을 구축합니다. 관리자, 케어사, 노인 사용자 등 다양한 역할에 맞춰 서로 다른 기능과 인터페이스를 제공합니다. 백엔드는 SpringBoot의 강력한 생태계를 활용하여 안정적인 API와 데이터 관리를 보장하고, 프런트엔드는 Vue의 반응형 데이터 바인딩과 컴포넌트 기반 개발 방식을 채택하여 ...
7월 17일 06:25에 게시됨
UNI-APP 기반 수선 농장 텍스트 게임 프론트엔드 개발 가이드
1. 서론: 아이디어를 기술로 구현하다
는 수선(修仙)과 농사 요소를 결합한 텍스트 게임으로, 플레이어는 영전(靈田)을 가꾸고, 단약을 제련하며, 경지를 돌파하는 독특한 수선 여정을 경험합니다. 이 글은 게임 프론트엔드를 처음부터 구축하는 전체 과정을 기술하며, 기술 선정, 아키텍처 설계, 핵심 구현부터 최종 배포까지 모든 단계를 다룹니다.
2. 기술 스택 설계 ...
7월 15일 00:21에 게시됨
uni-app CLI 빌드 환경 구성 가이드
uni-app 프로젝트를 HBuilderX에서 CLI 방식으로 전환하면 자동화된 빌드 파이프라인 구축이 가능하며, CI/CD 환경과의 통합도 원활해집니다. 기존 HBuilderX는 개발 편의성을 위해 병행 사용할 수 있습니다.
1. 소스 디렉토리 재구성
프로젝트 루트에 src 폴더를 생성하고 모든 애플리케이션 소스코드를 해당 위치로 이동합니다.
2. 진입점 HTML 파일 생성
루트 경로에 ...
6월 1일 16:41에 게시됨