전체 글 (9) 썸네일형 리스트형 로스트아크 데스크탑 앱 만들기 -3 캐릭터 검색에 너무 신경을 쓴 것 같다.초기 컨셉을 망각할 뻔 했다. 나는 오버레이 기능을 제작하고 싶었던 것. 캐릭터 검색하는 부분은 여기서 끝내야겠다.다른 좋은 검색사이트두고 굳이 이 기능을 이용할까 싶기도 하네근데 디자인은 마음에 드네 하하 지금 보스 컨닝페이퍼를 열 때 메뉴창이 밑으로 아코디언 방식으로 열리는데 옆으로 열리게 해봐야겠다. 캐릭터 검색기능도 오버레이로 만들어봐야지 로스트아크 데스크탑 앱 만들기 - 2 하... 역시 디자인은 너무 힘든 것 같다.처음엔 마음에 들지만 계속 보다보면 질려서 변경하고 또 변경하고... 지금은 또 이렇게 한번 바꿔보았다.아직 등급에 따른 장비의 배경색이 없어서 배경도 없고... 팔찌 옵션이 중급인지 상급인지~ 이런것도 찾아봐야하고 악세사리도...각인 이미지도 원래 API에 제공됬었던 걸로 기억하는데 지금은 없어서 찾아봐야해... 아직 이렇게 엘릭서 연성 효과 자리도 만들고 특성도 추가해야겠다.스킬의 보석과 룬은 저렇게 하는데 잘 보일지 모르겠다! 스킬의 경우 트라이포드도 보여줘야하는데 스킬을 많이 채용하는 직업도 있으니별도의 탭을 생성해서 보여줘야겠다. 그러면 ['정보', '아바타', '스킬', '수집품' , '보유캐릭터'] 이정도 탭을 생성하면 될 것 같다.고려해볼 탭은 카.. 로스트아크 데스크탑 앱만들기 랭킹 시스템을 구현하는데 생각보다 시간이 오래걸렸다.처음에는 그냥 레벨을 DESC순으로 보여주면 되겠지했는데 이러면 랭킹의 의미가 없었다. 내가 생각하는 랭킹의 의미는 레벨을 먼저 빠른 시간안에 도달한 목표 레벨에 달성한 사람이 1등이었는데그냥 레벨에 따라 내림차순으로 정렬해버리면 이 의미를 달성하지 못했기 때문이다. 그래서 updatedAt를 붙혀놓고 레벨의 변경이 있으면 업데이트를 시키고 변경이 없으면 아무일도 하지않게했다.그리고 레벨을 내림차순으로 정렬하되 레벨이 같으면 updatedAt로 구분을 하였다. 그리고 리스트를 페이지 순서마다 보내주는데 이것도 생각해야 할 사항들이 있었다.예를 들면 커서 페이지네이션, 스냅샷 페이지네이션같이...평소에 OpenAPI를 사용할 땐 왜 페이지네이션에 왜 cu.. 로아 도우미 서버만들기 - 1 Electron에서 유저를 검색했을 때 데이터를 반환해주는 방식을두가지의 버전을 만들어보았는데v1는 NestJs는 중간에 로아API만 파싱해주는 역활로 할려했다. 갑자기 단어 생각이나지않네...로아 API는 Tooltip에 JSON형식으로 데이터가 있는데 그걸 파싱해주는 그런역활?? v2보다 좀 더 저렴하게 인스턴스를 사용할 수 있지 않을까? 에 대한 해답이었다. v2는 그냥 완전히 Supabase를 db로 활용하는 것이었다.Supabase는 db에 직접 접근이 가능할 수 있다. v2를 사용하면 코드가 좀 더 간단해질 것이다. v2를 선택했고 그에 따라 원래는 Electron에서 LostarkAPI에 직접 요청했지만이제 NestJS로 요청하는 방식으로 변경하고 업데이트 버튼과 코드도 만들어야한다.이렇게.. 로스트아크 도우미 앱 만들기 5 군단장 컨닝페이퍼를 제작하다가 다른 기능이 추가되면서 배보다 배꼽이 더 커지게 되었다... 404페이지도 잘 나오고 캐릭터 검색 기능도 잘 되지만 로스트아크가 점검 중일 때API 사이트를 이용할 수 없어 DB에 저장을 해놓고 최근에 저장된 정보를 가져와서 보여줘야한다. 그리고 유저 랭킹 기능을 제작할려면 DB가 필요하여 백엔드 작업까지 해야되게 생겼다..백엔드 작업자를 구인하고 싶지만 이 프로젝트가 잘될지 안될지 모르는데 구하기 어려울 것 같다!라고 생각하여 백엔드작업도 혼자하게될 것 같다. 정보창 옆에 리스트들은 TOP100 이나 많이 검색된 유저를 넣을 생각인데이 것을 추가함으로 UI가 깨진 탭들을 다시 작성해야할 것 같다. 아직 프로젝트의 이름을 정하지 않았는데 이름정하기도 힘드네 ㅠㅠ 로스트아크 군단장 컨닝페이퍼 만들기 4 역시 프론트엔드 작업은 좀 어려운 것 같다.미적 감각이 탁월하지 않아서 그런건가... 카드 탭과 장비 탭만 조금 더 수정을 하면 될 것 같다.검색창 밑에 캐릭터 요약 정보? 같은게 들어가도 유용할 거 같은데 한번 해볼까... 군단장 컨닝페이퍼 오버레이도 보니까 게임하면서 보기에는 너무 장황하게 작성한 것 같다.그래서 그냥 체력바 - 패턴이름 이렇게 작성을 해야겠다. 아크패시브를 게임 내 처럼 모든 아크패시브 노드를 보여준다음에 하고싶은데...그건 db가 있어야 해서 보류해놨다. 다음에 좀 더 깊이 제작을 하게 된다면 수정해야겠다. 로스트아크 군단장 컨닝페이퍼 제작기 - 3 컨닝페이퍼에 필요한 기능들은 이제 다 된 것 같다.이제 컨닝페이퍼에 들어갈 공략들만 정리해서 추가하면 된다. 공략페이지를 열고 화살표를 클릭하면 페이지가 닫히지 않았는데 이제 잘 닫힌다.그리고 로스트아크를 실행할 때 저 네모박스가 열리게 하면 된다. (지금은 지포스나우로 설정해놨다) 컨닝페이퍼만 있으면 레이드에 적응하지 못한 유저분들은 사용할꺼라 예상이 되지만시간이 흐를 수록 많이 사용하는 유저가 줄어들것이다.그래서 기존 유저들도 사용하기 위한 기능이 필요한데일단 유저 검색 기능을 추가해볼려한다. 현재는 위 이미지까지 밖에 작성하지 못했다.검색기능도 검색 폼만 따로 오버레이를 해서 게임 내에서도 검색 기능을 사용할 수 있게 제작할 예정이다. 유저 검색을 하면 유저 정보를 축적할 수 있는 상황이 발생하는.. 로스트아크 컨닝페이퍼 만들기 - 2 기본 UI는 완료했다지금은 이렇게 생성하고 보라색 네모에 나만의 로고를 넣으면 될 것 같다 원래는 화살표를 누르면 Menu를 닫는 방식으로 했는데 이 때 화살표를 계속 누르다보면destroyed에러가 발생하여서 숨기는 쪽으로 진행하였다. 2번째 사진의 에러는 아마 화살표를 누르면 컨닝페이퍼를 닫히게 해야하는데 코드가 이상하게 짜여서 닫히지 않는 것 같다. 이전 1 2 다음
