아로마의 개발 스토리

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

user의 기본 언어로 설정된 언어로 간단히 다국어 지원하도록 설정해보았다. navigator.language일단 웹에서 지원하는 navigator.language을 사용한다. import React, { createContext, useContext, useState, useEffect } from 'react'; import { texts } from './texts'; export type Language = 'en' | 'ko'; interface LanguageContextType { language: Language; texts: { [key: string]: string }; t: (key: string) => string; } const LanguageContext = createConte..

셋 다 사용중인데 후기라기 보다는 중기? 일단 eCPM1000번 노출되면 얼마 버는지 그니깐 결국 이게 광고 단가 이게 높으면 더 많이 벌 확률이 높아진다 - Admob이 월등히 높았는데 (약 70달러) 그건 미국에서 클릭이 일어났기 때문이었다. Admob이라도 한국에선 엄청 낮았다. (약 0.5달러) - Adsense는 이 블로그 광고로 쓰고 있는데 블로그 단가가 앱 단가보단 훨씬 낮나보다. (약 0.05달러) - Adfit은 이 블로그와 웹앱에 사용중인데 너무 들쭉날쭉해서 모르겠다. 그치만 엄청 낮다는 건 확실하다. (약 0.04달러) 수익그래서 완전 초창기 앱은 얼마를 버냐 - Admob 미국에서 클릭 한 번 당하면 0.1달러 정도 주는 것 같다. - 캐시워크 100걸음에 약 70원 버는데 미국에서..

사용자에게 버튼 클릭이 작업을 수행하고 있음을 시각적으로 알려주는 것이 중요한 경우가 많다. 스켈레톤이나 전체를 덮는 로딩도 많이 사용하지만 필요에 따라서 이렇게 버튼 위에서 로딩을 보여주는 것도 필요했다. 내 경우엔 react-icons 을 사용했다. 다음 명령을 사용하여 설치할 수 있다. npm install react-icons 아래는 사용 예시이다. 실제로 api 호출 등 시간 걸리는 걸로 교체하면 된다. import React, { useState } from 'react'; import { FaSave, FaSpinner, FaCheck } from 'react-icons/fa'; const SaveButton = () => { const [loading, setLoading] = useSta..

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

React에서 styled-components를 사용하여 조건부 스타일링 하려면 이렇게 할 수 있다: import styled from 'styled-components'; interface HeaderContentProps { $showBackButton?: boolean; } const HeaderContent = styled.div` ${({ $showBackButton }) => $showBackButton ? 'padding: 0 20px;' : 'margin: auto;'} `; export default HeaderContent; HeaderContent 컴포넌트가 받을 수 있는 props를 지정하는 인터페이스 HeaderContentProps를 정의한다. styled-components에서..

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

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

기술면접을 위해 기초 CS에 대한 복습중이다. 공부한 내용 중 요점이나 나중에 기억해야할 부분을 정리해보려고 한다. 내가 아는 부분은 생략되어 있을 수 있고, 혹여나 틀린 부분이 있을 수도 있으니 이 글을 보고 '다른 사람'이 공부하기에는 도움이 되지 않을 수 있으니 주의! 1. Graphics Pipeline GPU는 병렬처리를 기본으로 하여 빠르다. GPU가 처리하는 흐름을 GPU 파이프라인이라 한다. 간단 설명: CPU로부터 입력된 정점 집합 -> 정적 집합을 3D 공간에 Vertex shader가 배치 -> 래스터화 -> Fragment shader가 각 픽셀 값으로 결정하여 화면에 출력 과정 설명: 모델 그리기(local space) -> 임의의 공간에 모델 띄우기 (world space) ->..

기술면접을 위해 기초 CS에 대한 복습중이다. 공부한 내용 중 요점이나 나중에 기억해야할 부분을 정리해보려고 한다. 내가 아는 부분은 생략되어 있을 수 있고, 혹여나 틀린 부분이 있을 수도 있으니 이 글을 보고 '다른 사람'이 공부하기에는 도움이 되지 않을 수 있으니 주의! 재귀함수로 구현 #include #include #include using namespace std; /* 순열 알고리즘 */ void Permutation(vector& Array, int Start, int End) { // 시작과 끝이 같으면 모든 인덱스 순환했다는 뜻 if (Start == End) { for (const auto it : Array) { cout