2023.03.22 - [기록/개발 노트] - Ionic App 수정 ( 음성인식 기능 추가 ) Ionic App 수정 ( 음성인식 기능 추가 ) 2023.03.20 - [기록/개발 노트] - Ionic App 수정 ( 뒤로가기 시 앱 종료 기능 추가 ) Ionic App 수정 ( 뒤로가기 시 앱 종료 기능 추가 ) 2023.03.15 - [기록/개발 노트] - Ionic App 수정 Ionic App 수정 기존에 제작한 iruk.tistory.com Ionic App을 이어서 수정한다. 하단 바를 가리는 기능이 필요해 보인다. Ionic 으로 웹앱을 활용해서 웹 페이지를 구동한 상태다. 내 Ionic 앱은 3가지 탭을 사용하도록 되어있어서 하단에 Ionic 용 탭이 존재한다. 하지만 웹 상에 5개의 탭..

2023.03.20 - [기록/개발 노트] - Ionic App 수정 ( 뒤로가기 시 앱 종료 기능 추가 ) Ionic App 수정 ( 뒤로가기 시 앱 종료 기능 추가 ) 2023.03.15 - [기록/개발 노트] - Ionic App 수정 Ionic App 수정 기존에 제작한 어플을 조금 수정했다. Wifi, 확인 버튼의 위치를 임시 테스트용으로 잡아서 화면이 작거나 큰 스마트폰은 버튼이 잘리거나 iruk.tistory.com 다양한 기능을 추가중인데 원래는 궁극적으로 Google Home과 어플/장치를 연결하는게 목표인데 그 이외에도 따로 음성으로 제어하도록 하는 기능을 추가하면 유용할 것 같아서 몇일 고생하면서 결국 완성했다 아름답구나 아름다워 음성인식으로 들어온 값을 화면상에 표시하고 있다. 1...

2023.03.15 - [기록/개발 노트] - Ionic App 수정 Ionic App 수정 기존에 제작한 어플을 조금 수정했다. Wifi, 확인 버튼의 위치를 임시 테스트용으로 잡아서 화면이 작거나 큰 스마트폰은 버튼이 잘리거나 밀리는 현상이 발생했다. html을 많이 만져본 적 없어서 iruk.tistory.com 어플에 기능을 추가했다. 기존에 제작한 어플이 뒤로가기 버튼을 아무리 눌러도 앱이 종료되지 않는 현상이 발생했었다. 위 화면처럼 뒤로가기를 계속 눌러도 종료되지 않고, 홈 버튼을 눌러야 어플 외부로 이동할 수 있었다. 프로젝트 디렉토리들을 살펴보면 tab1, tab2, tab3 이 존재하고 app- 관련 파일들이 존재한다. tab 1~3은 '제어' '블루트스' '도움말' 세 개의 탭 내에서..

기존에 제작한 어플을 조금 수정했다. Wifi, 확인 버튼의 위치를 임시 테스트용으로 잡아서 화면이 작거나 큰 스마트폰은 버튼이 잘리거나 밀리는 현상이 발생했다. html을 많이 만져본 적 없어서 처음 만들었을 때 모르고 제작했었다. Wifi Wifi 처음엔 이렇게 표 형식을 사용해서 2개의 버튼을 생성했었다. 왜 table 태그를 사용했나요? 하면 할 말 이 없을 정도로 이유없이 일단 table로 만들었다. .wifiButton { display: inline-block; font-size: 15px; font-weight: bold; cursor: pointer; text-align: auto; text-decoration: none; outline: none; color: rgb(0, 0, 0); ..

2022.12.19 - [기록/개발 노트] - [App] App의 현재 버전 확인 [App] App의 현재 버전 확인 2022.12.02 - [기록/개발 노트] - [App] Ionic 앱 제작 [App] Ionic 앱 제작 2022.12.02 - [기록/개발 노트] - [App] Ionic framework 설정 [App] Ionic framework 설정 Android app 을 제작하기 위해서 Ionic framework 환경을 구성한 iruk.tistory.com App의 현재 버전을 확인하는 기본 동작을 구현했었다. App Version을 가져오는 라이브러리가 잘 되어 있어서 자료를 쉽게 찾으면서 수월하게 진행됐다. 여기까지 개발한 상태이다. 이제 해당 정보를 어떤 방식으로 표현하느냐의 차이인데..

2022.12.02 - [기록/개발 노트] - [App] Ionic 앱 제작 [App] Ionic 앱 제작 2022.12.02 - [기록/개발 노트] - [App] Ionic framework 설정 [App] Ionic framework 설정 Android app 을 제작하기 위해서 Ionic framework 환경을 구성한다. Windows 10 환경에 Ionic 5 버전을 설치한다. Java SE jdk 설치 https://w iruk.tistory.com Ionic framework 를 사용해서 Android app 제작을 했었다. 이미 App을 제작하고 난 뒤에 뒤늦게 블로그 기록을 시작해서 App을 만드는 과정은 따로 기록하지 않았다. 제작과정 및 기본적인 구조는 머릿속에 잡혀 있어서 포트폴리오..

2022.12.02 - [기록/개발 노트] - [App] Ionic framework 설정 [App] Ionic framework 설정 Android app 을 제작하기 위해서 Ionic framework 환경을 구성한다. Windows 10 환경에 Ionic 5 버전을 설치한다. Java SE jdk 설치 https://www.oracle.com/java/technologies/downloads/#java8-windows Download the Latest Java LTS Free Subsc iruk.tistory.com 위 링크의 과정을 모두 거친 후 Ionic framework를 사용해서 Android app 제작하는 과정을 다룬다. Ionic Project 생성 1. cmd 실행 ionic sta..

Android app 을 제작하기 위해서 Ionic framework 환경을 구성한다. Windows 10 환경에 Ionic 5 버전을 설치한다. Java SE jdk 설치 https://www.oracle.com/java/technologies/downloads/#java8-windows Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 1. 위 링크에 접속해 Java jdk 를 설치 jdk 란 java development kit 로 바이너리 형식으로 제공되는..