<aside> 💡 일단은 백엔드 없이 뭔가를 계속하는게 답답해서 시작하게된 공부 입니다 하하

</aside>

Building a To-Do List Application with Strapi and ReactJS

목표

How to Build a To-Do List Application with Strapi and ReactJS 를 번역하며 무사히 Todo를 만들어보고 , 블로그 백엔드를 스스로 만들어 연결해 봅시다!

사용되는 기술

그래서 Strapi가 뭘까요?

Strapi는 **JavaScript API를 빠르게 만들고 사용할 수 있도록 도와주는 오픈 소스 CMS(ContentManagerSystem)입니다.**Strapi 는 개인과 조직 모두에게 복잡한 백엔드를 만드는데 도움을 줍니다

Strapi 세팅하기

Strapi 어플리케이션을 통해 주로 Strapi를 사용하게 될것인데요,이 어플리케이션의 어드민 페이지를 이용해 우리는 백엔드에 관한 내용을 다루어 볼 수 있습니다.

<aside> 💡 저는 npm을 사용했기 때문에 npm의 방법만을 적었으나, 기타 다른 방법들이 모두 적혀 있으므로 자료를 보시는 것을 추천 드립니다

</aside>

npx create-strapi-app todo-list --quickstart

만약 무사히 설치가 완료 된다면, 개발 모드로 어플리케이션을 이용해볼 수 있습니다. 개발자 모드는 데이터 모음(data collections)과 각각의 데이터의 API endpoin를 만들 수 있습니다. 만약 로컬 서버에 개발자 모드가 만어진다면 아래와 같은 요소들을 이용해 볼 수 있습니다

개발자 모드를 이용하기 위해서는 만들어 놓은 todo-list 폴더로 이동해 아래의 명령어를 이용해 주어야 합니다.