02

시작하기

Tidory CLI 티도리 2.0

Tidory CLI 는 티도리 프레임워크와 상호작용하기 위한 CLI(Command Line Interface) 환경에서 실행하는 NPM(Node Package Manager) 패키지입니다. 다음과 같은 명령을 사용하여 템플릿을 받아온 뒤, 프로젝트 구동을 위한 NPM 패키지들을 설치하십시오.

# Download TIDORY project
npx tidory new MyApp
# Move into project folder
cd MyApp
# Install NPM Packages
npm install

* CLI(Command Line Interface): 명령줄 인터페이스를 의미합니다. 이것을 지원하는 환경에는 윈도우의 cmd, powershell 그리고 리눅스의 terminal 이 있습니다.
* NPM(Node Package Manager): 자바스크립트 런타임 환경인 node.js 용 패키지 관리자입니다. 프론트엔드과 백엔드 구분없이 다양한 패키지를 이용할 수 있습니다.

기본 프로젝트 템플릿은 깃허브에서 찾을 수 있습니다.

라이브(Live) 서버

데모로 작성되어있는 앱을 어떻게 실행시키면 될까요? 간단하게 알아보도록 하겠습니다. tidory start 명령을 사용하면 http://localhost:8080 주소로 webpack-dev-server 를 실행시킬 수 있습니다. 프리뷰 서버는 tidory preview 로 시작할 수 있으며 http://localhost:3000 에서 시작합니다.

개발(Development) 서버

개발(Development) 서버는 치환자가 동작하지 않은 모습 그대로를 보여줍니다. 해석 이전에 스킨자체의 모습을 볼 때 주로 사용합니다. 또한 치환자를 직접넣기 전에 더미데이터로 디자인을 구성할 때 사용하는 것도 좋습니다.

# Development Server
npm start # tidory start

프리뷰(Preview) 서버 티도리 6.1

프리뷰(Preview) 서버는 티스토리에 직접 요청을 보내고 치환자가 해석된 모습을 렌더링합니다. 홈, 글, 카테고리 등 프리뷰 모드(Mode)를 지정하여 티스토리 서버에 올라갔을 때의 모습을 볼 수 있습니다. 프리뷰 서버를 실행하려면 환경설정에서 ts_session, url, mode 가 설정되어 있어야 합니다.

# Preview Server
npm run preview # tidory preview

빌드 및 배포

빌드 및 배포는 기본적으로 tidory build 명령과 tidory store 가 있습니다. 빌드와 배포를 하는 방법에는 몇가지 있지만, 시작하기 단계에서는 자세한 설명없이 넘어가도록 하겠습니다. 자세한 내용은 빌드 및 배포 문서를 참고해 주시기 바랍니다.

# Build
npm run build # tidory build