MERN - 클라이언트/서버 프로젝트 cloudinary 설정 5

MERN - 클라이언트/서버 프로젝트 cloudinary 설정 5

​

--

cloudinary.com 은 이미지와 동영상 관리를 위한 클라우드 기반 서비스입니다.

주요 서비스는 아래와 같습니다.

​

이미지, 동영상 업로드, 저장, 관리

자동 최적화 및 변환(크기 조절, 포맷 변경, 자르기, 필터 적용 등

콘텐츠 전송 네트워크(CDN)를 통한 빠른 전송

이미지 및 동영상 분석 및 태깅 (얼굴인식, 객체인식)

API와 SDK 지원

미디어 자동 최적화로 페이지 로딩 속도향상 및 사용자 경험 개선

​

이 서비스를 이용할수 있습니다

https://cloudinary.com/

Image and Video Upload, Storage, Optimization and CDN

무료 사용자는 아래 서비스를 제공 받을 수 있습니다.

--

업로드 위젯, API, 검색

원격 가져오기, 자동 백업, 수정 내역 추적

이미지 및 동영상 변환

동영상 트랜스코딩 및 적응형 스트리밍

CDN을 통한 고성능 전달

무료 애드온 접근

MCP 서버 접근

​

이 있습니다.

​

---

​

cloudinary 설정 방법 시작

​

가장 먼저 cloudinary 공식 웹페이지 접속 및 회원가입/로그인을 진행합니다.

https://cloudinary.com/

Image and Video Upload, Storage, Optimization and CDN

로그인 후 대시보드 항목에 접근합니다.

 

현재 로그인한 계정의 cloudinary에 관한 사항 접근 또는 현황을 볼 수 있습니다.

가장 먼저 서버 또는 클라이언트에 연동을 위해 API 키를 발급 받아야합니다.

우측 상단의 API 관련 버튼을 확인합니다.

발급을 위해 Go to API Keys를 선택합니다.

이어서 새로운 일반 API KEY를 생성하고자합니다.

Generate New API Key 버튼을 선택합니다.

API 키 생성전 무한 생성을 막기위해, 이메일로 확인 키를 받아 입력합니다.

키값을 입력하고 승인Approve 버튼을 선택합니다.

상태를 확인할수 있습니다.

 

이어서 클라우디나리 키를 설정합니다.

클라우드이름은, API, API secret 값을 추가합니다.

​

---

이어서 연결을 위한 connectCloudinary.js 파일을 작성합니다.

위 소스를 참고하여 파일을 생성 작성합니다.

connectCloudinary 호출하여 실행이 되도록 서버 소스에 추가합니다.

이어서 업로드 미들웨어 기능을 추가를 위한 소스를 작성 합니다.

이어서 서버를 기동해보면, 정상 소스 작성 및 기동시 로그를 확인할수 있습니다.

끝!