Study note/WebApp 15

mbti 짭 궁합 말고 진짜 공식

mbti 궁합 검색하면 파국, 환상의 궁합 등 그래프 같은 게 뜬다 근데 그게 다 다르다 뭐가 맞는 건지 모르겠는데 mbti는 상호 관계가 존재한다 이원 관계, 거울 관계.. 이런 말 들어봤다면 mbti 고인물! 근데 그거 하나 하나 찾아가면서 맞춰보기가 너무 빡쎘다 그럼 또 내가 불편하기 때문에 내가 해결했다 바로바로 mbti 궁합 앱 “너랑나랑은” 짜잔- 일단 예쁘게 만들고 싶은 욕구가 있었으나 그 전엔 축구 관련 앱이다보니🙄 예쁘게 만들고 싶은 욕구를 자제했었다 내가 좋아하는 색으로 그라데이션도 넣고 🤭 인스타 스타일로 공유도 할 수 있게 만들었다 mbti 궁합 검사를 하면 내 친구 목록에 히스토리로 관리할 수 있어서 좋다 마치 포켓몬 도감 같은 거지.. 🤗 내 친구들 분포 통계 🧐 이렇게 모아보니..

Study note/WebApp 2024.09.11

오늘 내일 뭐입지? 고민을 해결해줄 옷 차림 추천 앱 Dress Forecast

기술 블로그인 만큼 단순히 앱 광고가 아닌 앱을 만들 때 했던 고민 등을 적어보겠다. 구현할 때 고려했던 것들일단 내가 앱을 만들 때 내 신조가 1) 불필요한 depth 없이 간편하게 사용 가능해야하고 2) 자원을 효율적으로 사용해야하고 3) 개인화가 되면 좋겠다 정도 있는데 1) 앱을 켜자마자 아무것도 안해도 자동으로 현 위치 잡아 바로 옷 추천을 볼 수 있도록 구현했다. 2) 날씨 api와 위치 api는 완전한 무료가 아니다. 그래서 불필요한 api 호출을 막아야했다. 같은 결과를 받는 경우에는 저장되어있는 결과값을 사용하도록 구현했다. 3) 개인화는 아직 구현을 못했는데 추후에 업데이트 해볼까한다. 기타) 검색 결과를 3개 정도는 저장되도록 해놨는데, 요청이 있으면 여러 개로 늘려볼까한다. 디자인기..

Study note/WebApp 2024.07.24

App store connect에 스크린샷 preview 올릴 때 에러 해결방법

심사 절차를 시작하려면 아래의 항목이 필요합니다. 아직 스크린샷 업로드가 진행 중입니다.There are still screenshot uploads in progress. 이걸로 시간 엄청 버렸다.포럼에 2020년에 올라온 글에 보면 댓글이.. 8페이지다. 애플 너네 핑거가 몇 갠데 아직도 못 고치고 있냐고 말하는 사람도 봤다. 나도 도무지 이해가 안되지만 이것 저것 다 시도해본 것 같다.해본 거는크롬 브라우저 사용 / delete all 하지 않고 하나하나 지우기 / carefully 올리기 ㅋㅋㅋ 겨우 해결한 방법은모든 스크린샷을 jpg로 바꿨다. 그랬더니 겨우 된듯..

Study note/WebApp 2024.05.30

React 모바일 모드에서 클릭 시 파란색 배경 효과 제거하기

React로 webapp 만드는 중, 모바일 화면에서는 div나 button을 클릭할 때 하늘색 배경의 사각형이 나타나는 것을 볼 수 있다. 이게 딱 맞아떨어지는 사이즈가 아닐 때 거슬려서 지우고 싶을 때가 있다.이러한 highlight 효과는 브라우저의 기본 동작으로, 포커스된 요소를 나타내기 위한 것이고, CSS를 재정의해서 없앨 수 있다.내 경우엔 사이트 전체에서 이 효과를 없애기 위해 index.css에 추가했다.```css * {     -webkit-tap-highlight-color: transparent;     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 일부 안드로이드 브라우저를 위한 설정 */     -webkit-focus-ring-col..

Study note/WebApp 2024.05.15

iOS 앱 심사: 3수 만에 accepted

항상 하던 대로 iOS 앱 심사를 올렸는데 문제가 있어서 다시 제출하라고 메일이 왔다.Please correct the following issues and upload a new binary to App Store Connect. ITMS-90683: Missing purpose string in Info.plist - Your app’s code references one or more APIs that access sensitive user data, or the app has one or more entitlements that permit such access. The Info.plist file for the “App.app” bundle should contain a NSPhotoLibrar..

Study note/WebApp 2024.05.15

풋살할 때 밸런스 있게 팀 짜주는 앱 출시: 팀짜요

동아리, 동호회에서 풋살할 때마다 팀을 짜야하는데 밸런스가 맞지 않으면 항상 재미가 확 떨어졌었다. 팀 짠 사람이 욕을 먹기도 한다 허허 그러다가 동호회 회장이 나보고 짜보라고 했을 때 나름 내 머릿속 알고리즘으로 짜본 적이 있다. 그 날 모두가 너무나 만족했었던 기억이 난다. 그 나만의 알고리즘으로 어플을 만들어봤다. 팀짜요 iOS ‎팀짜요‎팀짜요와 함께 밸런스 있게 팀을 짜보세요!apps.apple.com팀짜요 Android 팀짜요 - Google Play 앱축구 풋살 농구 운동할 때 알아서 팀 짜주는 어플리케이션play.google.com 밸런스 맞춰서 팀 짜는 기능도 있고 실력 상관 없이 랜덤으로도 가능하다. 공유할 땐 실력 점수 가리고 공유도 가능하니 프라이버시 문제도 해결된다. '감독님이 나 ..

Study note/WebApp 2024.05.07

[Ionic] localForage-cordovaSQLiteDriver으로 Native storage 사용하기

최근 Ionic 앱을 개발하면서 데이터를 저장하고자 하는 경우가 많다. 그 중 localForage-cordovaSQLiteDriver를 사용하여 네이티브 스토리지를 활용하는 방법에 대해 알아보겠다.우선, Ionic 프로젝트에 필요한 패키지를 설치해야 한다. 다음 명령어를 사용하여 설치할 수 있다.npm install @ionic/storage cordova-sqlite-storage localforage-cordovasqlitedriver 그런 다음, useStorage.ts 라는 파일을 만들었다. import { useEffect, useState } from "react";import { Storage, Drivers } from "@ionic/storage";import CordovaSQLiteD..

Study note/WebApp 2024.04.17

Apple Developer에서 Provisioning Profiles 만들기

iOS 앱을 개발하고 배포하기 위해서는 Apple Developer에서 프로비저닝 프로파일을 만들어야 한다. 프로비저닝 프로파일을 만드는 과정을 간단히 알아보자.App ID 생성하기:Apple Developer 포털에 로그인한 후 Certificates, Identifiers & Profiles 섹션으로 이동한다.App IDs를 선택하고 "+" 버튼을 클릭하여 새로운 App ID를 생성한다.앱의 개발 또는 배포에 따라 적절한 설정을 선택한다.프로비저닝 프로파일 생성하기:Certificates, Identifiers & Profiles 섹션에서 Provisioning Profiles로 이동한다."+" 버튼을 클릭하여 새로운 프로비저닝 프로파일을 생성한다.개발용 또는 배포용 프로파일을 선택하고, 앱 ID와 ..

Study note/WebApp 2024.04.17

Xcode 없이 Distribution Certificate 생성하기

iOS 앱을 배포하기 위해서는 애플의 배포용 인증서인 Distribution Certificate가 필요하다. Windows 환경에서 OpenSSL을 사용하여 인증서를 만드는 방법을 알아보자.인증서 생성하기:먼저 OpenSSL을 사용하여 Windows에서 .p12 파일 형식의 배포용 인증서를 생성한다.명령줄에서 다음 명령을 실행하여 인증서를 생성한다:openssl req -out CSR.csr -new -newkey rsa:2048 -nodes -keyout privateKey.key생성된 CSR 파일을 사용하여 Apple Developer 포털에서 배포용 인증서를 요청한다.다운로드 및 설치:Apple Developer 포털에서 받은 배포용 인증서를 다운로드한다.이후 OpenSSL을 사용하여 .p12 파..

Study note/WebApp 2024.04.17

React Native Study Note - Redux 패턴

학부생 때는 MVC 패턴으로 웹앱 만들곤 했었는데, 그리고 대기업 인턴 면접 때도 MVC에 대해서 질문 받았던 기억이 나는데, 이게 이미 옛날 패턴이라고 하니 뭔가 마음이 싱숭생숭하다. 웹이 그만큼 오랜만인 거겠지,, 어쨌든! 이제 React Native를 할 거니까 어떤 패턴을 사용하지? 하고 검색해봤는데, Redux라는 패턴을 가장 많이 추천하는 것 같다. 약 6년 전 쯤, 페이스북에서 Flux라는 패턴을 발표했었고, 그 이후에 Flux와 Reducer를 혼합(?)하여 다시 탄생시킨 Redux 패턴이 발표되었다. Action → Dispatcher → Store →View 앱의 상태 State를 하나의 저장소 Store에 트리 형태로 저장한다. Component끼리 state와 props를 거치지 않..

Study note/WebApp 2020.12.10