이 Repository는 "NooN 프로젝트"의 모든 코드를 포함한 Repository 입니다.
다음과 같은 기능이 포함되어 있습니다.
/extension
: 시각장애인에게 img alt text를 제공하는 Chrome Extension 관련 코드/web
: 비장애인이 게임을 통해 img alt text 고도화에 기여할 수 있는 웹서비스 관련 코드/ml
: 비장애인이 보는 이미지에 대해 적절한 alt text를 생성하는 인공지능 모델의 서버 관련 코드
본 프로젝트에는 아래와 같은 기술들이 사용되었습니다.
/extension
- Chrome Extension
- HTML/CSS/JS
service-worker
,content-script
,popup.js
사이의 message 통신- fetch API
/web
- T3 Stack
- Next.js
- Prisma
- TRPC
- SWR
- MUI
/ml
- Python
- Pytorch
- FastAPI
/extension
chrome://extensions/
에 접속합니다.- 개발자 모드를 켜고
/extension
폴더를 사이트에 로드합니다. NooN Chrome Extension
을 켜고 다른 웹사이트에 방문합니다.
/web
- .env를 채웁니다.
- 아래의 코드를 실행합니다.
cd web npm install npm run dev
/ml
uvicorn main:app --reload
를 실행합니다.
/web
- github에 push하면 연결된 Vercel을 통해 자동으로 배포됩니다.
- NooN For Fashion
/ml
- 서버에서 레포지토리 코드를 클론합니다.
/ml
폴더 내에서pip install -r requirements.txt
를 실행합니다.uvicorn main:app
를 실행합니다.
/web
의 Next.js 서버를 실행하기 위해서는,/web/.env
에 아래와 같은 값이 필요합니다.DATABASE_URL
: 연결할 데이터베이스의 URL입니다.CUSTOM_AWS_ACCESS_KEY_ID
: s3 bucket에 이미지를 업로드하기 위해 필요합니다.CUSTOM_AWS_SECRET_ACCESS_KEY
: s3 bucket에 이미지를 업로드하기 위해 필요합니다.NAVER_CLIENT_ID
: Papago NMT API를 호출하기 위해 필요합니다.NAVER_CLIENT_SECRET
: Papago NMT API를 호출하기 위해 필요합니다.INFERENCE_SERVER_BASE_URL
:/ml
디렉토리에서 제공하는 머신러닝 서버의 base url입니다.
잘 부탁드립니다!