그냥 이거 틀 만드는데 고민 많이하고 생각 많이해서 만들었던터라 예전에 한번 털고 싶었는데

 갤에 쓰면 뭐 틀 만든걸로 유세 떤다고 욕할까봐 그냥 묵혀놨던거 이왕 떡밥 터진김에 좀 풀어봄

 전설군주 둘러보기 틀 만든 시작은 내가 편하려고 만들었던거임

 전설군주 문서 분리하고 편집하다가보면 비슷한 형식을 과거 다른 문서에서 내가 어떻게 편집했었는지 기억 안나서 다른 전설군주 문서 돌아가서 찾아보고 그랬는데

 전설군주 문서->군주의 상위 세력문서->세력 틀->다른 세력 선택->스크롤 내려서 다른 전설군주 문서 클릭

 이 과정이 너무 번거롭고 귀찮아서 그냥 내 편집 편의성을 위해서 내 사용자 개인 문서에다가 간단하게 표를 만들었음


 근데 그거 만들고나니까, 이거 나무위키 보는 독자들도 나처럼 전설군주 문서만 돌아보는 사람이 있을것 같아가지고 (롤 챔피언 둘러보듯이)

 그래서 그 표를 둘러보기 틀로 만들어서 전설군주 문서 상단에 붙이면 좋겠다 해서 만듬

이게 최초의 형태

근데 안이쁘기도하고 가독성도 좀 박살나서 좀 꾸밈

그래서 만든게 이 형태임 지금 문서랑 굉장히 흡사하지

전체적으로 가독성이 별로라는 생각 들어서 글자색을 넣었는데

여전히 가독성이 안좋아서 고민함

그래서 팩션 아이콘을 앞에 넣어봤는데

아이콘이 일렬로 정렬이 안되는게 안이뻐서 폐기

물론 지금은 일렬로 정렬하는 방법을 알긴하는데 이때는 몰랐

그래서 위로 올려봄

이거는 문제가 모바일 상에서 가로 스크롤이 생기면서 모바일 가독성이 안좋아지더라

모바일 가독성 신경쓰는 이유는 나무위키 모바일로 보는 독자들이 PC로 보는 사람보다 많아서 그럼

일단 나부터가 나무위키 제일 열심히 읽었던게 모바일이었음

병원에 장기간 입원했을때가 있었는데 지루한 병원 생활을 해결해준게 나무위키 였거든

좀 한참 예전이라 유튜브를 보려니 데이터가 감당이 안되고, 병원에도 와이파이가 없어서 유튜브는 안되고 

나무위키 문서들 보면서 시간 떼웠음

그때 읽었던게 워해머40K 문서 다읽고, 햄타지 문서 다읽고, 월오탱, 월오쉽 문서 하나도 안빼먹고 다읽었음

그래서 모바일 가독성을 고려 안할수가 없어

모바일 가독성을 고려하지 않고 만든 문서의 폐해를 보고 싶으면 삼탈워 문서 가보면 됨

그래서 모바일 가독성 문제 때문에 폐기

또 어떤 팩션은 2줄, 어떤 팩션은 1줄 이렇게 나오는게 그 당시엔 맘에 안들어서 최대한 한줄로 표현할 수 있는 방법을 고민함

그래서 그 다음 만든게 이 형태임

가독성+ 한줄로 최대한 나타내려다보니까 가로가 짧고 세로로 긴 초상화를 한 칸안에 넣는 방식으로 만들어봄

근데 여기서 문제는 초상화 이미지+좁은 공간에 긴 이름이 들어가다보니까 줄바꿈 되면서

세로로 너무 길어짐

이전 글에서도 말했지만 둘러보기 문서는 비슷한 문서를 함께 모아서 연결하기 위해서 두는거임

내 개인 의견이 아니고 나무위키 편집 지침이 그래

문서간 연결이라는게 결국 문서간 이동의 편의성을 의미하기 때문에 이를 최우선적으로 고려하는게 맞다 생각하고.

예전엔 둘러보기 틀이 너무 길어지는걸 방지하려고 둘러보기 틀에 삽입되는 이미지 높이랑 열의 갯수에도 제한이 있고 그랬음

(접기 펼치기 문법 생겨서 그런지 지금은 사라짐)

지금 저것도 QHD 기준에서 스크롤이 한 화면을 넘는데 

저기까지 편집하고 확인해보니까

아직 편집안한게 이만큼이 남았다는거야

나머지 팩션 모두 다 작업하면 진짜 세로 스크롤 길이가 감당이 안될것 같아서 결국 폐기함

특히 내 멘탈을 가장 박살 내놓은건 다른게 아니고 군주 이름 줄바꿈이었음

사일로

스트라

다이

어핀

아라

네사

솔트스

파이트

크아아아아아악!

시발 난 이걸 참을수가 없었어

한눈에도 안읽히고 줄바꿈 되는거도 불규칙하고

이거 신경 안쓰는 사람도 있을것 같은데 나는 도저히 참을수가 없었음

그래서 이때 한 고민이 '틀에 성이랑 칭호 떼고 이름만 쓸까?' 였음

근데 이것도 고민하다가 폐기

왜냐면 제국 황제 때문에

이게 사람들이 나무위키 욕할때 주로 쓰는 논리처럼 "이상한 놈이 딴지걸고 시간 빌게이츠하면서 토론거는거"에 당해본 입장에서 

최대한 편집할때 태클 안걸리는 방향으로 편집을 하거든

만약에 큰 수정을 해야할때는 편집요약에 의도 상세하게 남긴다던가

이것도 태클 안걸릴려고 둘러보기 틀이니까 표기되는 이름이 풀네임이 아니라면
내좆대로 기준이 아니고 누구나 납득할만한 최소한의 대표성이 있는 명칭을 사용해야 된다고 생각했음

그래서 보통은 성이랑 칭호 떼고 이름만 쓰면 되는데

칼 프란츠 <- 이새끼를 누가 "칼"이라고 부름?

심지어 풀네임도 안쓰고 "황제"라고 부르는 빈도가 압도적으로 많은데

"칼"이라고 쓰면 알아듣는 사람들이 있긴함?

또 "발타자르 겔트" 얘도 문제임
발타자르 = 이름, 겔트 = 성
근데 다들 겔트라고 부르지 발타자르라고 안부르잖음.

성떼고 이름만 남기는것도 안되고, 이름+성만 남기고 칭호를 떼는것도 안되겠는거야

그렇다고 황제만 특별 취급해서 칼프란츠만 칭호를 표기 하는것도 아닌것 같고

결국 칭호+이름+성을 모두 둘러보기 틀에 표기하는걸로 정한거임

근데 그러니까 이름이 너무 길어지고

또 규칙성 없이 "트로그" 같은 놈들은 어떤애는 존나 짧고
"지그발트 왕자 장엄한 자" 이딴애처럼 칭호만 2개인애도 있고

"영원의 선택받은 자 아카온" 처럼 칭호만 엄청 긴 놈도 있고
"사일로스트라 다이어핀" 처럼 칭호 없이 순수 이름길이가 존나 긴 애들도 있고

여튼 규칙성을 유지하면서 가독성 있게 이름을 표기하는 방법을 끝내 못찾음

여튼 여차저차해서 고민 존나 하다가 이미지 넣는건 걍 과감하게 삭제하기로 함

그뒤로 뭔가 아이디어가 안떠올라서

롤, 도타, 히오스, 에이펙스 레전드 처럼 타게임 캐릭터들 둘러보기 틀들 보면서 내가 했던 고민들 어떻게 해결했나 찾아보는데

보니까 위키스타일 써서 inline-block 이용해서 개체별로 자동 줄바꿈이 되도록 해놨더라고

이게 모바일 가독성이 좋아질려면 표가 세로로 길어져야하고

pc 모니터 가독성이 좋으려면 가로로 길어져야함

근데 모바일 가독성'만' 신경 쓰면 세로 스크롤이 너무 쓸데 없이 길어지고

pc'만' 고려해서 가로로 길게 만들면 모바일 가독성이 씹창이 나기 때문에

그래서 위키 스타일 써서 자동 줄바꿈이 되는 형태를 넣었던거임

위키스타일이 뭐냐면

이런거

나무위키에서 자체적으로 문법을 지원 안하는 형식을 CSS 속성으로 구현할 수 있는거

나무위키 문서중에 좀 이쁘다 싶은것들은 다 이거 써서 만듬 ㅇㅇ 

웹디자인,CSS 공부해본적도 없어서 다른 문서 예시 참조해가면서 구글 검색하고 내 개인 문서에 하나씩 직접 시험하면서 작동방식 이해해가면서 만들어봄

그리고 나온 형태가 이거

참고로 글자 그림자는 원래 없었음. 나중에 다른거 전체 컨트롤+f로 일괄 수정하다보니까 같이 수정된거

이건 좀 좋았는데

근데 이거는 내가 맘에 안들었던게 여백이 너무 많은게 맘에 안들었음

이때는 내가 여백 혐오가 좀 있어서 최대한 틀이 여백 없이 타이트하게 있어야 한다 생각했거든

카오스전사는 dlc때문에 군주 8명인데, 악마 팩션들은 아직 dlc 안나와서 하나씩 있고 언제 채워질지도 모르고

지금 생각하면 왼쪽 정렬이 아니라 가운데 정렬하면 나았을것 같은데 그때는 내가 그 생각을 못함

또 여전히 세로로 길다고 생각함

그리고 어차피 자동 줄바꿈 되면 굳이 세력 구분이 있어야되나?

세력 별로 전설군주 모여잇으면 안되나 싶은 생각이 들었음

그래서 세력 구분 삭제

그래서 나온 형태가 이거임

스크롤 없이 한 화면 안에 모든 전설군주 표시하기 성공!

근데 이거 자동 줄바꿈 때문에 리자드맨의 마즈다문디만 따로 떨어지는게 보여서 종족별로 inline block을 한번 더 묶음

그래서 나온 형태가 이거고

기본적으로 창의 가로폭에 상관없이 세력 별로 묶여서 줄바꿈이 되고, 세력 안에서 전설군주 별로 줄바꿈이 되는  이 형태임

이게 최종 완성이었음


나중에 누가 글자 그림자색 빼고, 갤에서 가시성에 대해 지적하는거 보고 의견 물어서 종족 구분 추가하고 여백 좀 넣어서 구분감 더한게 이거

이건 수정전 마지막 틀 형태의 모바일 버젼

사실 틀 1차적으로 완성한 시점에서 내가 오판한게 2가지였는데

1. 그림자 색 넣은거

이게 처음에 틀 만들때 그림자색이 없으니까 가독성이 안좋아보였음. 너무 밋밋해 보이기도 했고

그래서 가독성 올릴방법 찾아다가 그림자색 넣어봤는데 구분감도 있고 그 당시에는 되게 이뻐보이더라고

근데 한참뒤에 그림자색 누가 삭제했길래 복구하려고 했음

복구하려던 것도, 내 문서 수정해서 꼬와서 되돌리려던게 아니고, 가독성이라는 기능적인 이유로 넣은거니까

근데 막상 이전버젼이랑 비교해 보니까 그림자색 없어도 생각보다 가독성 나쁘지 않더라

왜 과거의 나는 그림자 색이 없는게 가독성이 나쁘다고 생각했을까

그리고 처음 복구하기 전에 뭐 규정 바껴서 삭제한건가 싶어서 규정 찾아보니까 둘러보기 틀에는 그림자색 넣지 말란 규정도 있더라고

그래서 그냥 냅둠. 걍 첨부터 넣지 말걸

2. 여백 혐오

앞서 말했지만 저거 틀 만들던 당시에는 내가 여백 혐오가 컸음. 그래서 다른 문서 편집하거나 표 만들때도 여백 없애려고 했고

그러다가 예전에 토갤 와보니까 어떤 념글 댓글에서 둘러보기 틀 씹고 있길래 뭐가 문젠지 몰라서 갤에 글썼는데 댓글이 안달림

근데 같은 페이지에 다른 사람이 전설군주 둘러보기 틀에 대해서 글쓴거 있길래 댓글로 물어보니까 뭐 가독성이 어쩌고 저쩌고

그래서 이때 종족 이름 추가하고 여백 넣은거

사실 종족 이름은 처음 틀 만들때부터 넣으려고 했는데,

기억이 안나는 이유로 인해 기술적으로 구현을 실패했음

근데 나중에 수정하는데 생각보다 훨씬 간단한 방식으로 구현이 되더라고. 

그때는 왜 안됐던건지 모르겠는데...
그리고 1차 완성 시점에서는 종족별 구분이 없는게 더 이뻐보였음. 오밀조밀하게 깔끔하게 모여있는게 당시엔 깔끔하다 생각함

그렇게 전설군주들 위에 종족 구분 넣고 여백을 넣었는데 훨씬 보기 좋더라고

왜 여백을 그렇게 혐오했는지 지금도 잘 모르겠다.

하여튼 지금까지 보기 싫었다니 미안하고 

그래도 아무 고민 없이 겉멋 자뻑으로 만든 틀이 아니었고 저 틀 만드는게 고민 많았고 아무 생각 없이 만든게 아니라는것만 좀 알아다오