파이썬으로 텀블러 자동 포스팅 구축하기 - 10분이면 구축 완료!

텀블러 블로그를 운영하다 보면 정기적인 포스팅이 필요한 순간이 찾아옵니다.

 

특히 여러 블로그를 관리하거나 일정한 시간에 콘텐츠를 발행해야 한다면, 매번 수동으로 글을 올리는 것은 상당한 부담이 됩니다.

 

하지만 파이썬을 활용하면 이 모든 과정을 자동화할 수 있습니다!

 

▼ 텀블러 API 발급 3분이면 충분합니다! ▼

텀블러 API 발급받는 방법 ❯❯

 

이번 글에서는 텀블러 API를 활용하여 자동으로 포스팅하는 파이썬 코드를 단계별로 알아보겠습니다.

 

이미 API 키를 발급받았다면, 지금부터 설명하는 방법을 따라 여러분만의 자동 포스팅 시스템을 구축해보세요.

 

코딩 초보자도 쉽게 따라할 수 있도록 상세히 설명했습니다.

 

텀블러 API 발급받는법

 

파이썬으로 텀블러 자동 포스팅 시스템 구축하기

 

준비 단계: 환경 설정 및 필수 패키지 설치

 

 

 

프로젝트 구조 설정하기

텀블러 자동 포스팅 시스템을 구축하기 위해 가장 먼저 해야 할 일은 프로젝트 환경을 설정하는 것입니다.

 

새로운 디렉토리를 만들고, 그 안에 필요한 파일들을 구성하겠습니다.

 

 

이 프로젝트는 크게 세 가지 파일로 구성됩니다.

메인 파이썬 스크립트(tumblr_blastr.py), 환경 변수 파일(.env), 그리고 필요에 따라 포스팅할 콘텐츠를 담은 파일들입니다.

 

▼ 텀블러 API 발급 3분이면 충분합니다! ▼

텀블러 API 발급받는 방법 ❯❯

 

전체코드

#tumblr_blastr.py

import pytumblr
import os
from datetime import datetime
import argparse
from dotenv import load_dotenv

# .env 파일에서 환경 변수 로드
load_dotenv()

class TumblrBlastr:
    """
    TumblrBlastr: 텀블러 자동 포스팅을 위한 강력한 도구
    """
    
    def __init__(self, consumer_key=None, consumer_secret=None, oauth_token=None, oauth_secret=None):
        """TumblrBlastr 초기화"""
        # 환경 변수 또는 인자에서 API 자격 증명 가져오기
        self.consumer_key = consumer_key or os.getenv("TUMBLR_CONSUMER_KEY")
        self.consumer_secret = consumer_secret or os.getenv("TUMBLR_CONSUMER_SECRET")
        self.oauth_token = oauth_token or os.getenv("TUMBLR_OAUTH_TOKEN")
        self.oauth_secret = oauth_secret or os.getenv("TUMBLR_OAUTH_SECRET")
        
        # 필수 키 확인
        if not (self.consumer_key and self.consumer_secret):
            raise ValueError("Consumer Key와 Consumer Secret이 필요합니다")
        
        # Tumblr 클라이언트 초기화
        self.client = pytumblr.TumblrRestClient(
            self.consumer_key,
            self.consumer_secret,
            self.oauth_token,
            self.oauth_secret
        )
        self.blog_name = None
    
    def set_blog(self, blog_name):
        """포스팅할 블로그 설정"""
        self.blog_name = blog_name
        return self
    
    def get_blog_info(self):
        """인증된 사용자의 블로그 정보 가져오기"""
        if not self.blog_name:
            raise ValueError("블로그 정보를 가져오기 전에 set_blog()로 블로그 이름을 설정해야 합니다")
        
        return self.client.blog_info(self.blog_name)
    
    def create_text_post(self, title, body, tags=None, state="published"):
        """텀블러에 텍스트 포스트 생성"""
        if not self.blog_name:
            raise ValueError("포스팅하기 전에 set_blog()로 블로그 이름을 설정해야 합니다")
        
        if tags and not isinstance(tags, list):
            tags = [tags]
            
        result = self.client.create_text(
            blogname=self.blog_name,
            state=state,
            title=title,
            body=body,
            tags=tags
        )
        
        return result
    
    def create_photo_post(self, image_path, caption=None, tags=None, state="published"):
        """텀블러에 사진 포스트 생성"""
        if not self.blog_name:
            raise ValueError("포스팅하기 전에 set_blog()로 블로그 이름을 설정해야 합니다")
        
        if tags and not isinstance(tags, list):
            tags = [tags]
            
        if not os.path.exists(image_path):
            raise FileNotFoundError(f"이미지 파일을 찾을 수 없습니다: {image_path}")
            
        result = self.client.create_photo(
            blogname=self.blog_name,
            state=state,
            caption=caption,
            data=image_path,
            tags=tags
        )
        
        return result

def get_oauth_tokens():
    """OAuth 인증 절차를 완료하여 액세스 토큰 얻기"""
    from requests_oauthlib import OAuth1Session
    
    # 환경 변수에서 소비자 키 가져오기
    consumer_key = os.getenv("TUMBLR_CONSUMER_KEY")
    consumer_secret = os.getenv("TUMBLR_CONSUMER_SECRET")
    
    if not (consumer_key and consumer_secret):
        raise ValueError("OAuth 토큰을 얻으려면 TUMBLR_CONSUMER_KEY와 TUMBLR_CONSUMER_SECRET 환경 변수가 필요합니다")
    
    # OAuth URL들
    request_token_url = 'https://www.tumblr.com/oauth/request_token'
    authorization_url = 'https://www.tumblr.com/oauth/authorize'
    access_token_url = 'https://www.tumblr.com/oauth/access_token'
    
    # 1단계: 요청 토큰 얻기
    oauth_session = OAuth1Session(consumer_key, client_secret=consumer_secret)
    fetch_response = oauth_session.fetch_request_token(request_token_url)
    resource_owner_key = fetch_response.get('oauth_token')
    resource_owner_secret = fetch_response.get('oauth_token_secret')
    
    # 2단계: 사용자를 인증 페이지로 안내
    full_authorization_url = oauth_session.authorization_url(authorization_url)
    print(f"다음 URL로 이동하여 앱을 인증해주세요: {full_authorization_url}")
    
    # 3단계: 사용자로부터 인증 코드 얻기
    redirect_response = input("인증 후 리디렉션된 전체 URL을 여기에 붙여넣으세요: ")
    oauth_response = oauth_session.parse_authorization_response(redirect_response)
    verifier = oauth_response.get('oauth_verifier')
    
    # 4단계: 액세스 토큰 얻기
    oauth_session = OAuth1Session(
        consumer_key,
        client_secret=consumer_secret,
        resource_owner_key=resource_owner_key,
        resource_owner_secret=resource_owner_secret,
        verifier=verifier
    )
    oauth_tokens = oauth_session.fetch_access_token(access_token_url)
    
    # 액세스 토큰 반환
    return {
        'oauth_token': oauth_tokens.get('oauth_token'),
        'oauth_token_secret': oauth_tokens.get('oauth_token_secret')
    }

def main():
    """TumblrBlastr 시연을 위한 메인 함수"""
    parser = argparse.ArgumentParser(description="TumblrBlastr: 텀블러 자동 포스팅 도구")
    parser.add_argument("--blog", help="텀블러 블로그 이름 (.tumblr.com 제외)")
    parser.add_argument("--title", default=f"자동 포스트 - {datetime.now().strftime('%Y-%m-%d %H:%M')}", 
                        help="포스트 제목")
    parser.add_argument("--body", default="TumblrBlastr로 자동 생성된 포스트입니다!", 
                        help="포스트 내용")
    parser.add_argument("--tags", help="쉼표로 구분된 태그")
    parser.add_argument("--get-tokens", action="store_true", help="OAuth 토큰 얻기")
    
    args = parser.parse_args()
    
    # OAuth 토큰 얻기 요청 확인
    if args.get_tokens:
        tokens = get_oauth_tokens()
        print("\n얻은 OAuth 토큰:")
        print(f"TUMBLR_OAUTH_TOKEN={tokens['oauth_token']}")
        print(f"TUMBLR_OAUTH_SECRET={tokens['oauth_token_secret']}")
        print("\n이 토큰을 .env 파일에 추가하세요.")
        return
    
    # 블로그 이름이 제공되지 않았으면 오류 메시지 출력
    if not args.blog:
        print("오류: 포스트를 생성하려면 --blog 인자가 필요합니다.")
        print("사용법: python tumblr_blastr.py --blog YOUR_BLOG_NAME")
        print("또는 OAuth 토큰을 얻으려면: python tumblr_blastr.py --get-tokens")
        return
    
    # TumblrBlastr 인스턴스 생성
    blastr = TumblrBlastr()
    
    # 포스팅할 블로그 설정
    blastr.set_blog(args.blog)
    
    # 태그가 제공된 경우 리스트로 변환
    tags = args.tags.split(",") if args.tags else []
    
    # 텍스트 포스트 생성
    result = blastr.create_text_post(args.title, args.body, tags)
    
    if 'id' in result:
        print(f"✅ 포스트가 성공적으로 생성되었습니다! 포스트 ID: {result['id']}")
    else:
        print("❌ 포스트 생성에 실패했습니다.")
        print(result)

if __name__ == "__main__":
    main()

 

# .env
TUMBLR_CONSUMER_KEY=귀하의_컨슈머_키
TUMBLR_CONSUMER_SECRET=귀하의_시크릿_키
TUMBLR_OAUTH_TOKEN=발급받은_oauth_토큰
TUMBLR_OAUTH_SECRET=발급받은_oauth_시크릿

 

메인 스크립트는 텀블러 API와의 모든 상호작용을 처리하며, 환경 변수 파일은 API 키와 같은 민감한 정보를 안전하게 보관합니다.

 

이렇게 분리된 구조는 코드의 재사용성과 보안성을 높여줍니다.

 

 

 

또한 포스팅할 콘텐츠를 별도의 파일로 관리하면 콘텐츠 작성자와 개발자의 업무를 효과적으로 분리할 수 있어, 팀 작업 시 효율성이 향상됩니다.

 

이러한 모듈화된 접근 방식은 나중에 기능을 확장하거나 다른 플랫폼과 통합할 때도 유리합니다.

 

 

필요한 패키지 설치하기

텀블러 API를 사용하기 위해서는 몇 가지 필수 패키지를 설치해야 합니다.

 

터미널이나 명령 프롬프트를 열고 다음 명령어를 실행하세요.

 

▼ 텀블러 API 발급 3분이면 충분합니다! ▼

텀블러 API 발급받는 방법 ❯❯

 

pip install pytumblr python-dotenv requests-oauthlib

 

 

이 명령어는 세 가지 중요한 패키지를 설치합니다.

 

첫째, pytumblr은 텀블러 API를 쉽게 사용할 수 있게 해주는 공식 클라이언트 라이브러리입니다.

 

둘째, python-dotenv는 .env 파일에서 환경 변수를 로드하여 API 키와 같은 민감한 정보를 안전하게 관리할 수 있게 해줍니다.

 

셋째, requests-oauthlib은 OAuth 인증 과정을 처리하는 데 필요한 도구를 제공합니다.

 

 

이 패키지들은 모두 파이썬 패키지 인덱스(PyPI)에서 관리되므로 pip를 통해 쉽게 설치할 수 있습니다.

 

안정적인 작동을 위해 가상 환경을 사용하는 것도 좋은 방법입니다.

 

가상 환경은 프로젝트별로 독립된 패키지 버전을 관리할 수 있게 해주어 충돌을 방지합니다.

 

패키지 이름	설명	용도
pytumblr	텀블러 API 공식 클라이언트	텀블러 API 호출 간소화
python-dotenv	환경 변수 관리 도구	API 키 안전하게 관리
requests-oauthlib	OAuth 인증 도구	텀블러 API 인증 처리

 

 

환경 변수 설정 및 OAuth 토큰 획득하기

 

 

 

.env 파일 생성하기

API 키와 같은 민감한 정보는 코드에 직접 입력하지 않고 환경 변수로 관리하는 것이 좋습니다.

 

프로젝트 루트 디렉토리에 `.env` 파일을 생성하고 다음과 같이 작성합니다.

 

TUMBLR_CONSUMER_KEY=귀하의_컨슈머_키 
TUMBLR_CONSUMER_SECRET=귀하의_시크릿_키

 

 

이는 앞서 텀블러 API 콘솔에서 발급받은 OAuth Consumer Key와 Secret Key를 의미합니다.

 

이 두 값은 애플리케이션 인증의 첫 단계에 사용됩니다.

 

그러나 포스팅과 같은 실제 API 기능을 사용하려면 추가적인 OAuth 토큰이 필요합니다.

 

이 토큰들은 사용자 계정에 대한 접근 권한을 부여하는 역할을 합니다.

 

 

환경 변수를 사용하면 민감한 정보가 코드에 노출되지 않을 뿐만 아니라, 여러 환경(개발, 테스트, 프로덕션)에서 쉽게 구성을 변경할 수 있습니다.

 

`.env` 파일은 `.gitignore`에 추가하여 버전 관리 시스템에 포함되지 않도록 해야 합니다.

 

이는 보안을 강화하고 실수로 민감한 정보가 공개 저장소에 업로드되는 것을 방지합니다.

 

OAuth 토큰 발급받기

텀블러 API의 대부분 기능, 특히 포스팅과 같은 쓰기 작업에는 OAuth 인증이 필요합니다.

 

발급받은 Consumer Key와 Secret Key를 이용해 OAuth 토큰을 얻는 과정을 진행해봅시다.

 

위에서 공유한 코드의 `get_oauth_tokens()` 함수가 이 작업을 수행합니다.

 

터미널에서 다음 명령어를 실행하세요.

 

python tumblr_blastr.py --get-tokens

 

 

이 명령어를 실행하면 다음과 같은 과정이 진행됩니다.

 

1. 터미널에 텀블러 인증 페이지 URL이 표시됩니다.
2. 해당 URL을 브라우저에서 열고 텀블러에 로그인합니다.
3. 앱에 대한 권한을 승인합니다.
4. 승인 후 리디렉션된 URL을 터미널에 붙여넣습니다.
5. 프로그램이 OAuth Token과 OAuth Secret을 생성합니다.

 

 

성공적으로 발급받은 토큰은 터미널에 다음과 같이 표시됩니다.

 

얻은 OAuth 토큰: TUMBLR_OAUTH_TOKEN=발급받은_oauth_토큰 
TUMBLR_OAUTH_SECRET=발급받은_oauth_시크릿



이 토큰을 .env 파일에 추가하세요.

 

이제 이 두 값을 .env 파일에 추가하면 환경 설정이 완료됩니다.

 

TUMBLR_CONSUMER_KEY=귀하의_컨슈머_키 
TUMBLR_CONSUMER_SECRET=귀하의_시크릿_키 
TUMBLR_OAUTH_TOKEN=발급받은_oauth_토큰 
TUMBLR_OAUTH_SECRET=발급받은_oauth_시크릿

 

환경 변수	설명	획득 방법
TUMBLR_CONSUMER_KEY	앱 식별자	API 콘솔에서 앱 등록 시 발급
TUMBLR_CONSUMER_SECRET	앱 비밀 키	API 콘솔에서 앱 등록 시 발급
TUMBLR_OAUTH_TOKEN	사용자 접근 토큰	get_oauth_tokens() 함수로 발급
TUMBLR_OAUTH_SECRET	사용자 접근 비밀 키	get_oauth_tokens() 함수로 발급

 

TumblrBlastr 클래스 이해하기

 

 

 

클래스 구조와 핵심 기능

TumblrBlastr 클래스는 텀블러 API와의 모든 상호작용을 처리하는 중심 구성 요소입니다.

 

이 클래스는 객체 지향적 접근 방식으로 설계되어 코드의 재사용성과 유지 보수성을 높였습니다.

 

 

클래스의 주요 구성 요소는 다음과 같습니다.

 

먼저 초기화 메서드(__init__)는 환경 변수에서 API 키를 로드하고 텀블러 클라이언트를 설정합니다.

 

set_blog() 메서드는Σ 포스팅할 블로그를 지정하며, 메서드 체이닝을 지원하도록 설계되어 있습니다.

 

get_blog_info() 메서드는 지정된 블로그의 정보를 가져옵니다.

 

 

create_tex.t_post() 메서드는 텍스트 포스트를 생성하며 제목, 본문, 태그 등의 매개변수를 받습니다.

 

create_photo_post() 메서드는 이미지 포스트를 생성하며 이미지 경로, 캡션, 태그 등의 매개변수를 받습니다.

 

이러한 설계 덕분에 간단한 코드 몇 줄로 다양한 포스팅 작업을 수행할 수 있습니다.

 

예를 들어, 텍스트 포스트를 작성하려면 `blastr.set_blog("블로그이름").create_tex.t_post("제목", "내용")` 처럼 간결하게 작성할 수 있습니다.

 

 

에러 처리와 예외 상황 대비

안정적인 자동화 시스템을 구축하기 위해서는 적절한 에러 처리가 필수적입니다.

 

TumblrBlastr 클래스는 다양한 예외 상황에 대비한 검증 로직을 포함하고 있습니다.

 

1. 첫째, 필수 API 키가 없을 경우 ValueError를 발생시켜 사용자에게 경고합니다.
2. 둘째, 블로그 이름을 설정하지 않은 상태에서 포스팅을 시도할 경우 명확한 오류 메시지를 제공합니다.
3. 셋째, 사진 포스트 생성 시 이미지 파일이 존재하지 않으면 FileNotFoundError를 발생시킵니다.
4. 넷째, 태그가 문자열로 전달될 경우 자동으로 리스트로 변환하는 편의 기능을 제공합니다.

 

이러한 에러 처리 메커니즘은 자동화 시스템의 안정성을 크게 향상시키며, 특히 정기적으로 실행되는 스크립트에서 더욱 중요합니다.

 

 

또한 API 호출 결과를 세심하게 확인하여 성공적인 포스팅 여부를 명확하게 판단하고, 실패 시 디버깅에 도움이 되는 정보를 제공합니다.

 

이러한 접근 방식은 장기적으로 유지 보수가 용이한 견고한 시스템을 구축하는 데 필수적입니다.

 

텀블러 자동 포스팅 실행하기

 

 

 

텍스트 포스트 생성하기

환경 설정과 OAuth 인증이 완료되었다면, 이제 실제로 텀블러에 포스트를 자동으로 생성해 보겠습니다.

 

가장 기본적인 형태는 텍스트 포스트입니다.

 

 

다음 명령어로 간단한 텍스트 포스트를 생성할 수 있습니다.

 

python tumblr_blastr.py --blog "귀하의블로그이름" --title "첫 번째 자동 포스트" --body "TumblrBlastr로 자동 생성한 테스트 포스트입니다!" --tags "테스트,자동화,파이썬"

 

여기서 `귀하의블로그이름`은 텀블러 URL에서 보이는 블로그 이름입니다(예: `https://블로그이름.tumblr.com`).

 

커스텀 도메인을 사용하는 경우 텀블러 대시보드의 블로그 설정에서 정확한 블로그 식별자를 확인해야 합니다.

 

 

명령어를 실행하면 성공적으로 포스트가 생성되었다는 메시지와 함께 포스트 ID가 표시됩니다.

 

✅ 포스트가 성공적으로 생성되었습니다!



포스트 ID: 12345678

 

만약 오류가 발생한다면, 시스템은 자세한 오류 메시지를 표시하여 문제 해결에 도움을 줍니다.

 

특히 권한 문제나 블로그 이름 오류가 가장 흔한 문제이므로 이 부분을 주의 깊게 확인해야 합니다.

 

 

텍스트 포스트는 title(제목), body(본문), tags(태그) 외에도 state 매개변수를 통해 포스트 상태를 제어할 수 있습니다.

 

기본값은 "published"이며, 초안으로 저장하려면 "draft", 예약 발행하려면 "queue"로 설정할 수 있습니다.

 

이 기능은 콘텐츠를 미리 준비해두고 나중에 발행하는 전략에 매우 유용합니다.

 

고급 포스팅 기능 활용하기

TumblrBlastr는 텍스트 포스트 외에도 사진 포스트를 지원합니다.

 

 

사진 포스트를 생성하려면 코드에서 create_photo_post() 메서드를 호출하면 됩니다.

 

다음은 파이썬 코드에서 직접 사진 포스트를 생성하는 예시입니다.

 

from tumblr_blastr import TumblrBlastr

# TumblrBlastr 인스턴스 생성
blastr = TumblrBlastr()

# 블로그 설정 및 사진 포스트 생성
result = blastr.set_blog("귀하의블로그이름").create_photo_post(
    image_path="path/to/your/image.jpg",
    caption="멋진 사진입니다!",
    tags=["사진", "풍경", "자동화"]
)

# 결과 확인
if 'id' in result:
    print(f"✅ 사진 포스트가 성공적으로 생성되었습니다! 포스트 ID: {result['id']}")
else:
    print("❌ 포스트 생성에 실패했습니다.")
    print(result)

 

이 코드는 스크립트에서 직접 호출하거나 더 큰 애플리케이션의 일부로 통합할 수 있습니다.

 

특히 정기적인 포스팅 일정을 관리하기 위해 스케줄러와 함께 사용하면 효과적입니다.

 

예를 들어, 리눅스의 cron이나 윈도우의 작업 스케줄러를 사용하여 매일 특정 시간에 자동으로 포스트를 발행할 수 있습니다.

 

 

또한 파이썬의 스케줄링 라이브러리인 schedule이나 APScheduler를 사용하면 더 복잡한 일정 관리가 가능합니다.

 

이를 통해 주말에는 다른 콘텐츠를 포스팅하거나, 특정 이벤트에 맞춰 자동으로 콘텐츠를 발행하는 등 고급 자동화 시나리오를 구현할 수 있습니다.

 

포스트 유형	메서드	주요 매개변수	활용 예시
텍스트 포스트	create_text_post	title, body, tags, state	블로그 글, 공지사항, 일일 리포트
사진 포스트	create_photo_post	image_path, caption, tags, state	제품 사진, 풍경 사진, 인포그래픽

 

Gemini API 개발자 대회, 놀라운 상품과 함께 창의력을 발휘하세요!

이베스트투자증권 싱API 소개 및 사용법

직접 비교해 본 Gemini Developer API 요금제, 무료와 유료 차이 쉽게 정리

 

자주 묻는 질문 (Q&A)

 

텀블러 자동 포스팅 문제 해결

Q: OAuth 토큰 발급 과정에서 오류가 발생합니다.

 

어떻게 해결할 수 있나요?

 

A: 가장 흔한 원인은 Consumer Key와 Secret Key가 올바르지 않거나 .env 파일의 형식이 잘못된 경우입니다.

 

.env 파일에 공백이나 따옴표가 없는지 확인하고, 텀블러 개발자 콘솔에서 키를 다시 확인해보세요.

 

또한 네트워크 연결 문제가 있을 수도 있으니 인터넷 연결 상태도 점검해보세요.

 

 

Q: 포스트 생성 시 "You cannot post to this blog" 오류가 발생합니다.

 

원인은 무엇인가요?

 

A: 이 오류는 주로 블로그 이름이 잘못되었거나 OAuth 토큰에 해당 블로그에 대한 쓰기 권한이 없을 때 발생합니다.

 

블로그 이름이 정확한지 확인하고, 앱 등록 시 적절한 권한을 부여했는지 점검하세요.

 

필요하다면 앱을 다시 등록하고 OAuth 토큰을 새로 발급받아보세요.

 

 

Q: OAuth 토큰은 얼마나 자주 갱신해야 하나요?

 

A: 텀블러 API에서 OAuth 토큰은 일반적으로 만료되지 않습니다.

 

그러나 보안 위반이 의심되거나 토큰이 유출된 경우, 또는 앱의 권한 범위가 변경된 경우에는 토큰을 재발급받는 것이 좋습니다.

 

일상적인 사용에서는 토큰을 계속 사용할 수 있습니다.

 

 

마치며

텀블러 자동 포스팅 시스템을 구축하는 과정을 단계별로 살펴보았습니다.

 

이 시스템은 환경 설정부터 OAuth 인증, 그리고 실제 포스팅까지 모든 과정을 자동화하여 블로그 운영의 효율성을 크게 높여줍니다.

 

 

특히 정기적인 콘텐츠 발행이 필요한 경우나 여러 블로그를 관리해야 하는 경우 시간과 노력을 절약할 수 있습니다.

 

이제 여러분도 이 코드를 기반으로 자신만의 자동화 시스템을 구축하고, 더 많은 시간을 창의적인 콘텐츠 제작에 투자하시기 바랍니다.

 

▼ 함께 보면 좋은 글 ▼

넥슨 오픈 API 출시, 소개, 사용법, 게임산업 전망

RESTful API 설계, 원칙과 예시 코드

카카오맵 API 키 발급 (Kakao 지도 Web API)

최종프로젝트 8일차 - 끝도 없는 API 수정, 리엑트 디자인 추천 사이트