11

추가 메뉴

AD
다모앙 마을 만들기 ♡ 다모앙 후원하기
♡ 후원하기 · 벽돌한장 · 광고 제거
다모앙
앙UI 개인화 버전 공개 (구 커스텀UI)
지푸라기

Lv.1 지푸라기 (175.♡.70.122)

2024년 4월 28일 AM 03:02 · 수정됨(07. 05. 15:10)

조회 3,582 공감 0

{video: https://www.youtube.com/watch?v=y2-m1bLgx9Q }

커스텀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 전체 기능(설정화면)

























댓글 (207)

  • 낑이깜이

    낑이깜이 Lv.1

    24.04.28 · 117.♡.13.77

    오오! 대대적인 발전이군요! 집에가서 피씨에 적용해야겠네요. 공유에 감사해요{emo:comment_3534913358_CVDiNqmZ_235dac302536a13a5d40040f3266599e2a5045f7.gif:50}
  • 지푸라기

    지푸라기 Lv.1 → 낑이깜이 작성자

    24.04.28 · 223.♡.163.72

    {emo:damoang-emo-000.gif:50}
  • 샤

    샤갈의눈내리는마을 Lv.1

    24.04.28 · 114.♡.182.211

    적용해 볼게요. 감사합니다
  • 지푸라기

    지푸라기 Lv.1 → 샤갈의눈내리는마을 작성자

    24.04.28 · 223.♡.212.205

    {emo:damoang-emo-000.gif:50}
  • 샤

    샤갈의눈내리는마을 Lv.1 → 지푸라기

    24.04.28 · 114.♡.182.211

    능력자님~ 감사해요 {emo:damoang-emo-010.gif:50}
  • 파란하늘

    파란하늘 Lv.1

    24.04.28 · 121.♡.219.77

    너무 좋습니다.
    소모임당 단축키 지정 짱입니다. ^^
    [https://r2.damoang.net/data/editor/2404/comment_2039012173_NZQU3oLq_0645686c410d8fe1acbaf84b2006825960aac29e.gif]
  • 지푸라기

    지푸라기 Lv.1 → 파란하늘 작성자

    24.04.28 · 223.♡.212.205

    {emo:damoang-emo-000.gif:50}
    소모임 단축키는 저도 꼭 필요한 기능이라 신경을 좀 썼네요^^
  • 문

    문없는문 Lv.1

    24.04.28 · 118.♡.228.226

    감사합니다 {emo:comment_2105814798_P54FkA9K_b8a3fb1ac62e99dc2c979a397101a61aa774ea3d.gif:50}
  • 지푸라기

    지푸라기 Lv.1 → 문없는문 작성자

    24.04.28 · 223.♡.212.205

    {emo:damoang-emo-000.gif:50}
  • LateSpring

    LateSpring Lv.1

    24.04.28 · 76.♡.214.137

    변경 내용을 알려주셔서 지금 적용했습니다. 감사히 잘 시용하겠습니다. 그리고
    혹시 vimium 과 같이 사용할 수 있는 방법이 있을까요?

댓글을 작성하려면 이 필요합니다.