angular 4

Firebase Auth 와 Angular Guard 함께 사용하기

서론 Angular 와 Firebase 는 궁합이 잘 맞는다. 몇 년 전만 해도 Angular 공식 문서에서는 deploy 시 Firebase 를 활용하라고 추천하기까지 했다. 지금은 github 등 다양한 옵션을 제공한다. 자세히 보고싶으면 아래 링크로... ↓↓↓ Angular angular.io Angular는 firebase 활용을 돕기 위한 공식 라이브러리까지 지원한다. 둘 다 구글에서 관리하기 때문에 일종의 락인 효과를 노린게 아닐까? 싶은 생각도 든다. 각설하고, 오늘의 문제는 무엇이었는가, 바로 Firebase 에서 제공하는 auth를 활용해 로그인 기능을 구현할 시에 Angular에서 기본으로 제공하는 Guard를 함께 활용하는 것이었다. Angularfire 문서에서는 아래처럼 ngIf..

Web & PWA 2022.12.28

안드로이드 공유 리스트에 내 앱 뜨게 하기!

안드로이드 폰에서 '공유'버튼을 누르면 아래에서 슬라이드 돼서 올라오는 앱 리스트 화면이 있다. 내가 열심히 만든 앱도 여기에 뜨면 기분이 참 좋을 것 같은데...!! 이건 AndroidMAnifest.xml 파일에 를 추가해주면 된다. https://stackoverflow.com/questions/11095122/how-to-make-my-android-app-appear-in-the-share-list-of-another-specific-app How to make my Android app appear in the share list of another specific app this is in my manifes... stackoverflow.com 이런 식이다. 참고로 저 mimeType의 종..

Web & PWA 2021.08.24

버튼 클릭 시 키보드 고정 (Ionic Angular)

채팅 앱 같은 것을 개발한다 치면, '전송' 버튼을 누를 때마다 화면의 키보드가 내려갔다가 올라오는 현상이 발생한다. 이는 채팅 내용이 적혀있는 textarea의 focus가 전송 버튼을 누를 때마다 해제되기 때문이다. 그러니 전송할 때마다 자동으로 textarea에 focus가 가도록 함수를 짜 놓더라도 순간순간 키보드가 내려갔다 올라오는 현상을 방지하지는 못한다. 사용자들의 입장에선 촐싹대는 키보드에 머리가 아플거다. 근데 카카오톡 등 채팅 앱을 보면 내가 전송 버튼을 눌러도 키보드는 움직이지 않는다. 되게 당연한 기능인데 어떻게 구현하는 걸까? https://stackoverflow.com/questions/45858201/keep-keyboard-open-on-ionic-when-button-cl..

Web & PWA 2021.08.18

TEXTAREA Autosizing Scroll Jumping 버그 해결

본인은 앵귤러로 개발중임. 현재 작업중인 프로젝트는 텍스트 편집기에서 여러 개의 가 동적으로 추가되면서 트위터와 같은 스레드를 생성하는 것을 목표로 함. 이전에는 Material 의 TextareaAutosize를 활용해서 글을 작성함에 따라 textarea 의 height가 동적으로 변경되게끔 하고 있었음. (하단 링크 참고) https://material.angular.io/cdk/text-field/overview Angular Material UI component infrastructure and Material Design components for Angular web applications. material.angular.io 버그 상황 그러던 중 정말 골치 아픈 버그를 만났으니... 1)..

Web & PWA 2021.08.17