현재 위치

홈 ›› Forums ›› 공부 ›› 강좌

네이티브 크로스 플랫폼인 citirne으로 개발한 쇼핑몰 app 소스 공개합니다.

citrine_dev1의 이미지
글쓴이: citrine_dev1 / 작성시간: 화, 2012/07/24 - 5:44오후

안드로이드와 iOS로 동시에 개발이 가능한 Citrine framework가 공개되어 네이티브 크로스 플랫폼으로 개발한 마리헤즈 쇼핑몰

App 소스를 공개합니다. 이제 Citrine Framework가 원소스 멀티 플랫폼이 되었네요~~

(Android와 iOS 플랫폼에 적용 가능한 크로스 플랫폼이 되었습니다.)

AppStore 바로가기 : http://itunes.apple.com/us/app/marihas/id534533279?l=ko&ls=1&mt=8

구글플레이 바로가기 : https://play.google.com/store/apps/details?id=kr.co.logeo.mospi.marihas

iOS용 Xcode 프로젝트와 android도 1.0.5로 업그레이드된 라이브러리를 적용하여 프로젝트 전체를 압축하여 첨부하였으나

첨부파일 용량 관계로 블로그에서 다운받아보시기를 바랍니다.

citrine 블로그 바로 가기 : http://blog.naver.com/logeo514

그리고 CITRINE Framework 개발자 커뮤니티인 네이버 카페(http://cafe.naver.com/citrineframework)에서

보다 많은 정보를 교류할 수 있습니다.

폴더 구조는 첨부를 푸시면 Android,iOS, xml폴더가 있으며, xml폴더 부분이 소스입니다.

배포를 위해서 xml 폴더의 소스는 안드로이드의 경우는 Android/Marihas/ assets/xml 폴더에 카피하였으며,

iOS는 iOS/Marihas/xml에 카피하였습니다.

최신 라이브러리는 http://www.mospi.org/download.html에 가셔서 받으시면 됩니다.

이전의 안드로이드 개발 시 UI XML파일만 작성해서 금방 끝났었는데,

이번에는 기존 XML에 iOS라이브러만 포팅하였기 때문에, 더욱 더 간단하게 끝났습니다.

Citrine에서 Layout 크기를 자동으로 조정해주고, 안드로이드에서 작동하는 기능을 iOS에서도 똑같이 사용 가능하기 때문에

별다른 수정을 하지 않아도 XML파일만 iOS(경로)에 복사 하시면 쉽게 적용 하여 사용할 수 있습니다.(One Source Multi Screen~~)




일반적으로 iPad 와 iPhone은 가로 세로 비율이 다르기 때문에, 꽉 찬 화면일 경우에는 image가 한쪽으로 늘어나게 됩니다.

일반적으로는 전체화면만 지원해 주기 때문에 pad용은 어쩔 수 없이 따로 디자인을 했는데 Citrine에서는 비율을 맞춰주니 간편하네요.

이제 Citrine으로 iOS와 Android 플랫폼에서 어플리케이션을 동시에 개발 해 보세요~~

Forums: 
강좌

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.