본문 바로가기
반응형

이전시간에 프론트앤드 개발자에게 꼭 필요한 백앤드를 책임질 STRAPI 라는 제목으로 소개에 대한 포스팅을 했었습니다.
이번에는 STRAPI를 설치하는 방법에 대해서 포스팅을 하려고 합니다.

STRAPI 설치하기

strapi를 설치하기 위해서는 이미 컴퓨터에 npm 5.2.0이상 버전이 설치되어 있거나 yarn이 설치되어 있어야 합니다. 해당 패키지매니저를 설치하는 방법은 따로 설명하지 않겠습니다.
Strapi 패키지는 yarn 또는 npx를 통해 설치할 수 있으며 여기서는 yarn으로 설치하는 방법만 작성합니다.

1. 프로젝트 폴더에 설치하기

yarn의 아래 명령어로 Strapi의 프로젝트를 설치합니다.

yarn create strapi-app my-project --quickstart

create strapi-appstrapi-app템플릿을 활용하여 만들라는 의미입니다.
my-project는 생성될 프로젝트 명이며 폴더명으로도 사용됩니다.
--quickstart는 물어보지말고 기본으로 세팅되어 있는 사항으로 설치하라는 의미입니다. 이 옵션을 제거하면 설치마법사처럼 필요한 사항을 선택해서 설치할 수 있습니다. 만약 DB를 Sqlite외의 DB로 설치하려면 이 부분을 제거하고 실행해야 합니다.


명령어를 입력합니다. Custom으로 설치하기 위해 뒤에 있는 --quickstart는 빼고 실행했습니다.
Quickstart로 설치할건지 Custom으로 설치할 것인지 화살표 키보드로 이동 후 엔터키를 입력합니다. Quickstart가 추천이나 저는 Custom을 선택하여 진행합니다.


4가지의 DB중 가장 기본인 sqlite를 선택해서 진행하겠습니다.


그러면 설치를 진행합니다.


오류 메시지가 없이 Done로 끝나면 정상적으로 설치가 완료된 것입니다.

설치된 Strapi를 실행하기

이제 해당 프로젝트로 이동을 합니다.

cd my-project

실행을 시켜 봅니다. 실행명령어는 기본적으로 develop입니다.

yarn develop


관련패키지를 설치하고 admin화면을 만들면서 스텐바이 상태로 됩니다.


에러가 없이 실행이 되면 정상적으로 구현이 된 것입니다. 이제 가이드된 대로 http://localhost:1337/admin URL에 접속을 해 봅니다. 아마 자동으로 웹브라우저가 떠 있을 수도 있으니 그 웹페이지를 보셔도 됩니다.

Admin페이지 보기


처음 접속을 하면 관리자를 등록해야 합니다. 관리자는 이름과 이메일, 패스워드만 등록됩니다.


이렇게 정상적으로 설치가 완료되었습니다.

728x90

UX 공작소

고급지게 만들어 저렴하게 배포는 공작소