'코너스톤'에 해당되는 글 1건

  1. 2013.01.04 SKT의 HTML5 개발도구, 코너스톤 WDK (37)

코너스톤 WDK (Cornerstone WDK)


SKT가 만든 코너스톤 WDK (Web Dev. Kit)를 소개합니다.

코너스톤 WDK의 핵심은 코너스톤 프레임웍 (이후 f/w)입니다. 코너스톤 f/w을 만들면서 염두에 두었던 생각들을 요약합니다. 상세한 내용은 http://cornerstone.sktelecom.com 에서 확인할 수 있습니다.


1. 힘 빼고 만들었습니다.

SKT가 처음부터 끝까지 세상을 새로 만들겠다는 못된(?) 욕심을 버리고 접근했습니다. 거인들의 업적을 존중하면서 그 어깨 위에 작은 노력을 더해 세상에 기여하겠다는 철학으로 접근했습니다. 개발자들에게 인기 높은 검증된 오픈소스 f/w들을 기반으로 코너스톤 f/w을 개발했습니다. 이미 익숙한 f/w들을 근간으로 하고 있기 때문에 개발자 입장에서는 학습 비용이 적을 뿐 아니라, 코너스톤 f/w을 쓰기 위해 학습한 내용을 다른 f/w들을 개별적으로 쓸 때도 활용할 수 있을 것입니다.


2. Modern Web App 개발의 최신 동향을 담았습니다.

Modern Web App 개발의 최신 기술들을 지원합니다. 코너스톤 f/w은 UI f/w 뿐만 아니라 모듈화, MVC (Model-View-Control 패턴), RWD (Responsive Web Design) 등 Javascript 프로그래밍의 핵심 동향을 모두 포함하고 있는 full featured Javascript f/w 입니다. 그리고 코너스톤 f/w은 UI f/w과 MVC f/w 사이의 정합성을 맞추는데 상당한 노력을 기울였습니다. 코너스톤 f/w을 이용하면 개별 f/w들을 따로 선택하고 이들 사이에 정합성을 맞추는데 소요되는 비용을 줄일 수 있습니다.


3. 모바일에서의 성능 보장을 위해 노력했습니다.

코너스톤 개발을 시작할 당시, 세상에 공개된 거의 모든 모바일 UI f/w들을 검토하고 성능을 비교했습니다. 코너스톤 f/w은 트위터 Bootstrap을 UI f/w의 근간으로 선택했습니다. Bootstrap의 간결함을 유지하면서 Bootstrap에 모자란 모바일 Widget과 기능을 추가했습니다. 조심스럽지만, 현재 시점에서 가장 빠르고 안정적인 모바일 UI f/w이라고 자신합니다.


4. 한글 문서를 제공합니다.

정말 공들여 만든 한글 문서를 제공합니다. f/w을 만들면서 배우고 느낀 내용을 모두 담으려고 노력했습니다. 한국의 SW 분야가 성공하려면 제대로된 한글 개발문서가 축적되고 공유되어야 한다고 생각합니다. 코너스톤 개발문서가 조그만 기여를 할 수 있으면 좋겠습니다. 코너스톤 f/w 개발문서는 정적으로 고정된 문서가 아니라 샘플코드를 작성하고 결과를 확인할 수 있는 살아있는 문서입니다 (http://cornerstone.sktelecom.com/livedoc/).


운 좋게도 훌륭한 개발자 분들을 만나서 신나게 개발할 수 있었습니다. 하지만 아직은 미약한 시작입니다. 개발자 분들의 소중한 의견을 듣고 싶습니다. 코너스톤 블로그에 의견 남겨 주세요.


저작자 표시 비영리 변경 금지
신고
Posted by ingee

댓글을 달아 주세요

  1. incago 2013.01.08 11:42 신고  댓글주소  수정/삭제  댓글쓰기

    :-)
    감사합니다.

  2. iolo 2013.01.11 13:58 신고  댓글주소  수정/삭제  댓글쓰기

    문서 (livedoc)... 지금 404 에러나네요~

    • ingee 2013.01.11 17:45 신고  댓글주소  수정/삭제

      엇... 감사합니다. 잠시 서버가 졸았나봅니다. -_-;;
      지금은 정상 동작합니다.

    • ingee 2013.02.22 14:06 신고  댓글주소  수정/삭제

      현재 코너스톤 웹페이지 서비스를 위해 개발서버를 사용하고 있어서 안정성에 문제가 있습니다. 이번달 안에 안정적인 운영서버로 옮길 예정입니다. 항상 주시하고 있지만, 서비스 장애를 일러주시면 최선을 다해 신속히 복구하겠습니다. 감사합니다.

  3. ingee 2013.01.25 07:22 신고  댓글주소  수정/삭제  댓글쓰기

    코너스톤 블로그에 새글이 올라왔습니다. 모바일웹 현황에 대한 짤막한 정리입니다.
    http://cornerstonewdk.tumblr.com/post/41111296422/1

  4. Donochi 2013.02.13 10:49 신고  댓글주소  수정/삭제  댓글쓰기

    뉴스보고 검색하다가 들어와서 글 남깁니다..

    일단 코너스톤 블로그 검색하고 있습니다만,
    Web UI 신봉자에서..좌절을 경험하고, Native 개발에 몰두하다가...
    다시 이런 시도를 접하니....마음이 갈대처럼 움직이네요..ㅋㅋㅋ

    코너스톤을 개발 테스트 해보고..지속적으로 피드백 올리겠습니다 ^^

    • ingee 2013.02.13 18:55 신고  댓글주소  수정/삭제

      단말기의 성능과 브라우저의 기능이 높아진 지금에야 비로서 HTML5을 이용한 Write Once, Run Everywhere의 꿈이 실현 가능하게 된 것 아닌가 싶습니다. 지금도 다양한 현실적인 어려움이 있습니다. 코너스톤 홈페이지(http://cornerstone.sktelecom.com/)와 블로그(http://cornerstonewdk.tumblr.com/)에 의견 남겨주시면 코너스톤WDK를 개선해서 그런 어려움을 극복하는데 작은 기여를 보태겠습니다. 감사합니다.

  5. Donochi 2013.02.14 00:30 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.

    Framework 을 다운받고, 정말 간단하게 확인해 보려했습니다만,
    시작부터 걸리네요..

    script/main.js 를 샘플에 있는데로, 작성했지만,
    uncaught TypeError ; Cannot call method 'launch' of undefined 가 발생하는 상황입니다.

    여기저기 찾아봤지만, 동작하는 Sample Application 을 찾을 수도 없었습니다.

    가능하다면, Sample 제공해 주실수 있으신지요?
    hue.dongho.park@gmail.com .. 감사합니다.

    • ingee 2013.02.14 14:51 신고  댓글주소  수정/삭제

      http://cornerstone.sktelecom.com/livedoc/2_03_module_usage.html 페이지가 도움될 겁니다. 코너스톤의 launcher.js를 사용할 경우, <script> 태그의 data-target 속성에 지정한 js 파일은 launch 라는 메소드가 정의된 객체를 리턴해야 합니다.

      http://cornerstone.sktelecom.com/livedoc 페이지(코너스톤 live-doc)는 한번 정독할만한 가치가 있습니다. 훌륭한 front-end 개발자가 공들여 만든 문서입니다.

      그리고, 문서 말미의 "종합테스트/ Cornerstone Framework Test" 링크에서 여러가지 테스트 코드를 확인하실 수 있습니다.
      코너스톤 블로그에 의견 주시면 좀 더 따끈한 답변 얻으실 수 있으며, 코너스톤에 관심있는 개발자들과 이슈를 공유하실 수 있습니다.

      코너스톤에 대한 관심에 깊이 감사드립니다.

  6. muk 2013.02.14 11:24 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.어제 코너스톤을 웹을 통해서 알게되고 살펴보았는데..ㅎ
    위분 글처럼 마음이 갈대처럼 움직이네요.

    한가지 질문이 있는데요.

    폰갭을 사용하면서 코너스톤에서 제공하는 wdget이나 util을 사용할 수가 있는지요.
    예를 들어 화면 전환이나 에디터 같은 기능을.
    조언 좀 부탁드립니다.
    yeungholee@gmail.com

    • ingee 2013.02.14 14:53 신고  댓글주소  수정/삭제

      예, 코너스톤 프레임워크만 따로 사용하는 것이 가능합니다.

      참고로 코너스톤 런타임이 폰갭과 개념상 동일한 솔루션입니다. 개발 당사자에게 "한국어"로 문의 가능한 코너스톤 런타임을 시도해보시면 어떠실지요... :)

      깊이 감사 드립니다.

  7. jh 2013.02.21 16:04 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.. 저도 기사를 통해서 코너스톤을 접하고, 살펴보고있는중인데요.

    기사 내용중에...

    저만으로 웹앱 개발에 필요한 모든 기능을 이용할 수 있는 클라우드 기반의 `저작도구'로 구성됐다.

    이런내용이 있는데. 아직 저작도구는 오픈되지 않은것 같아서 문의드립니다.
    저작도구는 언제쯤 오픈할 계획이세요??

    폰갭으로 어플리케이션을 개발해 본적이 있는데, 폰갭은 저작도구가 없어서 안드로이드 iOS따로따로 작업해야되는게 아무래도 불편하더라고요~.

    • ingee 2013.02.22 14:00 신고  댓글주소  수정/삭제

      저작도구는 내부적으로 먼저 쓰면서 완성도를 높이고 있습니다.
      그리고, 이번에 만든 개발도구는 기사에서 소개하는 것처럼 웹브라우저만 있으면 접속해서 이용할 수 있는 클라우드 기반의 개발도구입니다. 서비스 제공을 위해서는 운영 리소스가 들어가기 때문에, 일반에게 제공할 지 여부와 정책을 결정하기까지 조금 시간이 걸릴 것 같습니다.
      깊이 감사 드립니다.

  8. mhkim 2013.02.26 09:07 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요~ 하이브리드 개발을 8개월정도 했는데요..
    기존에 사용한 프레임워크보다 속도 개선 및 자바스크립트 가이드가 개발자 입장에서
    무척이나 마음에 드네요.
    해당 프레임워크를 사용해서 간단한 하이브리드 앱개발을 진행할려고 하는데요.
    와꾸를 잡을 수 있는, SKT에서 선행으로 진행되었던 샘플 코드가 있으면 해서요.
    아래 주소에 접속이 되질 않아 샘플코드를 확인을 못해보았습니다.
    http://cornerstone.sktelecom.com/livedoc/sample/spechtmls.zip

    더 발전시킬수 있는 코너스톤이 되길 바라며, 공유 부탁드립니다.

    참고로 http://cornerstone.sktelecom.com/livedoc 는 정독한 상태이며,
    현재 기존의 프레임워크와 코너스톤을 비교분석중입니다.
    비교 분석이 끝나는대로 공유 해 드리겠습니다~

  9. mhkim 2013.02.27 17:30 신고  댓글주소  수정/삭제  댓글쓰기

    샘플코드 다운 잘 되네요~ 감사^^
    livedoc 중에서 widget에 제공된 내용중이에요.
    http://cornerstone.sktelecom.com/livedoc/4_4_05_chart.html

    참조하고 있는 css, js 중에 cornerstone-framework-0.9.1에

    etc.css가 없어서 chart가 안나오는건지
    ../sample-data/chart-bar.json를
    http://cornerstone.sktelecom.com/livedoc/sample-data/chart-bar.json로 바꿔서 안나오는지
    정확히 확인 안되서요..

  10. mhkim 2013.02.27 17:39 신고  댓글주소  수정/삭제  댓글쓰기

    XMLHttpRequest cannot load http://cornerstone.sktelecom.com/livedoc/sample-data/chart-line.json. Origin null is not allowed by Access-Control-Allow-Origin. Chart.html:1
    getJSON Error
    Object {readyState: 0, setRequestHeader: function, getAllResponseHeaders: function, getResponseHeader: function, overrideMimeType: function…}
    widget-chart.js:7
    에러가 나오네요.. json 파일로 확인했는데.. 무슨 문제일까요?

    • ingee 2013.02.28 08:09 신고  댓글주소  수정/삭제

      제가 좋아하는 개발팀장님의 답변을 옮깁니다.
      ... 차트 위젯이 데이터를 가져오기 위해 Ajax 요청을 보내는데, 이때 SOP(Same Origin Policy) 때문에 다른 도메인으로는 요청을 보낼 수 없습니다. 데이터 URL도 웹앱과 같은 도메인에 두어야 합니다...
      도움 되면 좋겠습니다.

  11. mhkim 2013.02.28 10:20 신고  댓글주소  수정/삭제  댓글쓰기

    네.. SOP때문에 Corss Domain 통신이 안되는걸 깜빡했네요.
    해당 부분을 내부 URL로 바꾸고 확인해보았는데요.
    IE에서는 정상인데 반해 Chrome에서는 여전히 같은 에러가 발생되네요.
    더불어 같은 Chrome브라우저를 사용하는 Android도 마찬가지구요.

    http://cornerstone.sktelecom.com/livedoc/4_4_05_chart.html 해당 주소는
    Chrome브라우저에서 표현이 잘되는걸 확인인했는데요..
    그게 좀 이상해서요.

    정리하면,
    Chart.html 실행시 -> IE 정상동작
    -> Chrome 비정상

    코너스톤 chart page는 -> IE와 Chrome 모두 정상동작

    조언좀 부탁드립니다

    답변주셔서 감사합니다~

    • hjson 2013.03.04 18:55 신고  댓글주소  수정/삭제

      혹시 file:// 주소를 사용하시나요? 그렇다면 그것도 역시 SOP 정책에 위배됩니다.
      특히 크롬이 SOP가 더 엄격해서 file:// 주소로 ajax 요청을 보내는걸 막고 있습니다.
      로컬에서 돌리시더라도 http://localhost/ 등의 주소를 사용해 보시기 바랍니다.

  12. eunggk 2013.03.04 21:59 신고  댓글주소  수정/삭제  댓글쓰기

    혹시 node.js를 사용하실수 있는 환경이면 간단하게 개발용 웹 서버를 구성해주는
    locally를 추천합니다.

    npm -g install를 쉘에서 입력하면 설치가 됩니다.
    아래 링크를 확인해 보세요

    https://github.com/rhiokim/locally

    참고로
    또 코너스톤 WDK 깃허브 저장소 이슈에 글 남겨주셔도
    코너스톤 개발진들이 직접 답변/확인이 가능하니 그쪽으로 문의주셔도 됩니다. : )

  13. mhkim 2013.03.07 10:29 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요~
    코너스톤 깃허브 저장소에 이슈를 남겼는데..
    답변이 없어서요 ㅠ

    다른 문의사항이구요.
    1. http://cornerstone.sktelecom.com/livedoc/sample/iOS_plugin_sample.zip 해당 링크가 죽어있습니다.
    2. IOS plugin Test시 "Method 'getConnectionInfo:withDict:' defined in Plugin 'NetworkStatus'"
    해당 에러가 발생됩니다.
    공유하신 IOS Runtime > SRT_Tempate>Pluins에는 RTPageLoading.m, RTPageLoading.h 밖에 없는데요
    SRT.plist > Plugins 에 명시된 항목은 모두 SRT_Tempate>Pluins 에 존재 해야지 않나요??
    3. 간단한 교육을 받을 수 있는지 문의 드립니다. (어디든 가겠습니다.)
    회사대 회사로 관련 서류가 필요할 경우 메일 부탁드립니다 (kaudgnsl@naver.com)
    초기 개발환경 셋팅 질의 응답시간으로 2~3시간 이내여도 괜찮습니다.
    매번 여쭤보기 너무 죄송해서요 ㅠㅠ



  14. mhkim 2013.03.07 10:48 신고  댓글주소  수정/삭제  댓글쓰기

    문의사항 2번에 대해서요..
    확인해보니 NetworkStatus 는 RTConnection에 매칭되어 SRT.framwork에 존재하네요..
    혹시 Simulator로 확인을 해서 안되는건지해서요..
    Android는 plugin테스트가 단말로 잘됐었거든요.

    감사합니다.

    • ingee 2013.03.08 19:21 신고  댓글주소  수정/삭제

      안녕하세요. 제가 신뢰하는 런타임 개발자 분의 답변을 아래와 같이 옮깁니다. 도움 되면 기쁘겠습니다. 감사합니다.
      ---
      1.
      IOS plugin Test시 "Method 'getConnectionInfo:withDict:' defined in Plugin 'NetworkStatus'" 해당 에러가 발생됩니다.
      ==>
      위의 로그는 에러가 아닙니다. 어떤 API가 호출되었는지 확인하기 위한 로그입니다.
      'NetworkStatus' 는 코너스톤이 첫 페이지(index.html) 로드시에 현재 네트워크 상태를 알기 위하여 'getConnectionInfo 를 호출하기 위한 모듈입니다.
      이에 대한 로그를 에러로 오해하신 것 같습니다.

      2013-03-08 10:39:45.096 SRT_Template[4721:16a03] COMMAND: Method 'getConnectionInfo:withDict:' defined in Plugin 'NetworkStatus'

      ---
      2.
      공유하신 IOS Runtime > SRT_Tempate>Pluins에는 RTPageLoading.m, RTPageLoading.h 밖에 없는데요
      SRT.plist > Plugins 에 명시된 항목은 모두 SRT_Tempate>Pluins 에 존재 해야지 않나요??
      ==>
      존재할 필요가 없습니다. SRT.plist > Plugins 에 명시된 항목들은 이미 SRT_Template>SRT.framework에 라이브러리 형태로
      포함되어 있기 때문에 웹앱 개발자가 이를 포함할 필요가 없습니다. Android에서의 .jar를 내포하고 있는 것 과 같은 형태 입니다.

      ---
      3.
      문의사항 2번에 대해서요..
      확인해보니 NetworkStatus 는 RTConnection에 매칭되어 SRT.framwork에 존재하네요..
      혹시 Simulator로 확인을 해서 안되는건지해서요..
      Android는 plugin테스트가 단말로 잘됐었거든요.
      ==>
      맞습니다. NetworkStatus는 이미 빌드된 상태로 SRT.framwork에 존재하고 있습니다. 개발자는 이를 이용할 뿐입니다.
      첫 답변과 연계되어 이는 에러 메세지가 아니며 Simulator에서도 Plugin Test가 정상적으로 동작이 되고 있습니다.

      (이상입니다.)

  15. ingee 2013.03.08 19:25 신고  댓글주소  수정/삭제  댓글쓰기

    코너스톤에 대한 관심과 댓글에 깊이 감사 드립니다.
    이 블로그에 계속 질문 주셔도 무방하나, 가급적 github 이슈 링크를 이용해주시면 다른 개발자 분들과 기술이슈를 공유하는데 도움될 것 같습니다.

    프레임워크 이슈는 https://github.com/cornerstonewdk/cornerstone-framework/issues 에,
    런타임 이슈는 https://github.com/cornerstonewdk/cornerstone-runtime/issues 에 올려주시면 코너스톤 개발팀이 적극 대응하겠습니다.

    감사합니다.

  16. KJ 2013.09.15 23:36 신고  댓글주소  수정/삭제  댓글쓰기

    하이브리드앱과 HTML5기반웹앱이 주목받고있는 시점에서 상당히 발전가능성이 높아 보이는데요 혹시 해외개발자나 글로벌화를 위한 내부적으로 개발킷과 문서의 영문화 계획이 있으신지요?
    그리고 문서에 처음부터 완성까지 따라해보기 같은 가이드와 그리고 샘플프로젝트들이 아직은 좀 부족해보입니다:)

    • ingee 2013.09.16 17:14 신고  댓글주소  수정/삭제

      좋은 의견 감사합니다.
      작년에 이어 올해도 코너스톤WDK를 발전시키고 있습니다. 글로벌 패키징은 좀 더 동력이 모여야 가능할 것 같습니다. 하지만, 올해 힘을 주어 추진하는 과제 중 하나가 튜토리얼 성격의 Programmer's Guide를 웹 사이트 형태로 오픈하는 것입니다.
      이달 말(9.26) SKT의 T오픈랩 이름으로 하루짜리 포럼을 개최하는데 ( http://cornerstone.sktelecom.com/event/#lab ), 그 전에 튜토리얼 웹사이트도 오픈할 예정입니다.
      기대하셔도 좋습니다. ^^

  17. jake lee 2013.10.01 23:34 신고  댓글주소  수정/삭제  댓글쓰기

    혹시 개발과 관련은 없을지 모르겠는데 skt에서 cornerstone을 개발해서 어떤 이익을 볼 수 있는건가요? 기업에서 자선 사업으로 하지는 않았을거 같고 왜 개발했을까가 갑자기 궁금해져서 문의해봅니다

    • ingee 2013.10.02 22:02 신고  댓글주소  수정/삭제

      SKT는 다양한 내부 서비스를 필요로하고 수시로 개발합니다. 스마트폰이 보급되면서 어떤 서비스를 네이티브 앱으로만 개발하기에는 너무 큰 비용이 들게 됐습니다. 그래서 제가 속한 팀에서 HTML5 웹앱 확산을 통해 서비스 개발 비용 절감과 품질 향상을 사명으로 삼아 노력하게 됐습니다. 코너스톤은 그런 노력 중에 도출된 개발도구입니다.
      SKT는 코너스톤으로 수익을 얻을 생각이 없습니다. 자선 사업은 아니고 HTML5와 웹앱 생태계가 확산되는 것이 회사의 비젼과 합치한다고 생각하기 때문입니다.

  18. 단비를내려주시옵소서 2013.10.14 13:13 신고  댓글주소  수정/삭제  댓글쓰기

    학생입니다 코너스톤 안드로이드 런타임 헬로 월드 찍어보고자 주말 삽질 했으나 실패해서 도움을얻고자 합니다 샘플코드는 아주 잘돌아갑니다 문제는 새 프로젝트 생성시 앱이 첫화면부터죽습니다 runtime.jar 임포트 잘되있습니다 샘플코드랑 완전 같습니다 오타오류없습니다 ㅠㅠ 미치겠습니다 helloworld를 보고싶습니다 왜그런건지잠도 안옵니다 탈진상태입니다 미치겠습니다 로그는 꼭 jar가 임포트 안된것처럼 webkit에러를 물고갑니다

  19. Ren 2013.10.15 00:35 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요. ^^ 좋은 기회로 코너스톤을 알게되어 이곳까지 오게 되었는데요.
    가능할거라 생각하지만 혹시 몰라 여쭈어 보는것이 코너스톤을 이용하면 게임류 즉, 크로스 플랫폼을 지원받으면서 html5 게임을 만들 수 있게 되는건가요..? 웹+안드로이드+ios
    좋은 정보들 공유해주셔서 감사합니다. ^^

    • ingee 2013.10.15 09:45 신고  댓글주소  수정/삭제

      가능합니다. 사실 "코너스톤으로 가능하다"는 어폐가 있고 "HTML5 또는 WEB으로 가능하다"가 정확할 것 같습니다.

      코너스톤 과제를 진행하면서 브라우저에서 실행되는 네트웍 전투 테트리스 게임을 만들었습니다. iOS와 Android 브라우저 위에서 충분한 게임성을 확인했습니다. 다만, 게임을 만들 때 다음을 고려해서 기획하면 좋을 것 같습니다.

      - WEB은 Native APP에 비해 다소 성능이 떨어집니다. WEB으로 가능한 게임을 기획해야 합니다
      - 코너스톤 프레임웍에 포함된 Backbone.js가 제공하는 MVC 패턴을 활용하면 소스코드를 구조적으로 관리할 수 있습니다.
      - 브라우저만으로 충분하다면 코너스톤 프레임웍만 사용해도 좋으나, 브라우저에서 접근 불가능한 자원(센서들)을 사용해야 한다면 코너스톤 런타임을 함께 사용하셔야 합니다.

      감사합니다.