| r2 | ||
|---|---|---|
| r1 (새 문서) | 1 | [[분류:위키/스킨]] |
| 2 | [include(틀:위키 스킨)] | |
| 3 | [목차] | |
| 4 | [clearfix] | |
| 5 | == 개요 == | |
| 6 | ||<nopad><width=71.8%><tablebgcolor=#fff,#1c1d1f><tablebordercolor=#000,#fff> [[파일:Neoline 25.12 (1).png|width=100%]] ||<nopad> [[파일:Neoline 25.12 (2).png|width=100%]] || | |
| 7 | || PC 버전 || Mobile 버전 || | |
| 8 | |||| '''Neoline 스킨 스크린샷 (2025/12)'''[br]{{{-2 사진을 눌러 크게 볼 수 있습니다.}}} || | |
| r2 | 9 | [[https://daol.cc/License|라이선스 페이지]] | [[https://github.com/Wikive/thetree_neoline|Github]] |
| r1 (새 문서) | 10 | |
| 11 | == 역사 == | |
| 12 | ||<nopad><tablebgcolor=#fff,#1c1d1f><width=57%> [[파일:Neoline 25.06.png|width=100%]] ||<nopad> [[파일:Neoline 25.07.png|width=100%]] || | |
| 13 | || 2025년 6월, 레이아웃 짜기 || 2025년 7월, 뼈대 구축 || | |
| 14 | * 2025년 6월: Adobe XD로 레이아웃을 미리 정했다. 이때까지만 해도 Central의 분위기가 남아 있는 것이 특징아닌 특징. | |
| 15 | * 2025년 7월: 기존 Central 코드를 재활용하여 html로 뼈대만 구축하였다. css나 js는 하나도 없기 때문에 정상 작동은 전혀 안했다. | |
| 16 | * 2025년 11월: 디자인을 뒤집어 엎었다. | |
| 17 | * 2025년 12월 23일: 뒤집어 엎은 디자인 html 파일을 vue로 전환하기 시작했다. | |
| r2 | 18 | * 2025년 12월 24일: 레이아웃만 작동하는 상태로 다올위키에 스킨으로 추가되었다. [[https://daol.cc/thread/ModernBillowyFullAgent| ]] |
| r1 (새 문서) | 19 | * 2025년 12월 27일: 모바일에서 자동 완성의 위에 1~3줄이 잘리는 사소?한 문제 빼고 모두 해결되어 드디어 스킨 구실을 할 수 있게 되었다. |
| 20 | ||
| 21 | == 특징 == | |
| 22 | 한국에서 가장 많이 볼만한 위키 디자인은 아무래도 한국에서 가장 유명한 위키인 나무위키에서 쓰이는 [[espejo]] 스킨이다. | |
| 23 | ||
| r2 | 24 | 이 스킨은 2015년에 출시한 [[senkawa]]와 크게 다르지 않은 디자인으로, 레이아웃이 크게 변하지 않아 사용자들에게는 친숙하다는 장점이 있을 수 있으나, 나쁘게 말하자면 10년 동안 디자인이 똑같다는 것이다. 동년에 출시한 리브레 위키의 기본 스킨, [[Liberty]]와 디자인이 별 차이가 없는데 그 이유는 이때 두 스킨 모두 부트스트랩을 사용했기 때문에 레이아웃이 비슷한 것이다. |
| r1 (새 문서) | 25 | |
| 26 | 하지만 Liberty는 지금도 꽤 많은 위키에서 아직도 사용 중이다. 그 이유는 공개된 스킨 중에서 가장 깔끔하고, 무난한 스킨이기도 하며 앞서 말한 나무위키와 레이아웃이 크게 다르지 않기 때문이기도 한 것 같다. 나무위키의 스킨은 구형도 신형도 비공개이기 때문에 쓰고 싶어도 쓸 수 없다. | |
| 27 | ||
| 28 | 하지만 이러한 틀을 깨보는 것이 어떨까라는 생각이 들었다. 내가 [[Central]] 스킨을 만들었긴 했지만 제작자인 내가 봐도 솔직히 espejo랑 Liberty를 짬뽕한 이도저도 아닌 그냥 조금 다르게 생긴 평범한 스킨이라는 생각밖에 들지 않는다. | |
| 29 | ||
| 30 | 2025년 초에 하늘위키에서 [[clearsky]] 스킨이 만들어졌었다. 난 이때 새로운 시도를 한 이 스킨이 굉장히 마음에 들었다. 하지만 얼마 안가 the tree가 프론트엔드가 생기고 Vue로 스킨이 전환되자 삐걱삐걱 거리기 시작하며 하늘위키가 사라져버렸다... | |
| 31 | ||
| 32 | 그래서 내가 또 다른 스킨을 만들어 보았다. clearsky와는 살짝 다른, 요즘 웹사이트 디자인으로 흔하게 쓰는 양쪽 사이드바 디자인을 위키에 적용해보았다. | |
| 33 | ||
| 34 | 이 스킨은 내가 만들고 싶어서도 있지만 요즘 LLM의 코딩 실력을 보고 싶어서 만들어본 점도 있다. Google의 Gemini를 사용했으며, 만들어진 순서는 다음과 같다. | |
| 35 | 1. 일단 디자인이 들어간 css, js가 포함된 HTML를 뽑는다. | |
| 36 | 1. Central에 사용된 변수들을 적용하며 Vue 포팅을 한다. | |
| 37 | 1. 포팅하며 생긴 css 문제와 js 문제를 수정한다. | |
| 38 | 1. 디자인을 가다듬고 사람들에게 피드백 받은 것들을 개선한다. | |
| 39 | ||
| 40 | 놀랍게도 3번까지 나는 손 하나 까딱 안 하고 오로지 복사 붙여넣기와 말빨로 만들었다. 진짜 기술 발전이 무섭긴 하구나...라는 생각이 들긴 하지만 ChatGPT는 500줄, Gemini는 800줄이 넘어가면 요소 몇개를 빼먹거나 고쳐달라 해도 안 고치고 똑같은 코드를 뱉는 오류?를 보면 아직까지는 사람이 개입을 해야하긴 한다. 또한, 이 친구들은 최적화 따위 하지 않기 때문에 Central은 css가 500줄 남짓이지만 이번에 만든 Neoline의 css는 무려 1220줄이 넘는다. | |
| 41 | ||
| 42 | 현생 이슈로 많이 밀린 것이 아쉽긴 하지만, 열심히 최적화해서 이 스킨을 완성하고자 한다. |