3. Canva에 앱 만들기. canva-apps-sdk 설치

Canva에 앱 만들기. canva-apps-sdk 설치

 

아래 사이트가 canva app sdk 입니다.

https://github.com/canva-sdks/canva-apps-sdk-starter-kit

GitHub - canva-sdks/canva-apps-sdk-starter-kit

 

이 git repository 을 clone 해서 개발을 해야합니다.

 

1. clone Canva SDK

mac 의 terminal 에서 (또는 윈도우의 cmd 에서) clone 할 경로로 이동한 후에 git clone 을 합니다.

git clone https://github.com/canva-sdks/canva-apps-sdk-starter-kit.git

cd canva-apps-sdk-starter-kit

 

2. node js 설치

npm install 하기 전에, sdk 에서 필요한 node 버전을 설치해야합니다.

이전 포스트 에서 nvm 을 설치 했으니,

지금은 버전만 명시해서 설치 하면 됩니다.

nvm install 20.10.0  # 원하는 버전 설치
nvm use 20.10.0      # 해당 버전 사용

성공적으로 설치가 되면, 

npm install

 

3. IDE 에서 오픈

clone 받은 canva-apps-sdk-starter-kit 폴더를 webstorm 에서 열었습니다.

여기에서 src 폴더 아래에 app.tsx 를 수정하면 됩니다.

개발 준비는 여기까지 하면 됩니다.

이제 실제 개발에 관련된 포스팅은 다음에...