포켓몬 퀴즈 페이지 만들었어요 (이미지 많음)

[익명(123.214)]

https://gall.dcinside.com/board/view/?id=pokemon&no=11962091

https://gall.dcinside.com/board/view/?id=pokemon&no=11980263

간간히 올렸던 포켓몬 사이트에 이번에 퀴즈 페이지 추가했습니다

https://poke-korea.com/

포켓몬 처음 접할 때 타입 상성이나 포켓몬의 이름, 타입을 익히기 어려울 것 같아 몇 가지 만들어봤어요

추가적으로 전반적인 UI/UX도 개선해봤는데 GPT한테 어떤 UI가 좋은지 물어보면서 만든거라 오히려 불편한 부분 있을 수 있습니다

변경점

1. 모바일 페이지 네비게이션 개선 (PC도 GNB 변경)

이전엔 메인 화면에서 상세페이지로 들어간 뒤 우측 상단 햄버거 버튼을 통해 다른 페이지로 진입이 가능한 부분이 있었는데 이부분 너무 불편하고 사용성 박살나는 것 같아 하단 탭 형식으로 바꿨습니다 

모든 메뉴에서 노출될 수 있도록 변경했는데, 포켓몬 상세페이지에서 각 버전별 기술은 어떻게 넣어야 될 지 감이 안잡혀서 일단 추후 개선으로 남겨두었습니다.

PC화면에서도 위처럼 바로 다른 페이지에 진입할 수 있게 바꿨습니다 

2. 퀴즈 페이지 추가

퀴즈 페이지는 총 4 개의 퀴즈로 구성했고 각 퀴즈 20문제씩 진행되며 4개의 보기 중 하나를 선택하면 됩니다.

퀴즈 종류는 아래와 같습니다.

2.1 실루엣 퀴즈 

검은 실루엣으로 가려진 포켓몬을 맞추면 되는 개인적으로 쉬운 난이도의 문제 입니다

2.2 특성 퀴즈

설명 내용을 보고 어떤 특성인지 맞추는 퀴즈 입니다.

이부분은 다른 포켓몬 위키나 정보등에서 특성 설명이 조금씩 달라 실제 인게임 설명과 다른 부분이 있을 수 있습니다. 
개인적으로는 이게 제일 어려웠어요

2.3 포켓몬 타입 퀴즈

보여지는 포켓몬 중 문제에 맞는 타입을 가진 포켓몬을 선택하면 됩니다.

2.4 타입 상성 퀴즈

랜덤으로 주어지는 공격, 방어 타입을 보고 공격 배수가 어떻게 되는지 선택하면 되는 퀴즈 입니다.

주어지는 타입은 모두 랜덤으로 매치되기 때문에 방어 타입의 경우 실제 포켓몬 중 발생하지 않는 타입도 문제로 나올 수 있어요 (ex. 얼음 + 강철)

2.5 결과 화면 

각 문제는 상단 결과표와 함께 하단에 해당 퀴즈의 정답, 선택한 답이 나오는데 결과표는 동일하고 정답만 각 퀴즈에 맞게 다른 UI를 가지고 있습니다.

3. 자잘한 수정

- 메인 리스트 페이지에서 검색 결과가 없는 필터 조건의 경우에 대한 문구를 추가했습니다.

- 포켓몬 상세 페이지에서 버전별 기술 정보를 들어갔을 때 버전이 많은 경우 해당 버전이 화면 내 바로 스크롤되어 보여지도록 수정했습니다

4. 이후 계획

- 새로고침이나 페이지에 처음 진입할 때 스크롤 위치가 제멋대로인 경우가 있는데 이부분 수정하려고 합니다.

- 현재 내부 코드가 뒤죽박죽이라 스크롤도 뒤죽박죽인 것 같아 코드 좀만 정리하고 새로운 기능이나 정보 업데이트를 하려고 합니다

- 친구가 기술 도감에 교배기, 가르침 기술 정보도 같이 나오면 좋다고 해서 해당 데이터를 모아 추가해보려고 해요

5. 감사합니다

이슈도 많이 있고, 그렇게 많은 정보도 아닌데 생각보다 많이 찾아주셔서 놀랐습니다.

이전에도 말씀드렸지만 외부 API등에서 모든 데이터를 하나씩 검수하다보니 실제와 다른 정보, 이용시 에러가 발생하는 경우가 있는데 이부분 확인되면 빠르게 고쳐나가도록 하겠습니다.

감사합니닷

아 그리고 담번엔 회원가입 해서 게시글 올릴게요 맨날 예전 링크 찾느라 힘들어서...

[영물(sktlgkt)]

쥐린당

[익명(teacher2034)]

[Greendayy(dignity9744)]

[라비타(bicycle0699)]

[라타(ok7755ea)]

[익명(asdf4357)]

[RaidL(yhj1217)]

굿

[바이스(minki117)]

너무조아요

[무우우마(lmisdreavus)]

고수당~~

[Triage(ernest9)]

고생햇어~

[익명(211.185)]

고수용 퀴즈도 만들어주면 땡큐

[메비챠(balloon6087)]

진짜 잘만들었다 굿굿 근데 알로라 고지가 얼음/강철임

[글쓴(123.214)]

앗 그러네요 다른 퀴즈에서 리전폼이나 메가진화를 따로 넣지 않다보니 일반 기준으로만 생각했었습니다!

[머덕드림트리(ysmysj)]

퀴즈에서 한번 나온 질문 다시 나오는거 막는거 가능한가? 특성 퀴즈에서 같은거 3번 나와서

[포갤러1(106.101)]

앗 네네 코드가 꼬여서 제대로 안막히는 것 같아 수정예정입니다!

[머덕드림트리(ysmysj)]

[잡초한뿌리(electric8634)]

@머덕드림트리 글 작성자입니다 아이디 만들었어요 일단 코드 수정해서 배포했는데 혹시 또 중복된 문제가 나오면 알려주세요 내부적으로 모든 문제 10번씩 돌렸을 땐 중복된 퀴즈가 나오진 않았는데 혹시 또 몰라서...ㅠ

[roasle(sanae3501)]

주관식도 다음에 생기면 좋을거같아요,,,

[잡초한뿌리(electric8634)]

네넵 난이도 높은 퀴즈로 주관식 답안 문제 한 번 기획해볼게요!

[포갤러2(118.235)]

최고야!!!

[포갤러3(222.100)]

전국도감 기준 도감번호 후반부의 진화트리가 아직 이상한 것 같아요. Ex) 과사삭벌레 계열, 그우린차 계열 등 가능하다면 기술 정보 필터에서 세대별로도 볼 수 있으면 좋겠어요 Ex: 3세대까지는 모든 물 기술이 특수공격이었으므로 필터에서 1, 2, 3세대를 선택시 기존의 물리공격 위력 100 명중 90인 집게해머가 아닌 특수공격에 위력90 명중 85인 집게해머를 대신 보여주는 식. 이 부분은 과거 세대에는 달랐던 기술을 만들어두고 접어뒀다가 필터를 켜고 끄는 것을 조건으로 조건문 하나 만들어서 해결하시면 될 것 같아요. 다른 퀴즈 사이트 보니까 도감 설명으로 포켓몬 맞추기나 종족값으로 포켓몬 맞추기도 있던데 이건 어떻게 생각하시나요?

[포갤러3(222.100)]

혹시 아직 DB 구축이 다 안 되었다면 자원봉사자를 모집하시는 것도 좋을 것 같아요. 특히 도감설명같은 건 긁어오더라도 솔직히 귀찮으니 그냥 사람별로 전국도감 번호 20개씩 잘라서 할당하고 맡은 포켓몬의 도감설명, 기술, 출현 세대 및 장소까지 모든 걸 조사하게 하면 51명 정도로 끝날 것 같은데 한 사람이 중복해서 참여하는 거랑 검수인원 생각하면 60명 안쪽으로 해결 보실 수 있을 것 같습니다. 언제나 파이팅이에요.

[잡초한뿌리(electric8634)]

오 네네 이슈 알려주셔서 확인 후 수정했습니다! 진화 트리가 이상한부분은 1000번대의 일부 포켓몬의 배열이 꼬여서 중간 0이 들어간 번호를 두 개의 배열로 나누어서 발생한 걸로 확인했습니다 ex) 과사삭벌레의 841,842,1011,1019를 841,842,1,11,1,19처럼 변경 총 7마리의 포켓몬(모으령, 과미르, 그우린차, 과미드라, 차데스, 과사삭벌레, 두랄루돈)에서 확인되었고 미리 백업해둔 데이터가 있어 빠르게 수정 완료했습니다!

[잡초한뿌리(electric8634)]

@포갤러3(222.100) 세대별 기술 정보에 대해서도 지금 구조를 고도화하여 기능을 넣어볼 수 있도록 해볼게요! 퀴즈사이트는 처음 입분하는 사람도 쉽게 풀 수 있는 주제로 4개정도 빠르게 만들어서 배포하고자 했던 부분이라 위에서 주관식 문제처럼 난이도가 높은 새로운 유형으로 만들면 될 것 같습니다! 아이디어 감사합니다 ㅎㅎ 자원봉사자 분들은.... 제가 이제 막 이직 준비를 하다보니 현생이 너무 바빠져 다른 분들께 도움을 구해도 제가 바로 대응을 못할 것 같아 당장은 어려울 것 같아요....ㅠㅠ 우선 최대한 시간을 내서 아이디어 주신 부분이랑 내부 개선을 진행해보겠습니다 응원해주셔서 감사합니다 :)