특정사이트 동영상 및 북(book) 번역 익스텐션 개발

프로젝트 개요 :
- 특정 사이트 동영상 및 북 번역 익스텐션 개발

현재 준비 상황 :
- 이전 2번의 실패가 있습니다.
- 필요한 내용을 정리해두었습니다.

필요 요소 :
- 크롬 익스텐션 개발

개발환경/언어/방식 :
- JavaScript

요구 사항 :
특정 사이트 번역 프로그램 익스텐션 개발
- 동영상 자막 번역하기
- 책(Book) 관련 사이트 번역; 동영상 번역을 최우선합니다. 동영상 개발 완료 후 진행해도 됩니다.

1. 사이트
- 동영상 :
- Kodeco : <a href="https://www.kodeco.com/" target="_blank">https://www.kodeco.com/</a> (이전 Raywenderrich)
- Udemy : <a href="https://www.udemy.com/" target="_blank">https://www.udemy.com/</a>
- Point.Free : <a href="https://www.pointfree.co/collections/composable-architecture" target="_blank">https://www.pointfree.co/collections/composable-architecture</a>
- wwdc2021 (이전 한글 자막 없는 영상들) : <a href="https://developer.apple.com/videos/wwdc2021/" target="_blank">https://developer.apple.com/videos/wwdc2021/</a>
** 한글자막이 없는 영상 모두 포함.

유투브
- 책 :
- kodoco,: <a href="https://www.kodeco.com/" target="_blank">https://www.kodeco.com/</a>
- packpub : <a href="https://www.packtpub.com/" target="_blank">https://www.packtpub.com/</a>
- O’REILLY, : <a href="https://www.oreilly.com" target="_blank">https://www.oreilly.com</a>
- Hackingwithswiftg : <a href="https://www.hackingwithswift.com" target="_blank">https://www.hackingwithswift.com</a>

2. 익스텐션 개발
- 크롬용(디폴트) : 1순위(여기는 기본 지원해야 함)
- 사파리(추가) : 2순위 (추가 개발비 요청 가능)
- 파이어폭스(추가) : 3순위(여긴 거의 안 해도 됨. 한다면 추가 개발비)

3. 동영상 자막 번역은 아래와 같이 한다.
- 현재 사용자 등록을 한다. 이때 유일한 값(에: uuid가 필요). 컴퓨터의 OS를 재 설치하지 않는 한 같은 값을 가져야 한다. 새로운 브라우저에서 실행을 해도 같은 값이어야 한다. 단 웹 브라우저가 크롬, 사파리, 파이어폭스는 달라도 된다.
- 등록 시 서버로부터 메일로 받은 인증값으로 인증처리 API 호출하여 인증을 해야 한다.
- 인증이 완료되면 로그인을 하여 현재 동영상 자막 번역 프로그램이 실행 상태가 되어 기본 조작이 가능해야 한다.
- 기본 조작은 자막 번역 선택 ON/OFF, ON 시 영어, 영한, 한영을 선택하는 콤보박스가 있어 선택을 할 수 있어야 한다.
- 자막 다운로드 기능이 있어야 한다. 자막 파일을 smi, 혹은 vtt 중 하나를 선택한다.
- 동영상 재생 시 로그인 처리를 하여 인증되었는지를 api로 처리한다.
- 현재 번역된 자막이 있는지를 서버에 요청하고 다운로드 후 그 자막을 보여줘야 한다.
- 만약 번역된 자막이 없으면 서버로 업로드한다. 이때 uuid에 해당하는 값이 있어 각 영상 별 구분이 가능해야 한다.

4. 책 번역의 다음과 같아야 한다.
- 책 번역시 한 줄 단위로 보여주는 게 아니라 문맥(?) 단위로 보여줘야 한다.
- 책 영역만 번역을 한다.

산출물 :
- 개발 원본 소스코드

예시)
==============================================================================
원본

Comprehending inheritance in Go
Comprehending inheritance in Go
Go does not have inheritance. Composition is used in order to embed items (mostly structs) in. one another. This is convenient when you have a baseline struct that is used for many different functions, with other structs that build on top of the initial struct.

We can describe some of the items in my kitchen to show how inheritance works.


Go에서 상속 이해하기

Go does not have inheritance. Composition is used in order to embed items (mostly structs) in one another. This is convenient when you have a baseline struct that is used for many different functions, with other structs that build on top of the initial struct.

Go에는 상속이 없습니다. 컴포지션은 항목(주로 구조체)을 서로 포함하기 위해 사용됩니다.
이는 초기 구조체 위에 구축되는 다른 구조체와 함께 다양한 기능에 사용되는 기본 구조체가 있을 때 편리합니다.

We can describe some of the items in my kitchen to show how inheritance works.
상속이 어떻게 작동하는지 보여주기 위해 내 부엌에 있는 몇 가지 항목을 설명할 수 있습니다.

- 변역한 내용은 서버로 업로드가 가능해야 한다.
- 현재 페이지에 대해 먼저 서버에게 번역본이 있는지를 요청한다. 없으면 번역해야 한다.
- 특정 단어에 대해 에티트가 가능해졌어 문맥에 맞게 되게끔 할 수 있어야 한다.

5. 공통 사항
- 서버와 통신을 한다. (서버는 자사에 개발을 한다.)
- 관련 문서는 Rest API는 자사에서 제공한다.
6. 언어는 자바스크립트와 기타로 작성이 가능한다.
7. 각 익스텐션을 등록하게 해줘야 한다.
8. 분석/ 설계 문서가 필요하다.
9. 소스를 제공해야 한다.
10. 소스를 빌드하여 익스텐션 등록하고 다운로드하여 실행이 되어야 한다. 이 과정을 원격이든오프라인이든 직접 보여줘야 한다.
11. 6개월 이내에 한번정도 업데이트를 요구한다.
12. 각 영상이든, 책이든 북마크 기능이 있어 브라우저 오른쪽이든 왼쪽이든 북마크 선택하면 그 동영상 혹은 페이지로 이동 혹은 한 페이지내에 위치한 곳으로 이동한다.
13. 앞으로 사이트가 추가 될 예정이라 업데이트시 추가 비용 발생시 지급할 것이다.

기타 참고 사항/유의 사항 :
- 업무 범위 및 금액 변경으로 인해 다시 한번 등록되는 프로젝트입니다.
- 예전 프로젝트 : <a href="https://www.wishket.com/project/123777/">https://www.wishket.com/project/123777/</a>