imgtweets

imgtweets - 트위터 이미지 뷰어

여기서 확인해보세요!

이 프로젝트의 목표는 트위터에서 이미지를 스크랩하여 해당 이미지를 볼 수 있는 웹사이트를 제공하는 것입니다.

트위터는 공유에는 훌륭한 플랫폼이지만 검색에는 형편없습니다. 수많은 트윗 속에서 무언가를 찾는 것도 어려울 수 있습니다.

로컬 개발 설정

이 프로젝트에는 다음이 필요합니다.

• 파이썬 3.10
• 노드 14(및 원사)

Docker는 프로덕션에 사용되지만 개발에는 필요하지 않습니다.

프런트엔드

프런트엔드는 create-react-app을 사용합니다. 개발 서버를 실행하고 http://localhost:3000에서 프런트엔드 자산을 제공합니다. 사이트를 보려면 방문해야 하는 URL입니다.

 cd frontend
yarn
yarn start

백엔드

백엔드는 Django와 DRF를 사용합니다. http://localhost:8000에서 개발 서버를 실행하고 http://localhost:8000/api/에서 검색 가능한 API를 실행합니다.

pip install -r requirements.txt
cd server
./manage.py runserver

생산

이 앱은 프로덕션을 위해 Docker에서 실행되도록 만들어졌습니다.

프로덕션 자산은 현재 Docker 외부에 구축되어 있습니다. 먼저 개발 설정 단계를 따라야 합니다.

 # Update .env with your settings
cp .env.example .env

# Build production assets and collect everything to dist/
./tasks.sh build

# Start everything and serve the site on port 80
docker-compose up --build

긁는 과정

긁는 과정은 비교적 간단합니다.

1. 스크레이퍼에 사용자 이름 제공
2. 스크레이퍼는 사용자의 타임라인에서 트윗을 가져옵니다.
3. 가져온 트윗에서 미디어(예: 이미지 및 비디오)가 있는지 검사됩니다.
4. 미디어 URL은 캐싱을 위해 수집되어 데이터베이스에 추가됩니다.

REST API는 쉬운 검색을 위해 데이터베이스에 대한 액세스를 제공합니다.