WEB&APP 4

SVG기반의 WEB/APP 아이콘

사람들이 많이 쓰는 웹 아이콘 하나인 Font Awesome이 있는데 최근 발견한 괜찮은 아이콘 팩이 있다. 이 아이콘 팩은 JavaScript는 물론 React, React Native, Vue, Flutter 등 다양한 웹과 앱 Framework에서 사용할 수 있다. 아래는 lucide의 공식 홈페이지다. 자세한 사용법은 홈페이지에 들어가서 살펴보자 https://lucide.dev/ Lucide lucide.dev 아무튼 fontawesome은 폰트 기반이지만 lucide는 SVG로 출력되어서 조금 더 유연성이 있다. 순수 javascript 사용시에는 아래와 같이 쓸 수 있다. 마지막에 lucide.createIcons(); 를 쓰면 svg형식으로 바꿔주는것으로 보인다. 물론 루시드 아이콘 팩이 ..

WEB&APP 2023.06.04

프로그레시브 웹 앱 (PWA, Progressive Web Apps) 핵심 요약

제일 핵심적인 요약 장점 : 플레이스토어나 앱 스토어 없이도 앱 형태로 다운로드 받을 수 있다. 단점 : 아이폰에서는 푸시 알림을 받을 수 없다. 핵심적인 특징 응답성 : 모든 기기에 적합하게 동작하며, 빠른 응답성을 보입니다. 오프라인 사용: 서비스 워커(service worker)와 캐시를 이용해 오프라인에서도 동작할 수 있습니다. 앱스토어 없이 설치: 사용자는 웹사이트를 방문하는 것만으로도 PWA를 자신의 기기에 설치할 수 있습니다. 앱스토어를 통하지 않기 때문에 사용자가 앱을 다운로드하고 설치하는 과정이 단순화됩니다. 푸시 알림: 웹 앱이 백그라운드에 있어도 사용자에게 푸시 알림을 보낼 수 있습니다. (안드로이드 한정) 안전: HTTPS를 통해서만 제공되어 정보를 안전하게 보호합니다. PWA을 위..

WEB&APP 2023.06.03

애플 앱스토어 심사 거부 사례 및 대응 정리

iOS 앱을 올리기 위해 심사를 하다보면 많은 이유로 심사 거부 당한다. 다음은 ionic3로 ios앱 개발하며 내가 당한 리젝 내용과 대처 방법, 그리고 다른 사람들이 리젝 당한 사례를 작성한 내용이니, ionic3로 ios 개발할때 참조하면 특히 더 좋습니다. 다른 프레임워크로 개발한다해도 리젝 당하는것은 마찬가지니.. 한번쯤 보면 좋을듯 1. 커뮤니티 기능 ( 유저가 글 작성이 가능하며 모두에게 공개됨 ) 존재 시 게시자 차단 및 신고 기능 필요 리젝 내용 Guideline 1.2 - Safety - User Generated Content Your app enables the display of user-generated content but does not have the proper preca..

WEB&APP 2023.05.31

iOS,아이폰 CSS 마크업시 고려해야할 사항

퍼블리싱 하다보면 안드로이드에서는 잘 작동하였으나 아이폰에서만 문제가 발생한적이 있었습니다. 아래의 문제들은 어쩌면 최신 iOS에서는 따로 적용을 안해도 잘 작동할지도 모릅니다. 하지만, 좋은 퍼블리싱을 만들기 위해서는 구형 아이폰에서도 잘 적용이 되어야겠지요.. 그래서 이전부터 퍼블리싱하면서 나왔던 문제와 사용한 코드를 작성하였습니다. 첫번째. 가로스크롤 테이블 같은 경우 가로 스크롤을 주는 경우가 많습니다. overflow-x:scroll를 주면 따로 스크립트 없이 가로 스크롤이 잘 적용되긴 하지만 iPhone에서는 스크롤이 부드럽지 못하고 뚝뚝 끊기는 느낌으로 스크롤이 되는 현상이 발생하였습니다. overflow 속성 준곳에 -webkit-overflow-scrolling: touch 를 추가하면 ..

WEB&APP 2023.05.31