접속링크: https://loado-app.herokuapp.com/

안녕하세요. 카마인섭에서 창술사 플레이하고 유저입니다.


최근에 다시 부모님이랑 같이 살게되며 게임을 주로 피시방에서 해야되는 입장이 되어


언제 어디서든 로그인하여 어떤 숙제가 있는지 빠르게 확인하고 로손실을 줄일 수 있으면 좋겠다는 생각에


개인적으로 공부를 하면서 Loado라는 웹사이트를 제작해봤습니다.


다른 분들이 만드신 작품보다 자유도는 떨어지지만 케릭터등록/휴식게이지설정/ 컨탠츠횟수만 입력해주면 됩니다.


한번씩 써보시고 괜찮은 부분, 아쉬운 부분들 알려주시면 감사드립니다~


오픈챗: https://open.kakao.com/o/sUEvXnHc


https://github.com/biglol10/loado-react/blob/main/README.md   <<-- 여기로 가시면 자세한 내용을 볼 수 있지만 여기에도 적겠습니다.




주의사항: 
  1. 한 ID 당 케릭터 24개까지만 등록이 가능합니다
  2. 사용자의 이메일을 요구하지 않기 때문에 비밀번호를 까먹으시면 복구할 수 있는 방법이 없습니다
  3. 모바일웹 버전은 지원하지 않지만 (추후 업데이트 가능) 모바일에서 데스크탑 버전으로 보실 수 있습니다
     (우측 상단 설정버튼 -> 데스크톱 사이트)
  4. Chrome이나 Edge 브라우저로 보시는걸 권장합니다
  5. 비밀번호는 암호화되어 저장되기에 제가 알 수 있는 방법이 없으며 복구가 불가능합니다
     잊어버리셨다면 차라리 다른 새 계정을 만들어 사용하시는걸 권장합니다.
     가입화면에 비밀번호 암호화 설명도 같이 기입하겠습니다






_Loado의 주요 기능 (간단한 회원가입 후)_
  1. 케릭터와 휴식게이지 정보 추가, 한 아이디 당 24케릭 추가 가능
  2. 휴식게이지 수정
  3. 카오스던전, 가디언토벌, 에포나 수행 횟수에 따른 휴식게이지 감소/증가
  4. 원정대 단위 컨탠츠는 수정 시 원정대에 반영 (어비스 레이스, 리허설, 데자뷰) [[ 화면 가독성을 위해 현재는 제거 ]]
  5. 매일 6시마다 카던, 가디언, 에포나 횟수 초기화 및 휴식게이지 반영. 수요일(로요일)의 경우 주간 컨탠츠 전부 초기화
  6. 휴식게이지가 40 이상 (에포나의 경우 60) 인 케릭터들 알람 표시
  7. 휴식게이지에 상관없이 매일 숙제를 도는 케릭터의 경우 휴식게이지를 고정할 수 있는 기능 존재
  8. 케릭터 추가/삭제에 따른 페이징처리
  9. 케릭터 당 노트 기록 기능 추가 (20자 이내)
  10. 개인 휴식게이지 반영





* 화면 개요







* 케릭터 추가

케릭터 추가 버튼 클릭 시 중앙에 케릭터 정보를 입력할 수 있는 팝업이 등장합니다








* 휴식게이지 수정

휴식게이지에 마우스 우클릭 시 케릭터의 휴식게이지를 수정할 수 있는 팝업 등장 (숫자는 10단위) 위아래 버튼 및 타이핑으로 수정이 가능합니다







* 휴식게이지 감소/증가

카오스던전, 가디언토벌, 에포나 횟수 입력 후 [변경사항 저장] 버튼 클릭 시 변경내역이 있는 케릭터들의 휴식게이지 감소/증가 기능이 있습니다







* 휴식게이지 알람 표시

좌측 상단의 알람 표시를 클릭 시 휴식게이지가 40 이상이거나 에포나 휴식게이지가 60 이상인 케릭터의 이름이 깜빡이게 되는 기능이 있습니다







* 휴식게이지 고정/고정해제 기능

(매일 숙제를 하기에 카오스던전, 가디언토벌, 에포나 입력을 스킵하고 싶은 경우) 케릭터명에 마우스 우클릭 => 알람/알람해제 아이콘이 나오면서 클릭 후 변경사항 저장 시 해당 케릭터는 매일 06시에 휴식게이지가 반영되지 않습니다.







* 케릭터 추가/삭제 시 페이징처리

[케릭터 추가]로 케릭터를 추가할 수 있으며 케릭터명을 클릭 시 삭제 아이콘이 등장 한 페이지에 8개의 케릭터만 표시될 수 있으며 9개 이상의 케릭터에 대한 페이징 처리 기능


삭제 처리 시







* 케릭터 당 노트 기능 추가

케릭터별로 노트를 추가할 수 있으며 좌측 알람 옆의 노트 아이콘 클릭 시 노트가 표시되며 수정이 가능합니다







* 개인 휴식게이지 증가 기능 추가

06시에 휴식게이지가 자동적으로 증가하게끔 되어있지만 어떤 이유로 증가되지 않은 경우 [휴식게이지반영] 버튼을 클릭하여 현재 저장되어 있는 컨탠츠 횟수에 따른 휴식게이지 증가가 가능합니다






감사합니다~




TMI  (스킵 가능)


사용 기술:  React, Node Express


저도 개인적으로 공부하고 있는 입장이지만 혹시나 웹 쪽 위의 2 기술 공부하고 계신분이 있으시고 질문이 있으시면 제가 아는 부분이 있으면 대답 해드릴게요 (단, 위의 웹사이트 이용하고 있다는 전제하에). 저도 초보라 잘 모를 수도 있어요 ㅠ