APP 제작안내

다양한 디바이스에 대응

아이폰, 안드로이드는 물론 필요하다면, 데스크탑PC, 맥북등 다양한 디바이스로 개발 가능합니다.

원하는 형태로
개발가능

프로젝트의 성격에 따라, 하이브리드 형태의 앱, 네이티브앱을 정해서 개발 할수 있습니다. 기술이 없어서 하이브리드를 개발하는 것이 아닌, 프로젝트의 성격이 하이브리드앱이 적합하다면, 하이브리드앱으로, 네이티브앱이 적합하다면 네이티브앱으로 개발해 드립니다.

푸시알림
기본제공

앱서비스 운영이 가장 빈번하면서도 가장 활용도가 높은 기능은 바로 푸시알림 기능입니다. 마이사이트는 모든 앱을 개발시에 푸시알림기능을 무료로 포함하여 개발해 드립니다. SMS를 대체한 기능으로 비용절감 및 지속적인 APP사용율을 유지하기 위한 가장 기본적이면서 중요한 기능입니다.

홈페이지
연동가능

기존에 운영중인 홈페이지와 기능 및 데이터등 연동 되어야 할 경우, 데이터 연동을 통한 앱 개발이 가능합니다. 데이터만 가져와 개발하는 형태로 기존 서비스의 끊김이나 중단없이 개발이 가능하며, 반대로 앱의 기능때문에, 홈페이지를 고쳐야 하는 경우 모두 기술지원이 가능합니다.

Hybrid앱
모바일웹 무료제공

앱의 성격이 간단하거나, 웹상에서의 서비스가 연동이 되어야 할 경우, 그리고 하이브리드앱을 제작하신 경우 필요하시면 제작된 하이브리드앱을 기반으로 모바일웹을 무료로 개설해 드립니다.(단 기능 및 디자인 변경시에는 실비 발생)

저렴한
개발비용(네이티브)

Hybrid앱과 다르게, Native앱은 IOS와 ANDROID 모두 개발시 각각 개발하는 정도의 비용이 발생됩니다. 마이사이트는 네이티브앱을 개발하면서도 하이브리드앱 못지 않는 개발속도 와 저렴한 비용에 개발 가능합니다.

a { color: #037cff; } .button { background: #037cff; } .button:hover { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt { background: none; box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .button-alt:hover { background: #037cff; color: #fff; } .button-white { background: #fff; box-shadow: inset 0 0 0 1px #fff; } .button-white:hover { box-shadow: inset 0 0 0 1px #fff; color: #fff; } .owl-buttons div:hover { border-color: #037cff; background: #037cff; } .owl-pagination .active { box-shadow: 0 0 0 1px #037cff; } .language-selector div ul a:hover { background: #037cff; } .cart-summary div li a:hover { color: #037cff; } .cart-summary div .subtotal { color: #037cff; } .cart-summary div .total a { border: 1px solid #037cff; background: #037cff; } .cart-summary div .total a:hover { color: #037cff; } .follow-us a:hover { background: #037cff; } .main-nav li a { color: #037cff; border-color: #037cff; } .main-nav li a:hover, .main-nav li a.active, .main-nav li li a:hover, .main-nav li li a.active, .main-nav li:hover>a { background: #037cff; } .mobile-nav ul a:hover { color: #037cff; } .page-title h1 { color: #037cff; } .page-title h1 i { border: 2px solid #037cff; } .page-title nav span { color: #037cff; } .paralaxed .composer .testimonial .author { color: #037cff; } .filter .active { background: #037cff; } .portfolio .item .pic span { background: #037cff; } .blog .item .date { background: #037cff; } .comments .author .reply { background: #037cff; } .comments .fa-user { border: 1px solid #037cff; color: #037cff; } .products-grid h3 a:hover { color: #037cff; } .products-grid .pic span { background: #037cff; } .products-grid .price { color: #037cff; } .product .price { color: #037cff; } .product .quantity a:after, .product .quantity a:before { background: #037cff; } .product .pic span { background: #037cff; } .product .thumbnails span { background: #037cff; } .product-tabs > label:hover { color: #037cff; } .product-tabs > input:checked + label { background: #037cff; } .cart-products .quantity a:after, .cart-products .quantity a:before { background: #037cff; } .cart-products .remove a { background: #037cff; } .pager a { border: 1px solid #037cff; } .pager a:hover { color: #037cff; } .pager .active { background: #037cff; } .countdown li { background: #037cff; } .subscription h3 { color: #037cff; } .timeline .year { background: #037cff; } .timeline .item:before { border: 1px solid #037cff; color: #037cff; } .timeline .date { color: #037cff; } .contacts .links a { border: 1px solid #037cff; color: #037cff; } .contacts .links a:hover { background: #037cff; } .composer h3 { color: #037cff; } .composer h4 { color: #037cff; } .composer hr.alt { background: #037cff; } .composer hr.alt-2 { border: 1px solid #037cff; } .composer .accordion dt:hover { color: #037cff; } .composer .accordion dt i { border: 1px solid #037cff; } .composer .accordion dt i:after, .composer .accordion dt i:before { background: #037cff; } .composer .accordion dd { background: #037cff; } .composer .accordion dd:before { border-bottom: 4px solid #037cff; } .composer .accordion .active { color: #037cff; } .composer .accordion-alt .active, .composer .accordion-alt .active:hover { background: #037cff; color: #fff; } .composer .callout-alt { border-color: #037cff; background: #037cff; } .composer .callout-alt2 { border-color: #037cff; } .composer .chart-pie > span { color: #037cff; } .composer .soc-icon { border: 1px solid #037cff; } .composer .soc-icon:hover { background: #037cff; } .composer .soc-icon-alt { background: #037cff; } .composer .soc-icon-alt:hover { background: none; color: #037cff; } .composer .soc-icon-grey { border-color: transparent; } .composer .list .active { border-color: #037cff; color: #037cff; } .composer .list .active i { border-color: #037cff; color: #037cff; } .composer .list-alt .active { background: #037cff; color: #fff; } .composer .list-alt .active i { color: #fff; } .composer .message { border: 1px solid #037cff; color: #037cff; } .composer .message:before { border-right: 1px solid #037cff; } .composer .message i { border: 1px solid #037cff; } .composer .milestone { border: 1px solid #037cff; color: #037cff; } .composer .milestone-alt { background: #037cff; color: #fff; } .composer .pricing-table .col { border: 1px solid #037cff; } .composer .pricing-table .head { background: #037cff; } .composer .pricing-table .featured .price { color: #037cff; } .composer .progress-bar .bar span { background: #037cff; } .composer .progress-bar-alt .bar { border-color: #037cff; } .composer .progress-bar-alt .bar em { background: #037cff; } .composer .progress-bar-alt .bar em:after { border-top: 4px solid #037cff; } .composer .progress-bar-alt .bar span { border-right: 1px solid #037cff; } .composer .process:after { border-color: #037cff; } .composer .process .done:after { border-color: #037cff; color: #037cff; } .composer .process .done:before { border-color: #037cff; } .composer .process .done i { border-color: #037cff; color: #037cff; } .composer .services .icon { background: #037cff; } .composer .services-alt .icon { background: none; } .composer .tabs > label { background: #037cff; } .composer .tabs > label:nth-child(2) { border-left-color: #037cff; } .composer .tabs > div { border-color: #037cff; } .composer .tabs > input:checked + label { border-top: 1px solid #037cff; border-right-color: #037cff; border-left-color: #037cff; color: #037cff; } .composer .team-alt li > div { border-color: #037cff; } .composer .team-alt .social { background: #037cff; } .composer .testimonial-alt .text { background: #037cff; } .composer .testimonial-alt .text:after { border-right-color: #037cff; } .composer .testimonial-group .author div { background: #037cff; } .composer .testimonial-group .author.active:before { border-top: 6px solid #037cff; } .composer .toggle dt:hover { color: #037cff; } .composer .toggle dt i { background: #037cff; } .composer .toggle-alt dt { box-shadow: inset 0 0 0 1px #037cff; color: #037cff; } .composer .twitter-feed li { background: #037cff; } .composer .twitter-feed-alt p { border: 1px solid #037cff; } .composer .twitter-feed-alt a { color: #037cff; } .composer .twitter-carousel .fa-twitter { background: #037cff; } .composer .twitter-carousel .owl-buttons div { border-color: #037cff; color: #037cff; } .widget-categories a:hover { color: #037cff; } .widget-categories .active { color: #037cff; } .widget-recent-posts div a:hover { color: #037cff; } .widget-recent-photos li a { background: #037cff; } .widget-tags a { border: 1px solid #037cff; } .widget-tags a:hover { background: #037cff; } .widget-filter .slider div { background: #037cff; } .widget-cart a:hover { color: #037cff; } .widget-cart .total { color: #037cff; } .widget-sellers a:hover { color: #037cff; } .widget-sellers .price { color: #037cff; } .widget-alt-contacts ol a:hover { background: #037cff; } .widget-alt-feedback button:hover { color: #037cff; } .scroll-top:hover { background: #037cff; }