Design & Development

SproutCore 간단 테스트

  1. SproutCore 다운로드 후 설치 : http://www.sproutcore.com/
  2. PATH 에 SproutCore 설치 경로의 bin 이 잡혀 있나 확인.
  3. 샘플을 하나 작성해보자. ‘hello world’ 식상하다. 그래서 http://www.veebsbraindump.com/2010/08/sproutcore-login-sample/
    1. 그냥 따라하면 에러 나니까 약간 추가 작업 필요.
    2. Step1 전에 sc-init 으로 프로젝트와 앱을 생성해주자. c:\test\>sc-init MyApp LoginSample
    3. Step1 에서 만들어진 controller 이름이 튜토리얼과 다르다. login_controller.js 에 Setp2 소스를 넣어주자.
    4. Step3 은 일단 무시.
    5. Step4 에서 string.js 언급되는데 이것의 용도는 다국어 메시지 지원 위한거로 지금은 결과 화면 메시지 좀 지저분한거 걍 무시해도 되니 생략하고 login_page.js 만 새로 만든 후 샘플 소스 복사해 넣는다.
    6. Step5 에 있듯 main.js 에서 ‘mainPage.mainPane’ 라고 되어 있는 부분을 ‘loginPage.loginPane’으로 변경한다.
  4. my_app  디렉토리에서 ‘sc-server’ 로 서버 실행.
  5. 브라우저에서 http://127.0.0.1:4020/ 로 접속. 3.4에서 테스트 작성은 건너 뛰었으니 당연히 무시하고 login_sample 실행. 끝 ~
  6. 좀 더 그럴듯한 샘플을 하나 만들어 보려한다면 http://blog.sproutcore.com/to-do-build-a-sproutcore-app/ 정말 끝 ~
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s