앙UI 개인화 버전 공개 (구 커스텀UI)
페이지 정보
본문
커스텀UI를 만들어서 공유드린적이 있는데
커스텀 UI는 다모앙에서 기본으로 제공하는 UI 커스텀과 이름이 유사하여
앙UI로 개명했습니다ㅡㅡ;
부연설명이 필요한 것만 아래에 안내드립니다.
아래 설명에 없는 기능들은 한 번 씩 적용해보시면 아실 수 있을 듯 합니다.
아래 모든 기능은 다모앙에서 소스를 변경하면 정상 동작하지 않습니다.
갑자기 잘 되던 기능이 동작하지 않을 경우 댓글로 알려주시면
변경된 소스에 맞게 수정하여 배포하겠습니다.
수정기능 막히기 전에 안내드립니다.
버그리포팅, 개선사항 요청 등 소통은 이 글의 댓글로 해주시면 됩니다.
최신 버전에 대한 개선사항은 자료실 쪽에 업데이트 해놓겠습니다.
앙UI
0. 확장 프로그램 설치 + 설정파일 업로드하여 사용할 수 있습니다.
- User JavaScript and CSS (google.com) <-클릭하여 설치
- 앙UI 최신버전 다운로드<-클릭하여 자료실 이동 후 다운로드
- 자세한 설치 및 적용 방법은 아래쪽 앙UI적용을 위한 확장 프로그램 설치 방법 참고하세요
1. 다모앙 UI에 약간의 편의성을 제공합니다(전체 기능 목록은 맨~아래쪽 이미지 참고)
2. 모든 기능 설정을 "앙UI" 버튼을 통해 화면에서 설정할 수 있습니다.
- 확장 프로그램 소스 코드를 전혀 수정하실 필요 없습니다.
3. 개인화 된 모든 설정은 브라우저 스토리지에 저장됩니다.
- 새버전 적용하더라도 내가 설정한 정보가 사라지지 않습니다.
- 브라우저 설정 들어가셔서 개인 보안 관련 파일 싹 지우시면 앙UI설정도 지워집니다.
- 다모앙 UI커스텀과 동일하게 현재 브라우저에만 저장됩니다.
4. 업데이트된 새버전이 나오면 설정 화면에서 알려주고 다운로드까지 가능합니다.
- 아래 이미지처럼 내가 사용중인 버전이 표시되고 새버전 등장시 버전 넘버링과 등장 메시지가 표시됩니다.
5. 기능 설정시 사용자의 노가다(수동설정)를 없앴습니다.
- 직접 값을 찾아서 입력하지 않고 목록에서 선택할 수 있습니다.
6. 피드백 페이지와 파일 다운로드 페이지를 분리하였습니다.
- 다모앙은 댓글 20개 이상 달리면 수정이 불가하기 때문에
파일은 자료실에서 피드백은 강좌 게시글에서 가능하도록 했습니다.
- 아래 이미지에서 ? 물음표를 클릭하면 지금 보고 계신 이 글로 이동합니다.
이 글의 댓글로 버그 리포팅 및 문의사항을 등록하시면 됩니다.
- 아래 미미지에서 첨부파일을 클릭하시면 자료실에 등록된 가장 최신 버전을 다운 받을 수 있습니다.
자료실로 이동하실 필요 없이 이 화면에서 다운 가능합니다.
자료실의 게시글에 댓글 절대 달지 마세요. 그럼 제가 새버전을 업로드 할 수 없습니다.
7. 즐겨찾기 기능을 제공합니다.
- 왼쪽 목록에서 즐겨찾기에 추가할 메뉴를 클릭하시고 추가 버튼을 클릭합니다.
- 우측에 추가한 목록에서 필요 없는 항목은 선택하고 삭제 버튼을 누립니다.
- 우측에 추가한 목록에서 순서 조정이 필요한 경우 클릭 후 위쪽, 아래쪽 화살표를 클릭하면 이동합니다.
7. 추천수 앞으로 이동 및 컬러세트 설정 기능을 제공합니다.
- 총 6가지 색상 세트를 제공합니다.
- 게시판 목록(공지사항이 테스트하기 좋습니다)을 화면에 띄워놓고 앙UI 들어가셔서 컬러 세트를 변경해보세요
Blue | Red | Green | Brown | Purple | Colorful |
 |  |  |  |  |  |
8. 설정 완료 후 저장 버튼을 클릭해야만 적용이 됩니다.
- 모든 설정은 기본값은 적용 안함입니다.
- 앙 UI 확장 적용 후 앙UI 설정 화면 들어오셔서 필요한 것만 적용하시면 됩니다.
앙UI적용을 위한 확장 프로그램 설치 방법
1. 크롬/엣지 확장을 설치합니다.
User JavaScript and CSS (google.com) <-클릭하여 설치
2. 설치한 확장 실행
1) 브라우저 상단 확장 아이콘 클릭 후 설치한 확장 프로그램명 클릭
2. 아래 이미지와 같은 화면이 나오면 + 더하기 버튼 왼쪽 동그라이 버튼 클릭
3. 확장 프로그램 설정 파일 업로드
1) 아래 이미지와 같이 세번째 아이콘 클릭한 후 Upload JSON 버튼 클릭
2) 다운받은 설정 파일 선택 후 업로드
4. 완료되었습니다. 아무것도 수정하지 마시고 다모앙 페이지를 새로고침합니다.
다모앙 상단 메뉴에 앙UI 버튼이 생겼다면 적용에 성공한 것입니다.
앙UI를 클릭하시고 필요한 기능을 활성화 하세요.
앙UI 전체 기능(설정화면)
지푸라기님의 댓글의 댓글
프로필에 표시되는 것과 메뉴목록에 표시되는 것
2가지는 약간 다릅니다.
메뉴쪽에 표시되는 것은 다모앙에서 제공하는 것으로
내가 작성한 모든 글/댓글을 조회하는 것이 아니라 최근 작성한 것만 조회를 해줍니다.
(예를들어 최근 30건이 아니라 최근 30일 이런식이라서 최근에 글 작성을 안했다면 조회되지 않습니다)
다모앙에서 사용하는 그누보드에서 성능을 고려하여 그렇게 구성이 된 듯 합니다.
그래서 내글/내댓글을 전체 기간 대상으로 최근 30건을 조회할 수 있는 기능을
프로필쪽에 추가한 것입니다.(건수 기준이라 무조건 30건은 나옵니다)
다모앙에서 내글과 내 댓글 데이터를 구분해서 제공하지 않기 때문에
다 합쳐서 조회가 되긴 하지만 최근30건을 확인할 수 있습니다.
내가 댓글 단 글 찾아보고 싶을 때 나름 유용하기 때문에 기능 유지하고 있습니다만
다모앙 개발진에서 이와 관련해서 조회 기준을 개선하여 적용하면
이 기능은 제거할 예정입니다.
지푸라기님의 댓글의 댓글
혹시 다모앙 UI커스텀을 변경하여 적용하셨다면 일시적으로 이런 증상이 생길수도 있고요(적용 후 새로고침을 해야 온전히 적용이 됩니다)
다모앙에서 개발진에서 가끔 패치하면서 꼬이는 경우가 생기기도 해서
저 상태가 새로고침을 해도 계속 지속되는건 아니시라면 그냥 무시하셔도 될 듯 합니다.
지금 최적화 버전 1.0.9 버전을 올렸는데 이 버전을 한번 적용해보세요.
혹시 계속 증상이 발생하시면 피드백 주세요. 같이 들여다보시죠^^
지푸라기님의 댓글의 댓글
화면상 데이터를 조작해서 그리기 때문에 일시적으로 화면을 감추고 데이터 조작한 후 보여주고 있습니다.
근데 이게 아주 잠깐의 순간이라 전 50번 정도 리프레시해야 한 번 나올까 말까 한 증상이라 무시하고 있었습니다.
오류라기 보단 의도한거라서요
이렇게 처리하지 않으면 화면이 그려지는 과정이 실시간으로 눈 앞에서 보여지기 때문에
그게 더 보기가 안좋더군요
그리고 다모앙은 화면 로딩시 부가적인 네트워크 요청이 너무 많아서 어쩔 수가 없습니다.
ㅋㄹㅇ 메인 페이지는 로딩하는데 네트워크 요청 9개를 합니다.
근데 다모앙은 무려 169개의 요청을 해요. 그러니 느릴 수 밖에 없습니다.
거기다가 앙UI는 데이터 조작을 하기 때문에 느리지 않은 척을 하려고 화면을 감췄다가
데이터가 준비되면 짜잔~하고 화면을 그려줍니다 ㅡㅡ;
다모앙 개발팀에서도 이런저런 개선사항을 준비하고 있고 열심히 달려주고 계셔서
차차 더 좋아질 것 같아요.
오늘 자정에 시작되는 다모앙 패치가 끝나면 다시 한번 보시죠
자연스레 해결될지도 몰라요..^^;
요즘 다모앙 발전하는 속도를 보면....슬슬 앙UI가 없어져야 할 시기가 다가오지 않나 싶어요.^^
피드백 종종 주셔서 넘 감사드려요. 앞으로도 잘 부탁드려요^^;
지푸라기님의 댓글의 댓글