다올다올
Neoline
(r2 문단 편집)
닫기
RAW 편집
미리보기
== 특징 == 한국에서 가장 많이 볼만한 위키 디자인은 아무래도 한국에서 가장 유명한 위키인 나무위키에서 쓰이는 [[espejo]] 스킨이다. 이 스킨은 2015년에 출시한 [[senkawa]]와 크게 다르지 않은 디자인으로, 레이아웃이 크게 변하지 않아 사용자들에게는 친숙하다는 장점이 있을 수 있으나, 나쁘게 말하자면 10년 동안 디자인이 똑같다는 것이다. 동년에 출시한 리브레 위키의 기본 스킨, [[Liberty]]와 디자인이 별 차이가 없는데 그 이유는 이때 두 스킨 모두 부트스트랩을 사용했기 때문에 레이아웃이 비슷한 것이다. 하지만 Liberty는 지금도 꽤 많은 위키에서 아직도 사용 중이다. 그 이유는 공개된 스킨 중에서 가장 깔끔하고, 무난한 스킨이기도 하며 앞서 말한 나무위키와 레이아웃이 크게 다르지 않기 때문이기도 한 것 같다. 나무위키의 스킨은 구형도 신형도 비공개이기 때문에 쓰고 싶어도 쓸 수 없다. 하지만 이러한 틀을 깨보는 것이 어떨까라는 생각이 들었다. 내가 [[Central]] 스킨을 만들었긴 했지만 제작자인 내가 봐도 솔직히 espejo랑 Liberty를 짬뽕한 이도저도 아닌 그냥 조금 다르게 생긴 평범한 스킨이라는 생각밖에 들지 않는다. 2025년 초에 하늘위키에서 [[clearsky]] 스킨이 만들어졌었다. 난 이때 새로운 시도를 한 이 스킨이 굉장히 마음에 들었다. 하지만 얼마 안가 the tree가 프론트엔드가 생기고 Vue로 스킨이 전환되자 삐걱삐걱 거리기 시작하며 하늘위키가 사라져버렸다... 그래서 내가 또 다른 스킨을 만들어 보았다. clearsky와는 살짝 다른, 요즘 웹사이트 디자인으로 흔하게 쓰는 양쪽 사이드바 디자인을 위키에 적용해보았다. 이 스킨은 내가 만들고 싶어서도 있지만 요즘 LLM의 코딩 실력을 보고 싶어서 만들어본 점도 있다. Google의 Gemini를 사용했으며, 만들어진 순서는 다음과 같다. 1. 일단 디자인이 들어간 css, js가 포함된 HTML를 뽑는다. 1. Central에 사용된 변수들을 적용하며 Vue 포팅을 한다. 1. 포팅하며 생긴 css 문제와 js 문제를 수정한다. 1. 디자인을 가다듬고 사람들에게 피드백 받은 것들을 개선한다. 놀랍게도 3번까지 나는 손 하나 까딱 안 하고 오로지 복사 붙여넣기와 말빨로 만들었다. 진짜 기술 발전이 무섭긴 하구나...라는 생각이 들긴 하지만 ChatGPT는 500줄, Gemini는 800줄이 넘어가면 요소 몇개를 빼먹거나 고쳐달라 해도 안 고치고 똑같은 코드를 뱉는 오류?를 보면 아직까지는 사람이 개입을 해야하긴 한다. 또한, 이 친구들은 최적화 따위 하지 않기 때문에 Central은 css가 500줄 남짓이지만 이번에 만든 Neoline의 css는 무려 1220줄이 넘는다. 현생 이슈로 많이 밀린 것이 아쉽긴 하지만, 열심히 최적화해서 이 스킨을 완성하고자 한다.
요약
문서에 기여한 것을
다올위키 라이선스 정책
으로 배포하고, 저작자 표시를 문서 역사란에 표기되는 것으로도 충분하다는 것에 동의합니다.
이 동의를 철회하지 않겠습니다.
비로그인 상태로 편집합니다. 로그인하지 않은 상태로 문서 편집을 저장하면, 편집 역사에 본인이 사용하는 IP(216.73.216.36) 주소 전체가 영구히 기록됩니다.
저장
닫기