스타레일 업적 사전

Next.js 기반으로 제작한 붕괴: 스타레일의 업적들을 정리한 프로젝트 입니다

개발 계기

같은 게임 회사의 작품인 원신에선 업적들을 정리한 웹 사이트들이 많이 있지만 최근에 출시 된 스타레일은 출시된지 얼마 되지 않아, 이 프로젝트 만들기 전에 이를 기반한 웹 사이트가 없어 직접 메모해야 되거나 정리를 해야되는 문제가 있기 때문에 직접 프로젝트를 만들었습니다

아직 Next.js를 제대로 배운 사람이 아니다 보니 다른 웹 사이트처럼 오류 없이 완벽하거나 편하지는 않지만 가능할 경우 문제가 발생될 수 있는 오류를 해결하거나 편의성을 개선할 계획입니다

설치 및 실행 방법

우선 Node.js v20 최신 버전 (권장)으로 설치한 다음에, Git으로 프로젝트를 복사하거나 압축 풀어주시기 바랍니다. 그런 다음에 해당 프로젝트가 있는 디렉토리로 가서 터미널로 다음 명령어를 입력해 주시면 됩니다

npm i

라이브러리들이 모두 설치되었다면 이제 Next.js 프로젝트를 빌드할 차례입니다

npm run build

프로젝트가 무사히 빌드되었다면 다음 명령어를 통해 웹 서버 실행합니다

npm run start

현재 적용된 기능

• 검색 기능
• 라이트 / 다크 테마 기능
• 업적 클리어 확인 체크
• 업적 필터 기능
• 데스크톱, 모바일 UI 업데이트

추가될 예정인 기능

• 다중언어 지원

지원 언어

• 한국어 - Korean
• 영어 - English (Language Data Only)
• 일본어 - Japanese (Language Data Only)

사용된 리소스 및 라이브러리

• Wanted Sans 폰트
• Tailwind CSS
• shadcn/ui