메애기 코디 분석 및 공유

개추 · 2023.01.28 22:02:50

메이플스토리의 코디를 공유하는 서비스를 개발해서 이를 공유 드리고자 합니다.

이름은 메이플 커마 입니다.

https://maple.curma.cc

메이플스토리의 코디 관련 서비스는 공식홈페이지는 무슨 주간 코디 베스트 라는 머시기가 있는데,

이 기능은 진짜 코디 자랑만하고 정보를 알려주지 않습니다. 한마디로 그냥 옷자랑하는 곳

써드파티(외부 서비스)는 대부분이 코디 시뮬레이터 였고, 한땀 한땀 하시는 분들도 계시겠지만,

저같이 귀찮고 대충 빨리 하고싶어 하는 사람들에게는 시뮬레이터는 너무나 큰 장벽 이었죠...

차라리 메애기를 모아놓고 DB화해서 검색도 시킬 수 있으면 간간히 써먹기 좋지 않을까? 라는 생각이 들어서

26만개 이상의 데이터를 모아 데이터베이스를 만들었습니다.

기능 설명
검색

- 코디 정보를 기반으로 데이터를 수집하였기 때문에 특정 아이템 명을 통해 검색이 가능합니다.
- 자동 완성은 첫 접속시 아이템 정보를 동기화하는데 해당 정보를 바탕으로 텍스트 포함 검색이 진행됩니다.

- 개인적으로 라리엘을 갖고싶어서 라리엘을 예시로 사용하였습니다.

7ebfd572e6d66ea237ed83e14183266a2a3c0b1ae50118c5ae736fcbcc7872cf5433189283abca8c5901f75413ce9de1e7b828b35267ca337f7d5427a0307252ba823ddc56b95aad6de482ece7f35b

74e5837fe0813bf438be8ee31483263b3e8718815d0c4233d3469c2fdae1ab698d0136a9f79154746be2af34f6a4b9ad3247c7614b581a66e10d90ffe461a21d022bddf557b4fe91340b902076ebf089

코디 정보

- 목록에서 캐릭터를 클릭하면 상세한 코디 정보를 확인할 수 있습니다.
- 정확도는 약 95% 정도로 피부와 성형에서 간간히 잘못된 매핑이 나옵니다.

- 성형의 경우는 오탐 발견시 제보해주시면 DB에서 일괄 변경이 가능합니다.

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45e45c4ca773837b8d5225ab65765ad3

같은 부위 다른 코디
- 코디 정보 하단에는 같은 부위를 사용한 다른 코디가 노출됩니다.

- 같은 부위를 사용한 다른 코디가 없다면 아무것도 노출되지 않습니다.

- 잘못된 정보가 포함된 경우 해당 부위는 대부분이 똑같이 잘못되었을겁니다...

2bee8725b7d76ffe3bbed4e443d5706ccf1b03b89aeea717aed0a2d2a92e9ad1fbc0e09bb36f40be3a21bb5c39c4d9aa9beed9c3523f2e28ab9ad25428fab10828c6c7a3a40b4d17de47e65c344885be

캐릭터 이미지 관련 기능
- 캐릭터 이미지에 마우스를 올려보시면 3가지 기능이 보이게 됩니다.

- 좌측 화살표4개 아이콘은 망토까지 보이는 작은 이미지를 불러옵니다.

- 우측 버튼 2개는 각각 클립보드 복사와 저장 입니다.

2bedd470e6836ff36cbd80b04780736c15eeaf52982fde251a2613a69e705b040d826a01b77ffc7b70c975ea87590cf42ae6eead11182b8860ec8251d06fac2a6ba53e0b935c6b72a38481aa5d51ba 2cbcd525b7836fa536e78eb046d5703e9b8a67a3dc0b243cbda092389f1d7321cf8ad47e5d56304e28ddea1e2ef91c476f6df9c632fcefe59d102df33ce19d475186df2f45d3d0b2622d8f1732e02e

메이플gg 와 코디분석 비교

7becd574b7d43ea339e784e745d7756f7e09d443c3efdf933db6a00ccef0ae99805b38a984a3a2574ff388d3e438e39c80157b39142d3bf856f6122444b8739ff58bd202e5300c664209657c45fc48

gg는 위 캐릭터의 코디 정보를 모자와 헤어밖에 분석해내지 못합니다.

하지만 메이플 커마의 경우는 아래와 같이 보이지도 않는 정보까지 추출해냅니다.

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0413e91d112250b88f37a622701c3727e274

한벌옷이 존재하는 경우 상의와 하의는 무시됩니다.

GG의 코디 컬렉션 정보 파헤치기

GG에서는 캐릭터의 통계를 수집하는 서비스기 때문에 최대 6개의 과거 코디를 확인할 수 있습니다.

하지만 코디 정보를 보여주지는 않는데, 해당 서비스 또한 메이플스토리의 랭킹 서버 캐릭터 이미지 주소를 통해 보여주고 있어서

28ef8872b58461a43fef8eb41080716f9ca1899d4af61fbdd5c6fbb28d8a6dd2144084e6c522489df131e6d4eb2276189de9b3c2f0a1682fb62f37d50d22f82ef0f4b45b5eb217cb977c6b857dda7b

이렇게 마우스 우클릭 한 뒤 이미지 주소복사 후 메이플 커마 메인페이지에서

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0410e91dd1eba9c37c3e6ad80625e21c4e14

URL을 붙여넣어주시면

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0411e91d5b21945489e44b4be2921b819f04

과거 코디도 아바타 주소만 있다면 언제든 정보를 역산해서 매핑하여 데이터를 보여주게 됩니다.

기존에는 사용자 PC에서 역산을 진행하게 코드를 작성하였는데, 이렇게 되니깐 웹 표준 기술을 제대로 지원하지 않는 Safari 나

간혹 옛날 스마트폰 등을 사용하시는 분들이 분석이 안되는 오류가 발생해서 역산을 서버에서 처리하도록 변경하였습니다.

서버에서 역산에 걸리는 소요시간은 평균 0.007초 정도 소요되지만, 해당 정보를 DB화 하는 과정이 있고,

캐릭터명으로 검색하시는 경우에는 메이플스토리 공식홈페이지의 랭킹서버를 거치기 때문에 응답 시간이 지연됩니다.

최대 10초 이상 응답이없다면 새로고침을 해보시는것도....

통계

- 너무 밋밋해서 추가한 기능입니다.

- DB에 존재하는 데이터를 기준으로 적용 횟수와 비율을 집계합니다.

- 응답속도를 고려해서 100개 까지만 노출됩니다.

28e98322b4833ea46de6d2ec1081266fec804458472e0c296e46054be76c3cd1d946ffcc1ecf72f0641f2e25ceabf8931987672f8c0fde87db130e965a137b66292c77a8efbafb3c0a69bab3cacec213

랜덤 픽

- 랜덤으로 아무 코디 정보를 볼 수 있는 기능을 넣어두었습니다.

- DB에서 랜덤을 가져오는 방식이아니라 최소 최대값중에 랜덤으로 불러오기 때문에 없는 코디가 나올 수도 있어요!
(없는 코디 나오면 큐브를 해보시는건 어떠실까 하는 의구심도 들 수 있을정도의 희박한 확률입니다.)

다크 테마

- 눈이 아프실지도 모를 여러분들을 위해 다크 테마도 넣어보았습니다.

믹스염색 헤어

- 믹염도 넣어봤습니다.

- 타 서비스들은 지원하는 헤어 종류가 적거나, 믹염 색상 비율 조정이 실시간 반영이 안되는 이슈가 있어서 만들어보았습니다.

- 믹스렌즈는 반응이 좋으면 추가 해볼 예정입니다.
- 믹염 + 믹렌은 경우의수가 170만개가 넘어서 아마 쉽지않을지도...?
- 헤어는 기본적으로 첫 접속시 제일 최신순으로 노출됩니다. (이미지는 제가 일부러 안개 셀린으로 적용하였습니다.)

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0416e91d90ab3e48191b22c6cb05b777a2d7b1

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0417e91d499b4ce8caf76f127892299d339267

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0414e91d79a642c7ee7c9456bd31287ba6798a

ac5933a70013b942853e337b9737efbc2ed68d6c055c68e9245b45ea0415e91d58bb5254c65ef74abb802edce65b4d

믹염의 헤어정보는 매일 오전 10시에 동기화를 강제로 진행시킵니다.

시뮬레이터 서비스들 보니깐 maplestory.io 여기다가 요청하는데 해당 API를 통해 동기화를 맞추고 있긴합니다만,
시뮬레이터들 처럼 매번 저기다가 요청하기에는 해당 서버가 받는 부하가 너무 심할것 같아서 일부러 제쪽에서 따로 동기화를 진행하였습니다.

maplestory.io 에서 받아온 정보이기 때문에 저 또한 CORS 없이 상시 접근이 가능하도록 적용하였습니다.
https://api.maple.curma.cc/hairs/<hair_id> 를 통해 접근이 가능합니다.
믹염의 경우만 정적 빌드를 사용하였기 때문에 따로 요금이 나가지 않으니 믹염은 그냥 막 가져다가 쓰셔도 괜찮습니다. 출처만 남겨주시면 ㄱㅅ합니다

헤어의 최신화는 매일 오전 동기화를 시키지만, maplestory.io 측에서 신규 버전이 올라오지 않으면 적용되지 않습니다.
KMST (테스트 서버) 버전 기준으로 동기화를 하고 있기 때문에 io에서 테섭뜰때 바로 적용해주면 본섭에 넘어오기도 전에 신규 헤어 믹염을 맛 볼 수 있습니다.

- 네 ... 안타깝게도 광고는 있습니다.

- 컨텐츠를 최대한 방해하지 않는 선에 최소한의 광고를 배치하는 것을 신념으로 삼고 있습니다. (자동광고는 저도 어쩔수 없...)

- 서버를 유지하기 위한 최소한의 수익창출이라고 생각해주시면 감사합니다. (웹 구글 광고는 수익이 정말 창렬....입니다)

- 아무래도 추가는 있는데 삭제는 없는 서비스다보니 수직 상승할 수 밖에 없는 문제라 DB가 늘어날 수록 점점 ㅆ손해...

이미지 처리 방식

- 넥슨에서는 avatar cdn이 따로 있습니다. 하지만 캐싱을 위한 응답헤더를 주지 않아서 별도의 프록시 서버를 적용하였습니다.

- 캐싱이 없으면 온전히 넥슨 서버에서 부담해야 하는 문제가 있어서, 프록시 서버를 통해서 2가지의 캐싱이 적용됩니다.

- 1차적으로 브라우저 캐시 2차적으로 Cloudflare CDN 캐싱이 적용됩니다.

- 프록시 서버에 요청 실패시 넥슨 CDN 서버로 다이렉트 요청합니다.

개발 이슈

기능 개발 자체는 굉장히 빨리 끝냈지만 문제가 조금 있었고 지난 2주간 출시 및 운영을 했었습니다.

기존에는 로그인 및 추천 그리고 정보 수정 기능이 있었는데, 아바타 주소 역산이 가능해지면서 이를 과감하게 제거 하였고, RDBMS를 고집할 가치가 없어서

Sqlite3로 변경하였습니다. 변경하게된 가장 큰 계기는 서비스중인 Cloudflare 사의 D1 이라는 제품이 Sqlite3로 Serverless DB를 조만간 출시할 예정입니다. 때문에 나중에 테라포밍을 위해서라도 해당 DB를 동일하게 사용하여 이주하기 편하기 위해 sqlite3로 변경하였습니다.

D1이 정식 출시되면 해당 DB를 통째로 옮겨서 전세계 어디에서든 동일한 응답속도를 제공할 수 있을 예정입니다.

(물론 한국만 느립니다... / 근데 체감상 아마존같은데 띄운거랑 비교했을때 별반 차이가 없...)

믹염을 제외한 나머지 기능들은 서버리스를 통해서 서비스하고 있습니다. 즉 요청 당 비용이 발생하기 때문에 크롤링은 자제해주세요...!
목록은 순차적이 아니라 랜덤으로만 노출됩니다!

속도 이슈

위에서 설명드렸던 내용이긴 한데,

캐릭터명을 통해 검색을하게 되면 메이플 스토리의 랭킹서버를 경유해서 이미지 주소를 수신하기 때문에 이 과정이 굉장히 느립니다. 요 부분은 개선의 방법이 없...습니다...

통계 및 상세페이지의 같은부위 다른코디가 일부 느리게 쿼리 되는 문제가 있는데, 요 부분은 Cloudflare KV를 추후에 기회가되면 유료 요금제로 적용해서 빠르게 응답을 할 수 있도록 개선할 예정입니다.

버그 제보 및 문의/피드백
- 페이지 하단에 버그제보와 문의/피드백 이 있습니다. 해당 텍스트 클릭시 금손 디스코드서버로 이동하게 되며, 디스코드를 통해 제보해주시면 감사합니다!

긴 글 읽어주셔서 감사합니다.
메이플 금손을 통해서 많은 코디정보가 개선되고 저같은 코알못 유저들이 좀더 쉽고 빠르게 코디를 할 수 있는 날이 오는 그날까지...
많은 이용 부탁드리겠습니다!

https://maple.curma.cc

번호	제목	글쓴이	작성일	조회	추천
설문	소속 연예인 논란에 잘 대응하지 못하는 것 같은 소속사는?	운영자	25/04/21	-	-
AD	작혼X페스나 헤븐즈필 콜라보 개시!	운영자	25/04/22	-	-
공지	★ 메이플 뉴비 가이드 / 직업공략/ 자주 하는 질문 ★ [1276]	*늒네캥걸루*	21.10.07	413930	285
공지	메이플스토리 갤러리 이용 안내 [160]	운영자	21.10.07	116508	53
9933903	근데 레투다가 그리어려움?	메갤러(222.104)	14:37	1	0
9933902	데스티니 해방 <-- 무과금으론 불가능임???	메갤러(118.235)	14:36	7	0
9933901	이런거 팔림??? [2]	원초	14:35	20	0
9933900	명조 이거 그냥 원신이랑 똑같네 [8]	키리가야	14:35	17	0
9933899	조각<<이걸로쌀먹하려면 결국 야누스강화를해야되는거아님? [3]	메갤러(118.235)	14:35	13	0
9933898	얘 5컴 구라인거 모르는사람도잇나 [8]	박진혁	14:34	47	0
9933897	아니 재획언급 그만하면안됨님들? [2]	ㅇㅇ(221.157)	14:34	25	0
9933896	오 ㅆㅂ드디어떳다 어빌 ㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅㅅ [1]	나옹이	14:34	29	0
9933895	개구리 성정체성장애 뭐그런거임?	메갤러(182.220)	14:34	10	0
9933894	니네주변에 돈빌리고 틘 애들 있냐?	청춘의삶이다.	14:34	7	0
9933893	해방하려면 어디까지 잡을 수 있어야함? [4]	메갤러(118.235)	14:34	19	0
9933892	메붕아 매점가서 빵 좀 사오지 않을래? [2]	ㅇㅇ(223.39)	14:34	11	0
9933890	세다이햄 너무 기괴하다 [1]	ㅇㅇ(125.186)	14:32	26	0
9933888	갓직히 2컴 재획이 한계임 [14]	메갤러(49.170)	14:32	53	0
9933887	이거 가엔링 130억 살만함? [4]	ㅇㅇ(125.133)	14:32	33	0
9933886	일리움이 체급좋고 실전딜도 좋은가보네	ㅇㅇ(211.234)	14:32	12	0
9933885	카구야 보고 애니재획 졸업당했습니다.... [9]	엔임나연버	14:31	51	0
9933883	어빌멸망전가겠습니다 ㄱㄱㄱㄱㄱㄱㄱㄱㄱ [2]	나옹이	14:31	21	0
9933882	아니씨발 야구릿대햄 방송뭐임? [2]	메갤러(175.212)	14:30	26	0
9933881	N컴재획이 꿀이고 나발이고 인간이라면 그렇게 살면안됨 [2]	ㅇㅇ(106.101)	14:30	37	0
9933880	섀도어는 쥬다잉도 조각쌀먹하더라 [3]	ㅇㅇ(211.36)	14:30	35	0
9933879	위대한 에피네아소울은 왜없는거임? [3]	논.	14:30	39	0
9933877	헬린이 몸평좀	메갤러(118.235)	14:29	25	0
9933876	나랑싸우자고 [14]	세로켈	14:29	47	0
9933875	근데 소울개편은 ㄹㅇ 가능성 있어서	메갤러(49.170)	14:29	21	0
9933874	뉴비 지금 복귀해두 괜찮나여??	메갤러(116.36)	14:28	8	0
9933873	투컴재획도 어느 궤도에 올라야 편해지는거지 과정이 고문임 [9]	박진혁	14:28	64	0
9933872	하 떨려 [7]	피터팬	14:28	37	0
9933871	지금 메이플로 쌀먹할꺼면 [7]	메갤러(221.153)	14:28	38	0
9933870	오케이 재획할게요 [1]	메갤러(211.235)	14:28	25	0
9933869	한시간만자야지 [8]	히망이	14:27	34	0
9933868	소울가격 ㄹㅇ 평준화됏네 ㅋㅋ [3]	나옹이	14:27	86	0
9933865	오늘 시험봐야대는데 공부가안댐 [4]	행싹	14:25	27	1
9933864	10명이상한테 총 1억이상 빌리고 튀면 징역 몇년나옴? [1]	청춘의삶이다.	14:25	22	0
9933863	재획은 걍 레벨업 하는겸 메소도 파밍하고 ㅇㅇ	메갤러(58.235)	14:25	15	0
9933862	아니 시바 해방퀘 첨 접하는데	메갤러(118.235)	14:25	16	0
9933861	근데 진짜 12시간 이상 사냥하는 쌀숭이가 있냐 여기 [3]	ㅇㅇ(211.211)	14:24	33	0
9933860	허니츄러스님 링피트 방송 재획반찬으로 재밌네 [4]	ㅇㅇ	14:24	40	1
9933859	딸.딸이 하고 재획 ㄱㄱ [2]	뀨린이	14:24	26	0
9933857	근데 창섭이햄이 mvp 건든ㄱ게	나옹이	14:24	24	0
9933856	여갤러 부는 사나이가 왔다 [2]	사가리	14:23	29	0
9933855	안녕하세요 검밑솔37배럭 3컴재획 쌀숭입니다 [4]	ㅇㅇ(221.157)	14:23	54	0
9933854	나 항상 얼굴이 붉은거같애 [2]	피터팬	14:23	35	0
9933852	편의점알바가 ㄹㅇ 개꿀임 [5]	논.	14:23	61	0
9933850	도덕과는 거리가먼곳인데 왜 도덕을찾는거임??	ㅇㅇ(121.139)	14:23	11	0
9933849	전남친 토스트라는게잇네 [7]	얏바리	14:22	54	0
9933846	혹시 통신의 Z변환, differencr equation 등을 아는사람? [2]	ㅇㅇ(223.38)	14:22	17	0
9933845	김유식은 비추버튼을 왜 만들었을까 [2]	미카앨	14:22	25	0
뉴스	고현정, 아기 안은 사진 공개하며…이런 말 전했다	디시트렌드	14:00

갤러리 검색

최근 방문

즐겨찾기

즐겨찾기 갤러리

메이플스토리 갤러리

머리말∙꼬리말

머리말∙꼬리말

색상 설정

갤러리 정보

스포일러 경고 설정

제목에서 경고

본문에서 경고

갤러리 이슈박스, 최근방문 갤러리

연관 갤러리

개념글 리스트

차단하기

[메이플스토리 갤러리]

갤러리 본문 영역

메애기 코디 분석 및 공유

추천 비추천

댓글 영역

① NFT 발행

② NFT 구매

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

페이지 이동

오른쪽 컨텐츠 영역

알림 설정

알림

실시간 베스트

뉴스

디시미디어

디시이슈

개념글[SSG 랜더스]

디시콘 리스트

디시콘

디시콘 검색결과(0)

인기 디시콘