• Image placeholder
  • 홈 페이지
  • 블로그 센터
  • 범주
  • geekconfig
Image placeholder

ionic2

Ionic2로 프로젝트 생성부터 실제 기기로 실행까지

에서 알 수 있듯이 간단한 코드로 iOS/Android/Windows 디스플레이에 최적화 된 네이티브에 가까운 UI를 구현할 수 있습니다. cordova 및 Ionic CLI(Common Language Infrastructure)를 설치합니다. 이전에는 [email protected] 와 [email protected] 라고 지정했지만, 아무것도 지정하지 않고 ionic 만으로도 좋아졌습니다. Getting St...

Angular2자바스크립트TypeScriptionic2

로컬로 빌드하지 않는 Ionic 2 개발

Ionic으로 모바일 앱을 만들 수 있다. Local → Circle CI → Deploy Gate → Mobile으로 편하게 배포. Mac에서 개발하지 않았기 때문에 Android를 전제로 이야기합니다. Angular Japan User Group (ng-japan) 직원. (잘 듣기 때문에 ) Angular에서 모바일 앱을 만들 수 있는 프레임워크. 전용 CLI가 있는 등 개발진은 꽤 진...

Angular2Angularionic2

ionic2로 인스톨로부터 신규 페이지 추가해, 실기 확인해 보았다!

Angular2를 이용하여 하이브리트 앱 개발을 할 수 있는 프레임워크입니다. 이번에는 템플릿에 tutorial를 지정. 도중에 Dashboard를 이용할지 묻는데 이번에는 NO. 보였다! Xcode > Preferences > Accounts > Add Apple ID {プロジェクト名}/platforms/ios/ USB로 Mac과 iPhone을 연결합니다.iPhone 7 Plus 가 되어 ...

iOS앱 개발아이폰ionicionic2

「ionic2」정리 ​​연재(그것의 11·동적인 페이지 내용을 변경한다)

안녕하세요, mucun입니다. 이번 기사는 동적 페이지 내용의 변경에 관한 것입니다. 전회 기사( )에서, 정적·동적의 차이에 대해서 접해, 정적 페이지 내용의 변경을 실시해 보았습니다. 이번에는 동적 페이지 내용의 변경입니다. 최선을 다합시다! 반복하지만, 동적인 내용이란 조건에 따라 전환되는 내용입니다. 예를 들면, 등록제의 페이지에서의 「환영, ○○씨」라고 하는 메세지입니다. 「○○씨」...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그것의 10·정적인 페이지 내용을 변경한다)

안녕하세요, mucun입니다. 이번에는 정적 페이지 내용을 변경하는 방법에 대해 소개하고 싶습니다. 정적 페이지 내용이란, 페이지를 표시했을 때의 조건이 어떠한 경우에도, 변하지 않는 내용을 말합니다. 페이지의 제목과 공통 디자인 등이 그렇습니다. 반대로 조건에 따라 달라지는 내용을 동적 내용이라고 합니다. 사람마다 다른 「환영, ○○씨」등의 메시지나, EC 사이트에서의 「상품명・상품 화상・...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 9·공개 샘플을 움직인다)

안녕하세요, mucun입니다. 이번에는, 공개되고 있는 「ionic2」샘플 실행 방법을 소개합니다. 공개 샘플을 얻으려면 GitHub이 매우 좋습니다. 폴더 구성마다 획득할 수 있으므로 매우 쉽게 실행할 수 있습니다. 이 자리를 빌려 감사의 말씀을 드리겠습니다. 감사합니다. 그러면 실행 방법을 설명합니다. 먼저 샘플을 검색합니다. GitHub ionic2 sample 등으로 검색하면 바로 찾...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재

안녕하세요, mucun입니다. 이번 기사에서는, 전회( )로 소개한 「ionic serve」의 편리한 옵션에 대해 소개합니다. 그것은 "--lab"옵션입니다. 실행하는 명령은 "ionic serve --lab"입니다. 이것은 브라우저에서 수행 할 때, Android 단말상, iPhone 단말상, WindowsPhone상에서 어떻게 표시되는지를 확인할 수 있는 것입니다. 실제로 해보자. 수행하...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 6・「ionic emulate」로 테스트를 한다)

안녕하세요, mucun입니다. 이번 기사에서는, 「ionic emulate」에 대해 설명하고 싶습니다. 이 명령은 에뮬레이터에서 테스트하는 명령입니다. 덧붙여서, 테스트의 실시 방법은 3가지가 있습니다. ① 「ionic serve」:브라우저로 테스트하는 방법 ② 「ionic emulate」:에뮬레이터로 테스트하는 방법 ③ 「ionic run」:실기로 테스트하는 방법 이번은 ②「ionic em...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 5・「ionic serve」로 테스트를 한다)

안녕하세요, mucun입니다. 이번 기사에서는 「ionic serve」에 대해 파고 싶습니다. 이 명령은 브라우저에서 개발 중인 앱을 테스트하는 명령입니다. 덧붙여서, 테스트의 실시 방법은 3가지가 있습니다. ① 「ionic serve」:브라우저로 테스트하는 방법 ② 「ionic emulate」:에뮬레이터로 테스트하는 방법 ③ 「ionic run」:실기로 테스트하는 방법 이번은 ①「ionic...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 4・「ionic2」의 샘플을 기동한다)

안녕하세요, mucun입니다. 이번 기사에서는, 「ionic2」어플리의 샘플을 기동해 보고 싶습니다. 전회 ( )로, 「ionic2」를 사용할 준비가 되었습니다. 공식 페이지에서 제공하는 샘플을 실행해 봅시다. 아래 튜토리얼 위의 페이지를 요약한 절차입니다. <순서> ① 먼저 명령 프롬프트를 시작하고 작업 폴더를 현재로 설정합니다. ② 그런 다음 "ionic start MyIonic2Proj...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 3・「ionic2」를 인스톨 한다)

안녕하세요, mucun입니다. 이번에는, 「ionic2」의 인스톨 방법을 소개합니다. 덧붙여 이 투고에서는, 「Windows 10(64bit)」로의 인스톨 방법을 소개합니다. 설치 방법이지만 적용하면 작동이 불안정할 수 있습니다. 여러분에게는, 그렇게 되지 않도록 입증된 설치 방법을 소개합니다. 공식 페이지의 순서에 따라 실시하는 것이 가장 안정된 것 같습니다. 공식 페이지는 다음과 같습니다...

iOS앱 개발ionic안드로이드ionic2

「ionic2」정리 ​​연재(그 1・「ionic2」의 개요를 이해한다)

안녕하세요, mucun입니다. 이번부터, 「ionic2」정리 연재라고 제목을 붙여, 「ionic2」에 관한 일을 정리해 가겠습니다. 앞으로 앱 개발을 시작하려고 하는 분, 필견입니다! 아무쪼록 교제 바랍니다. (이미지 인용원: ) "ionic2"는 모바일 앱 개발을 위한 프레임워크입니다. 사용에 의한 혜택은 이하. ① 무료 오픈 소스이다 ② 심플하고 간단한 구조가 되고 있다 여러 플랫폼에서 ...

iOS앱 개발ionic안드로이드ionic2

제작된 Directive가 유효하지 않습니다.

Directive의 ngAfterViewInit()에 불이 붙지 않았습니다. 뿐만 아니라 constructor()도 움직이지 않은 것 같습니다. 자세히 보면 directive가 효과가 없어요. 사용하고자 하는 페이지는 PageModule에 요약되어 있으며, AppModule로 [email protected]({imports:[page.module]})에 PageModule를 삽입합니다. 제작된 ...

directiveionic2moduleionic3.4

Ionic2 지원 제스처 요약

에는 tap,press,pan,swipe,rotate,pinch 등 응용 조작이 빠질 수 없는 제스처가 준비되어 있다.감사 제스처는 대부분 버튼 등 UI에 설정되지만, UI 위에 손가락을 얹으면 교환해도 굴러갈 수 없는 스릴러를 만나게 된다.제스처의 행동이 정확할 수도 있지만 굴러보는 화면은 조작하기 어려워 치명적이다. 이렇게 말하지만 사용자 입력은 사라지지 않기 때문에 다른 활동으로 대체할...

ionic2

npm ERR! code EINTEGRITY (npm 5)

자세히 보기 최근 npm4에서 npm5로 업그레이드되어 npm install을 실행할 때 다음과 같은 오류가 발생했습니다. Unexpected warning for https://registry.npmjs.org/: Miscellaneous Warning EINTEGRITY: sha1-7kVpawZ+S98Vw5VnEKTDbBfY+PA= integrity checksum failed when ...

ionic2npm5

Ionic 2: ReferenceError: webpackJsonp is not defined

I'm new to Ionic. I have started project with super template. But when I try to run the app in browser. It throws an error saying: 해결 방법: This is a breaking change in Ionic-App-Scripts https://github.com/ionic-team/ionic...

ionic2

Ionic 2 입문 강좌

이 편집 기 는 Markdown Extra 를 지원 하여 사용 하기 좋 은 기능 을 많이 확장 하 였 습 니 다.구체 적 으로 는 Github 을 참고 하 세 요. 사용자 가 네트워크 가 없 더 라 도 이 편집 기 를 통 해 오프라인 으로 블 로 그 를 쓸 수 있 습 니 다. Markdown 편집 기 는 브 라 우 저 오프라인 저장 소 를 사용 하여 내용 을 로 컬 에 저장 합 니 다. 사용...

JavaScriptionicANGULAR-JSionic2angular2

ionic 추가 icon 및 splash- 전재

우리가 ionic로 앱을 만든 후 기본 로고와spash 페이지는 모두cordova의 아이콘으로 보기에 좋지 않습니다. 어떻게 자신의 icon과splash 페이지를 사용합니까? 1, icon 생성 192*192px의 로고를 생성하여 icon으로 저장합니다.png,icon.ai 또는 icon.psd(이 세 가지 형식만 지원), 그림에 원각이 있어서는 안 된다(각 플랫폼은 스스로 그림에 효과를 준...

ionic2

ionic 앱 동적 업데이트,핫 업데이트 실현

원래 자신 이 핫 업 데 이 트 된 글 을 한 편 쓰 려 고 하 는데 다른 좋 은 글 이 있 는 것 을 발견 하면 여러분 에 게 추천 합 니 다. Ionic 은 iOS 와 안 드 로 이 드 엔 드 코드'열 업데이트'와 안 드 로 이 드 업그레이드 다운로드 기능 을 실현 합 니 다. 포 장 된 App 크기 를 줄 이기 위해 테스트 가 끝 난 후 cordova-hot-code-push-local...

ionic2

Ionic 2 는 FormBuilder 와 Validators 를 사용 하여 폼 검증 을 진행 합 니 다.

ionic 2 의 form 폼 은 검증 방식 으로 angular 2 의 form 검증 을 바탕 으로 angular 2 의 form 이 업 데 이 트 된 후 이전 forms 에서 도입 되 었 습 니 다. 그리고 그 전에 form 에서 사용 한 이름 에 도 변화 가 있 었 습 니 다. 변화 후 변화 전 formGroup ngFormModel formControl ngFormControl form...

ionic2form

ionic 2 앱 시작 이 느 리 고 장시간 흰색 화면,사용--prod 해결

1.ioni 2 App 의 장시간 화이트 스크린 문제,splashscreen 의 종료 시간 을 수 동 으로 제어 합 니 다. 1.config.xml 파일 에 다음 과 같은 내용 을 추가 합 니 다. 메모:platform.ready()이후 에 실행 해 야 합 니 다. 내용 을 추가 하면 앱 시작 시간 을 연장 할 수 있 습 니 다.적어도 반 짝 거리 지 않 습 니 다. 3.ionic 2 앱 시...

ionic2

ionic 2 사용자 정의 cordova 플러그 인 개발 및 사용(Android)

로그 플러그 인 을 쓰 는 것 이 필요 하 다 고 가정 하면 핸드폰 sdcard 에 로 그 를 쓸 수 있 습 니 다. 3.안 드 로 이 드 플랫폼 지원 추가 src 에 안 드 로 이 드 폴 더 가 하나 더 있 고 자바 파일 이 하나 더 있 는 것 을 볼 수 있 습 니 다. 2.그리고 예 를 들 어 logUtil.java 파일 은 테스트 기능 에 문제 가 없 으 면 플러그 인 에 복사 할 수 ...

ionic2cordovaAndroid

ionic 2 에서 자동 생 성 기 를 사용 하 는 방법

ionic generator 는 명령 행 의 기능 입 니 다.ionic 2 는 자동 으로 응용 프로그램 을 만들어 서 많은 시간 을 절약 하고 우리 의 속 도 를 증가 시 켜 프로젝트 의 관건 적 인 부분 을 개발 합 니 다. ionic generator 는 다음 과 같은 몇 부분 을 자동 으로 만 들 수 있 습 니 다. 이 명령 을 통 해 구성 요 소 를 만 듭 니 다: my-compone...

ionic2생 성기

Ionic 2 시 리 즈 는 DeepLinker 를 사용 하여 지정 한 페이지 URL 을 실현 합 니 다.

Ionic 2 는 네 이 티 브 앱 과 비슷 한 페이지 내 비게 이 션 방식 을 사 용 했 으 며 Angular 2 의 경로 가 지원 되 지 않 습 니 다.이런 방식 은 로 컬 앱 을 개발 할 때 비교적 편리 하지만 순수한 웹 페이지 를 개발 하 는 데 문제 가 있다.이런 상황 에서 Angular 2 의 router 는 더욱 유연 한 설정 을 제공 할 수 있다.예 를 들 어 첫 페이지 가 T...

ionic2deeplinker

ionic 2 안 드 로 이 드 를 포장 할 때 gradle 에서 다운로드 할 수 없 는 해결 방법

이전 에는 ionic 2 를 사용 할 때 안 드 로 이 드 플랫폼 명령 을 만 들 거나 컴 파일 할 때 gradle 을 가 져 올 때 걸 리 고 오래 기 다 려 도 진도 가 변 하지 않 아 명령 시간 초과 에 실 패 했 습 니 다.그래서 자 료 를 조회 하고 자신의 실천 테스트 를 통 해 다음 과 같은 방법 을 정리 했다. 저 는 2.14.1 버 전 입 니 다.여러분 의 버 전 은 다 를 수...

ionic2androidgradle

ionic 2 안 드 로 이 드 하드웨어 반환 단 추 를 어떻게 처리 합 니까?

문제. 안 드 로 이 드 하드웨어 반환 버튼 이 벤트 를 등록 하 는 것 은 필수 입 니 다.사용자 가 부주의 로 반환 단 추 를 누 르 면 app 체험 을 종료 하 는 것 이 좋 지 않 기 때문에 몇 가지 방법 이 있 습 니 다. 1.리 턴 키 를 누 르 면 애플 리 케 이 션 을 최소 화 합 니 다.(최소 화 애플 리 케 이 션 은 cordova-plugin-appmimize 플러그 인 ...

ionic2android리 턴 버튼

Ionic 2+angular 4 를 이용 하여 한 지역 선택 구성 요 소 를 실현 합 니 다.

본 고 는 주로 Ionic 2+angular 4 를 이용 하여 한 지역 에서 구성 요 소 를 선택 하 는 것 과 관련 된 내용 을 소개 하 는데 왜 이 글 이 있 습 니까?최근 프로젝트 재 구성 과정 에서 이전에 모 비 스 크 롤 로 쓴 지역 선택 명령 이 angular 2 에서 다시 사용 하기 어렵 다 는 것 을 발 견 했 기 때문이다.그래서 스스로 구성 요 소 를 쓰 겠 다 는 생각 이 ...

angular4ionic2지역 선택 구성 요소

© 2022 intrepidgeeks.com

Privacy Policy Contact US Sitemap
🍪 This website uses cookies to ensure you get the best experience on our website. Learn more