0-0Blog

리눅스에 도커설치는 참 쉬운데.. 윈도우는 조금 귀찮은것 같다. 특히 그냥 윈도우10이라면 도커 데스크탑 설치하면 되는거 같은데 서버는 powershall을 통해 설치를 해야한다나 뭐라나.. 그래서 윈도우 서버에서 도커를 설치해보았다. 환경은 window server 2019다. [기존설치방법] Powershell을 관리자 권한을 실행후 아래를 1줄씩 입력후 재부팅 [Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12 Install-PackageProvider -Name NuGet Install-Module -Name DockerMsftProvider Install-package -name docker -provid..

커뮤니티 웹사이트나 채팅 앱에 적용하기위해 아래와 같이 이모티콘을 선택하는 기능이 필요했다. 그런데, 저 수많은 이모지들을 하드코딩하거나 DB에 저장하여 불러오는 것은 좀 아닌거 같단 느낌이 들었다. 이를위해 이모지를 표시해주고 선택하는 라이브러리를 찾았다. 이 라이브러리를 활용하면, 간편하게 이모지 목록을 불러와 사용자에게 제공할 수 있습니다. 이 라이브러리를 사용하는 방법은 매우 간단하다 1. CDN 2. 코드 예시 이모지_입력 간단한 코드로 이모지 목록을 불러오고 내용을 입력받을 수 있다. 3. 옵션 자세한 옵션은 아래 제작한 사람의 github를 보자. position 요소를 기준으로 선택기를 표시할 위치 zIndex z-index, 요소의 우선 순위 i18n 다국어로 표시할때 (아래 코드로 사용..

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

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

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..

Docker 명령어 정리를 했습니다. 컨테이너 실행하고 컨테이너 정보, 이미지 빌드 등을 가장 많이 쓰겠지요.. 여기서서는 자세한 언급은 없지만 docker-compose를 쓰면 더욱 편한 작업이 됩니다. docker container run – docker container run : 컨테이너를 작성 및 실행 도커 시스템 정보 – container 수, 도커 버전, 스토리지 드라이버 종류등을 알 수 있음 도커 시스템 df – docker가 사용하고 있는 디스크의 이용 상황 ​ 도커 이미지 ls – 도커 이미지 목록 (ls 생략가능) docker container run –name -p : – -d : detach 백그라운드에서 실행 – -h : hostname 호스트 이름 설정 – -e : env 컨테..

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