logo.svg

스크린샷 2024-06-16 22.59.22.png

스크린샷 2024-06-17 02.37.21.png

[WTS Web Editor 프로젝트 Github]

[WTS Web Editor 사이트]

[WTS Web Editor 테스트 페이지]

테스트용 WTS 파일

생성용.wts

업데이트용.wts

소개

WTS Web Editor는 게임 워크래프트3의 인게임 텍스트 파일을 손쉽게 번역할 수 있는 사용자 인터페이스를 제공하며, 번역된 파일을 다운로드할 수 있는 웹 페이지입니다.

이 프로젝트는 Next.js 14의 App 방식을 기반으로 React, Typescript, Tailwind CSS, MongoDB를 활용하여 개발되었습니다. Vercel 플랫폼을 통해 배포되었으며, 제공되는 Blob 스토리지를 이용하여 이미지 관리하고 있습니다.

시작하게 된 계기

저는 블리자드 엔터테인먼트의 워크래프트 시리즈를 매우 좋아합니다. 처음 접한 것은 워크래프트 2였으며, 워크래프트 3와 월드 오브 워크래프트를 통해 학창 시절을 보냈을 정도로 깊이 빠져들었습니다.

2020년에 워크래프트 3가 리메이크되어 출시되었을 때, 조잡한 퀄리티와 약속되지 않은 콘텐츠에 매우 실망했지만, 여전히 워크래프트에 대한 애정은 변함이 없었습니다.

최근에는 외국 모더들이 워크래프트 2를 워크래프트 3로 리메이크한 커스텀 캠페인이 출시되어 재미있게 즐겼습니다. 하지만 한글을 지원하지 않아 직접 번역해볼까 하는 생각이 들었습니다.

다행히도 번역 작업은 비교적 쉬웠습니다. 워크래프트 맵 데이터 중 wts 파일은 단순 텍스트 파일이었고, 정해진 규칙을 따르고 있었습니다. 처음에는 NotePad++로 작업했지만, 너무 불편했습니다. 그래서 사용자 인터페이스로 구현해보자는 결심을 하게 되었고, 이 프로젝트를 시작하게 되었습니다.

처음에는 단순 텍스트 에디터만 생각했지만, 포트폴리오로도 좋을 것 같고 Next.js와 React도 한번 배워보고 싶어서 웹 페이지로 구현하게 되었습니다.

이 프로젝트를 통해 워크래프트 시리즈에 대한 애정을 다시 한번 확인할 수 있었고, 새로운 기술을 배우며 실제로 활용할 수 있는 기회를 가졌습니다. 이 경험은 앞으로도 제 개발 경력에 큰 도움이 될 것이라고 생각합니다.

주요기능