티스토리

민트소프트
검색하기

블로그 홈

민트소프트

www.mint-soft.com/m

민트소프트 관리자 님의 블로그입니다.

구독자
0
방명록 방문하기
공지 Inspecter가 사전신청을 오픈하⋯ 모두보기

주요 글 목록

  • 토스의 UX 법칙 처음 토스를 접했을 때의 감정이 아직 생생하다. 마치 장난감처럼 가볍고 통통 튀면서 독창적이였다. 토스는 단순히 '사용하기 쉬운 앱'이 아니다. 토스의 구조를 하나씩 뜯어보면 UX심리학의 10가지 법칙을 모두 찾아볼 수 있다. 존 야블론스키가 저술한 'UX/UI의 10가지 심리학 법칙'에서 소개하는 10가지 UX법칙에 따라 토스를 파헤쳐보았다. ✔️ 제이콥의 법칙"사용자는 본인이 오래 사용하면서 축척된 경험으 토대로 새로운 프로덕트를 판단하는 경향이 있다" - 토스의 메인 화면은 여태껏 다른 금융앱과 크게 다르지 않은 디자인을 보여줍니다. 이때까지 다양한 금융앱, 마이데이터 앱을 써온 사용자가 토스를 처음 사용하게 되더라도 이질감이 느껴지지 않는 이유가 이미 우리에게 익숙한 인터페이스와 사용성을 제공하기.. 공감수 0 댓글수 0 2024. 5. 12.
  • 2023년 UIUX 트렌드 10가지 UIUX 트렌드는 어떻게 변화할까요?디자인이라는 것이 큰 변화를 가져가지 않는다면 UIUX 관련 종사자로서 더 편리하겠지만, 실상은 그렇지 않답니다. 한 때 유행하다가도 얼마 못 가 사라지는 일도 부지기수죠..! 그에 따라 트렌드를 쫒기 위헤서는 항상 공부하고 래퍼런스를 보는 수 밖에 없습니다. 그럼 공부는 어떻게 해야할까요? 저는 주로 국내,해외 아티클이나 디자이너들의 인사이트를 찾아보며 알아가는 편이랍니다.그럼 이제 2023년을 이끌 UIUX 트렌드 10가지가 무엇인지 한번 알아보도록 하겠습니다😊 ✔️ 가상 현실2023년에는 가상 현실이 비디오 게임을 넘어 전자상거래 분야에서도 많이 활용될 것입니다. 이케어 플레이스 모바일 앱은 좋은 예시입니다. 이 앱의 사용자는 증강 현실 속에서 이케아의 가구를 .. 공감수 0 댓글수 0 2024. 5. 12.
  • [UIUX] 디자인 시스템 파헤치기 2편 - UI요소 안녕하세요. 민트소프트 UIUX 디자이너 최현아입니다. 저번 포스팅에서 UI요소에 대한 주제를 다뤘는데요😉 이번에도 그 주제를 이어서 써보려고 합니다. Slide슬라이드는 동선 내 사용자 위치를 정확하게 안내 및 표시하기 위해 사용하는 요소입니다. 슬라이드 내부에는 Dot Indicator 또는 Number Indicator 가 들어갈 수 있습니다. Text filed텍스트 필드는 본문 외 정보 또는 주의, 강조형 정보로 강조가 필요시 사용합니다. 입력 폼의 개수는 가능한 최소의 갯수로 해야 합니다. 필수 입력이 아닌 경우 선택적 질문임을 명확히 표시되도록 해야하며, 사용자가 무엇을 요청받고 있는지 구분하고 이해할 수 있도록 관련 필드를 그룹화 시켜야 좋습니다. Tag태그는 부가적인 정보를 전달하거나.. 공감수 0 댓글수 0 2024. 5. 12.
  • [UIUX] 디자인 시스템 파헤치기 1편 - UI요소 안녕하세요. 민트소프트 UIUX 디자이너 최현아입니다. 민트소프트 기술블로그의 첫 번째 디자인 포스팅을 어떤 주제로 다룰지 고민이 많았는데요🙃 저는 프로젝트를 들어가기 전 가장 밑바탕이라고 생각하는 것이 바로, 모든 제품의 인터페이스가 일관성을 유지할 수 있게 도와주는 디자인 시스템입니다. 디자인 시스템은 디자이너와 개발자 간의 협업을 위한 중요한 문서 중 하나이죠. 프로덕트의 새 화면을 구축하는 것에 필요한 모든 스타일과 컴포넌트를 찾을 수 있는 핵심적인 문서라고도 할 수 있습니다. 그래서 이번에 저는 베이직 디자인 시스템을 구축해놓으면 시간적, 업무적으로 효율성이 좋고 작업 흐름도 편리하겠다고 생각하여 베이직 디자인 시스템 구축을 진행하고 있답니다! 그럼 디자인 시스템에 대해서 한번 파헤쳐 보겠습.. 공감수 0 댓글수 0 2024. 5. 12.
  • 캐쉬를 사용하여 화면 로딩을 빠르게!! 개요민트앱에서는 고객의 통계 데이타를 ElasticSearch에 저장하고 있습니다.물론 ElasticSearch는 빠르지만 캐쉬보다는 빠르진 않습니다.민트앱의 대쉬보드 페이지는 많은 데이타를 한꺼번에 쿼리를 해와서 보여주고 있습니다. mysql,elasticsearch,dynamodb 등에서 데이타를 가져와서 처리하고 있습니다. 개발 캐쉬 사용 여부 체크먼저 캐쉬가 가능한 데이타와 실시간데이타가 필요한 내용을 분리합니다. 실시간성으로 확인이 되어야 하는 데이타 -접속 디바이스 -신규유저  캐쉬가 되어도 무방한 데이타 -DAU,MAU -앱 접속자 통계  -버젼별 통계  위의 규칙에 따른 라라벨에서 데이타를 가져오는것을 만들어봅니다. //이번달 통계 데이타 (ElasticSearch)//캐쉬 키를 프로젝트 .. 공감수 0 댓글수 0 2024. 5. 12.
  • flutter 위젯 화살표 다이얼로그 개요플러터로 블루투스 원격 제어 앱을 제작하게 되었습니다. 블루투스에서 오는 데이타를 LCD로 출력을 하고 명령어를 전달하여 장비를 제어하는 앱입니다. 개발 1.디자인 앱의 기능을 확인한 이후 사용하기 편리하도록 UI/UX를 설계 합니다. 장비의 하드웨어 버튼과 동일하게 하기를 원하므로 디자인도 동일하게 진행하였습니다.   2.개발일단 다른 위젯은 flutter의 기본위젯으로 충분히 구현이 가능하다. 하지만 화살표의 다이얼로그는 음.. 검색해도 잘 나오지 않았다. 따라서 직접 구현을 시도 하였다. (1).먼저 그리드로 2*2의 바둑판을 만든다. ">HTML 삽입미리보기할 수 없는 소스코드는 크게 어려운거 없고 버튼을 2*2 로 하여 4개를 생성하였다. 그리고 아이콘은 rotate 하여 대각선으로 보도록 .. 공감수 0 댓글수 0 2024. 5. 12.
  • slack으로 aab 전송 받기 민트소프트에서는 테스트 용을 appcenter.ms을 이용하여 daily build를 진행하고 있습니다.circleci를 이용하여 develop 브랜치에 코드가 푸쉬 될때 마다 빌드를 하여 appcenter에 전송하고 있습니다.  하지만 release 빌드를 할때는 appcenter를 사용하지 못하여 s3에 저장을 하였습니다. 따라서 필요없는 s3 용량이 계속 사용되어서 slack로 aab를 업로드 하기로 하였습니다.  1.slackbot 앱 생성하기https://api.slack.com/apps에 들어가서 '내 앱' -> '새 앱 만들기' 클릭   2.scope을 정해주기 Bots버튼을 클릭한다.   Review Scopes to Add 버튼을 클릭한다.다음화면에서 중간정도에 있는 Scopes에서 Bo.. 공감수 0 댓글수 0 2024. 5. 12.
  • android fastlane 사용법 안드로이드는 gradle이라는 충분이 만족스러운 도구가 있어서 굳이 fastlane으로 빌드를 대체할 필요는 없다하지만 appcenter,s3등으로 업로드 하기 위해선 fastlane의 도움을 받는것이 빠르고 좋다. 아래는 당사에서 진행하는 안드로이드의 fastlane 기본 템플릿이다.1.fastlane init➜ MyApplication fastlane init[✔] 🚀 [✔] Looking for iOS and Android projects in current directory...[13:19:22]: Created new folder './fastlane'.[13:19:22]: Detected an Android project in the current directory...[13:19:22]:.. 공감수 0 댓글수 0 2024. 5. 12.
  • MET 유지보수 met verse는 전자제품의 견적서 플랫폼 입니다. https://metverse.kr/ MET metverse.kr민트앱의 고객이셨는데 웹사이트까지 유지보수를 받아서 진행하고 있습니다. 공감수 0 댓글수 0 2024. 5. 12.
  • 여행능력자들 모바일 웹 개발 여행능력자들는 유튜브 컨텐츠에서 소개된 호텔 추천 영상을 큐레이션 해놓은 서비스입니다 .https://www.travelwinners.shop/ 여행능력자들여행능력자들이 추천하는 해외여행 투어&티켓www.travelwinners.shop개발기간 2023-07~현재 유지보수중 개발환경 -서버사용 언어: php laravel서버 : vultr데이타 베이스 : mysql   -ci/cd빌드 : laravel forge  -써드파티 :디자인:adobe xd 공감수 1 댓글수 1 2024. 5. 12.
  • (2).swift fastlane fastlane 을 마무리 짓도록 하겠습니다.  https://mint-soft.tistory.com/9 (1).swift fastlane 사용법아이폰 빌드는 너무 귀찮은 작업도 많고 jenkins,circleci,github action 마다 처리 하는게 너무 제각각이어서 fastlane이 필수 아닌 필수가 되었습니다. 몇년간 아이폰 개발을 진행하면 정리하여서 템플릿blog.mint-soft.com1회차에서는 기본 fastlane 설정을 알아봤습니다. 이제 실제로 배포 하는 방법을 적어보겠습니다. 애플 이중인증도 이 방법으로 따라하시면 다 통과 될수 있습니다. ################################################################ create key chai.. 공감수 0 댓글수 0 2024. 5. 12.
  • (1).swift fastlane 사용법 아이폰 빌드는 너무 귀찮은 작업도 많고 jenkins,circleci,github action 마다 처리 하는게 너무 제각각이어서 fastlane이 필수 아닌 필수가 되었습니다.몇년간 아이폰 개발을 진행하면 정리하여서 템플릿화 된 fastlane 파일을 정리하고자 합니다.  fastlane은 command line으로 아이폰을 빌드 및 배포를 할수 있도록 도와주는 도구입니다. https://docs.fastlane.tools/ fastlane docsfastlane fastlane is the easiest way to automate beta deployments and releases for your iOS and Android apps. 🚀 It handles all tedious tasks, l.. 공감수 0 댓글수 0 2024. 5. 12.
  • 애플 앱 키 생성하는 방법 애플의 fastlane 빌드를 하기위해선 apple app key가 필수적으로 생성이 되어야합니다.아래는 apple app key 생성을 하기 위한 방법입니다. 1. https://appstoreconnect.apple.com/ 접속한다 2.사용자 및 access를 누른다. 3.keys를 누른다.  4.액세스 요청 혹은 + 버튼을 누른다.5.api 키 생성을 누른다.6.appkey를 생성한다.  7.api키를 생성한다8.sseuer ID와 Key를 복사해둔다.그리고 새로고침을 하면 api키를 다운로드 할수 있다.최초 1회만 다운로드 가능하므로 잘 복사해둔다.  apple이  cookie를 생성해서 인증처리 하는 방식 대신에 api key를 제공해줌으로써 fastlane의 개발이 좀더 편해졌다. apple.. 공감수 0 댓글수 0 2024. 5. 12.
  • 테스트 플라이트 사용법 어느 정도 개발이 진행된 아이폰앱은 개발자가 테스트플라이트로 앱을 올려준다. 테스트플라이트를 어떻게 사용하는지 확인해보자 1.애플 개발자 사이트에 로그인http:// https://appstoreconnect.apple.com/ 2.사용자 추가  3.버튼을 눌러서 사용자를 추가한다. (반드시 아이폰에 등록된 이메일사용) 역할에 앱관리는 눌러서 앱에 원하는 앱을 선택하거나 관리를 누르면 전체 엑세스가 가능하다. 4.사용자의 메일 수락 5.초대 수락을 누르면 가입을 하거나 로그인을 하면 됨 6.앱에서 테스트 추가 8.내부테스팅버튼을 눌러서 테스트그룹을 추가한다. 8.테스터를 등록한다. 위와 같이 메일이 전송되었다고 나오면 끝이다. 9.테스트 사용자앱 설치 https://apps.apple.com/kr/app.. 공감수 0 댓글수 0 2024. 5. 12.
  • ios UDID 얻는 방법 appcenter.ms를 이용할때나 모바일 앱 개발에 필요한 디바이스를 등록할때 udid가 필요하다.udid를 추출할수 있는 방법을 정리해보자. 1.맥에서 하는 방법1.usb와 기기를 연결한다.(신뢰함 선택알림 나오면 신뢰함 클릭) 2.연결된 기기를 클릭한다. 3.iphone 8이라고 나와있는 부분을 여러번 클릭한다. 4.udid의 오른쪽 마우스를 클릭하면 복사가 나온다. 5.udid를 복사하여 ios 개발자에게 전달하면 된다.  2.GetUDID 사이트에서 하는 방법 1.아이폰기기로 아래의 사이트를 접속한다. https://udid.tech/ Get UDIDYou will be redirected back to this page & see your device UDID, IMEI, and serial .. 공감수 0 댓글수 0 2024. 5. 12.
  • 인스펙터 인스펙터는 QA를 관리하는 툴입니다. 공감수 0 댓글수 0 2024. 4. 17.
  • [연오와 세오] 스팀앱 구축 공감수 0 댓글수 0 2023. 8. 17.
  • [HamsPro] 앱 구축 공감수 0 댓글수 0 2023. 8. 16.
  • [우리기술] 앱 구축 공감수 0 댓글수 0 2023. 8. 11.
  • [에스테코] 앱 구축 공감수 0 댓글수 0 2023. 8. 11.
  • [뿔쁘] 앱 구축 공감수 0 댓글수 0 2023. 8. 11.
  • [구미넷] 앱 구축 공감수 0 댓글수 0 2023. 8. 11.
  • [차용이지] 앱 구축 공감수 0 댓글수 0 2023. 8. 11.
  • 젠틀몬스터 https://www.gentlemonster.com/int/stories/caixukun-game GENTLE MONSTER Official Site Shop the GentleMonster.com official site. Discover the latest Sunglasses, Glasses, Collaborations and Stories. www.gentlemonster.com 개발 내용 젠틀몬스터 unity게임 네이티브앱으로 포팅 및 계정관리 개발환경 개발기간 2023-01~2023-05 개발환경 -서버 사용 언어: spring 서버 : AWS (beanstalk) 데이타 베이스 : mysql 세션처리:jwt -안드로이드 사용언어:java,rxjava,retrofit -ios 사용언어:swif.. 공감수 0 댓글수 0 2023. 8. 8.
  • android 네이티브 kotlin은 android 및 web에서 앱을 제작할때 사용하는 개발 언어 입니다. os의 네이티브 영역이므로 속도가 빠르고 안정적입니다. java,kotlin등 네이티브 전반적인 영역에 개발이 가능합니다. 아래는 당사에서 제작한 android 앱입니다. https://www.mint-soft.com/39 대쉬모바일 앱 개발 내용 대쉬 모바일 앱: 택배 서비스 플랫폼 개발환경 개발기간 2021-12~2022-03 개발환경 -서버 사용 언어: spring 서버 : 자체 서버 데이타 베이스 : mysql 세션처리:jwt -안드로이드 사용언어:java,rxjav www.mint-soft.com https://www.mint-soft.com/25 태방 개발 내용 태양광 발전소 매매 플랫폼 https://www.. 공감수 0 댓글수 0 2023. 8. 8.
  • Swift 네이티브 swift는 ios 및 macos에서 앱을 제작할때 사용하는 개발 언어 입니다. os의 네이티브 영역이므로 속도가 빠르고 안정적입니다. UI 제작방식이 변경됨에 따라 개발 방식도 변하고 있습니다. storyboad->uiconstrait->swiftui등 당사는 신규 개발 방식을 계속 학습하여 반영하고 있습니다. 아래는 당사에서 제작한 ios앱입니다. https://www.mint-soft.com/43 비트플로 앱 개발환경 개발환경 -서버 사용 언어: nodejs 서버 : aws 데이타 베이스 : mysql 세션처리:jwt -ios 사용언어:swift,moya,texture -ci/cd 빌드 : jenkins 테스트앱 : appcenter.ms 알림처리: slack -써드파티 : 디자인:figma & w.. 공감수 0 댓글수 0 2023. 8. 8.
  • 크로스 플랫폼 모바일 앱 https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev flutter는 크로스플랫폼 앱의 새로운 프레임워크로 가장 높은 점유율을 기록하고 있습니다. 당사는 네이티브 앱 개발을 오랫동안 하다가 크로스 플랫폼인 플러터도 같이 개발을 진행하고 있습니다. 네이티브 대비 개발속도는 1/3으로 줄어들고 퍼포먼스는 네이티브 대비 95% 이상 나오고 있습니다. sentry에 기록되는.. 공감수 0 댓글수 0 2023. 8. 8.
  • 라씨 원격감시제어 개발기간 2021-04~2021-08 개발환경 -서버 사용 언어: php laravel 서버 : 단독서버 데이타 베이스 : mysql,redis 세션처리:token based -크롤링 서버 사용언어 : nodejs 데이타 베이스 연결 : sequlize 제어:redis pub/sub -안드로이드 사용언어:java,rxjava,retrofit -ios 사용언어:swift,rxswift,moya -ci/cd 빌드 : jenkins 테스트앱 : appcenter.ms -써드파티 : 디자인:figma & zeplin 공감수 0 댓글수 0 2023. 8. 8.
  • LG 디스플레이 Stain Generator 개발기간 2016-12 ~ 2017-04 구동환경 윈도우 프로그램 사용 언어: C#,opencv 모니터의 불량을 체크하기 위한 얼룩생성기 공감수 0 댓글수 0 2023. 8. 8.
  • 비트플로 앱 개발환경 개발환경 -서버 사용 언어: nodejs 서버 : aws 데이타 베이스 : mysql 세션처리:jwt -ios 사용언어:swift,moya,texture -ci/cd 빌드 : jenkins 테스트앱 : appcenter.ms 알림처리: slack -써드파티 : 디자인:figma & zeplin 공감수 0 댓글수 0 2023. 8. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.