목록, 사이드 메뉴 화면

조회 화면

쓰기화면

v240419_02	추천개수 5단계에 따라 다른 색상을 적용했습니다.(색감 센스가 전혀 없어서..단계별 색상 추천해주셔도 좋습니다 ㅡㅡ;) 🅔 알뜰구매
v240419_03, 03a	사이드메뉴 영역이 배경과 구분되게 색상 변경(dark, light) 글 조회시 작성자의 작성글, 댓글 목록 보기에서 각 게시글 클릭시 링크가 내부에서 열려서 페이지 전체에서 열리도록 버그 픽스
v240422_01	[전체] 내 글 | 내 댓글 메뉴를 프로필 영역으로 이동시켰습니다. 내글 | 내 댓글은 즐겨찾기에 설정할 수 없도록 변경했습니다(관리적 이슈 때문에 전체는 프로필로 이동하고 새글은 고정으로 MENU 카테고리에 노출됩니다) 아래처럼 나옵니다.
v240422_03	프로필 안에 내글|내댓글 넣은 기능에 버그가 있어서 긴급 패치 합니다. 기존 버전 보시면 소모임 안에 잘 못 추가된 글자들이 보일거에요.  이 버전으로 적용하시면 해결됩니다.
기존 버전 사용자분께	다모앙 기본화면설정(UI 커스텀)이 안정화 됨에 따라 커스텀 UI내 동일한 기능은 비활성화 했습니다. 필요시 주석 해제하여 사용해주세요.

다모앙 커스텀 UI입니다.

많은 개발자 분들이 다모앙을 멋지게 만들어 주고 계신데 물리적인 시간이 필요함으로

자잘하게 필요한 것들을 적용하여 수정해봤습니다.

위는 적용된 예시 화면입니다.(이미지 클릭하시면 원본 사이즈로 보실 수 있습니다)

예시 화면엔 표시가 안되었는데 후방글 감추는 기능과 소모임 단축키 지정 기능도 있습니다.

기능은 제가 간간히 작업해서 추가될 경우 제목에 버전을 명시해놓습니다.

자신이 쓰는 버전과 다를 경우 다운 받아서 적용 해보시면 됩니다

전체 기능은 본문 제일 아래에 코드로 작성되어 있습니다.

적용 방법은 크롬/엣지 확장 프로그램을 1개 설치하시고

제가 업로드 해드린 설정 파일을 받아서 해당 확장에서 그 파일을 업로드 하면 됩니다.

아래 적용 절차를 따라서 해보세요.

적용 방법은 매우 쉬우니 관심 있으신 분들은 해보세요.

아래 적용전에 다모앙 설정파일을 다운받아주세요. 첨부파일로 올려두었습니다.

1. 크롬/엣지 확장을 설치합니다.

User JavaScript and CSS (google.com)  <-클릭하여 설치

Dimebag님이 이 확장을 알려주셔서 요긴하게 잘 사용하고 있습니다. 감사합니다^^;

2. 설치한 확장 실행

1) 브라우저 상단 확장 아이콘 클릭 후 설치한 확장 프로그램 명 클릭

2) 아래 이미지와 같은 화면이 나오면 + 더하기 버튼 왼쪽 동그라미 버튼 클릭

3. 확장 프로그램에 설정 파일 업로드

1) 아래 이미지와 같이 세번째 아이콘 클릭한 후 Upload JSON 버튼 클릭

2) 댜운 받은 설정파일 선택 한 후 업로드

4.  다모앙 사이트 설정 활성화 확인

업로드에 성공하면 아래와 같은 화면이 나옵니다.

왼쪽 등록된 RULES 목록에 다모앙 사이트가 정상적으로 보이고 옆에 오렌지색으로 활성화에 불이 들어오면 설정 완료입니다.

아래와 같은 화면이 안나오시는 분은 아래 이미지에서 오렌지 불 켜있는 첫번째 아이콘 클릭하시면 나옵니다.

위와 같이 하시고 다모앙 접속하셔서 페이지 새로고침 하시면 정상적으로 적용된 것을 확인하실 수 있습니다.

참고로, 다모앙은 수시로 소스가 변경되고 있기 때문에 쓰시다가 일부 기능이 동작하지 않을 수도 있습니다.

이 확장이 기존 화면을 임의로 조작하여 적용하는 것이기 때문에 간헐적으로 일부 CSS는 적용이 풀리기도 합니다.

그때는 그냥 페이지 새로고침 하시면 다시 잘 적용됩니다.

조금 코드를 아시는 분이라면 수정하여 사용하셔도 됩니다.

코드 수정 후 SAVE 버튼 누르면 저장됩니다.

왼쪽 영역 : 스크립트

오른쪽 영역 : 스타일시트(CSS)

# 스타일시트로 적용한 기능

오른쪽 영역에 아래 내용과 관련된 스타일시트 코드가 있습니다.
비활성화 하고 싶은 기능은 해당 코드를 삭제하거나 주석처리 하면 됩니다.
// 또는 주석하고 싶은 코드를 /* */ 이 코드로 감싸면 됩니다.

1. 상단메뉴 고정

• 상단 메뉴 고정이 되지 않고 있어서 다시 적용합니다.

2. 추천 버튼 색상 변경하여 강조(기본값 붉은 색 : 원하는 색상으로 변경하세요)

3. 댓글 버튼 위치 오른쪽으로 변경

4. 추천 버튼 배경색 변경

5. 나의 프로필 숨기기(이미지, 이름)

# 스크립트로 적용한 기능

스크립트 영역의 위쪽은 개발영역으로 신경쓰지 마시고 아래로 아래로 내려주세요.

맨~아래로 내리시면 다모앙 커스텀 UI 환경설정이라고 나오는 부분 그 부분부터 보시면 됩니다.

아래는 해당 스크립트 영역 하단에 있는 내용입니다.

아래 내용 살펴보시고 필요한 기능에 true, false만 해주시면 됩니다.

별도로 작업이 필요한 것이 소모임 단축키 지정과 즐겨찾기 지정인데 이것도 설명 잘 보시면서 해주세요.

/*==============================================		다모앙 커스텀 UI 환경설정		: 각 기능별 설명 확인 후 사용 유무를 변경합니다.		: 사용(true), 미사용(false)==============================================*//*========= 소모임 단축키 지정 사용방법 ===========	[윈도우 사용자]	Ctrl + 숫자(1~9) 입력하여 사용합니다.	Ctrl + 1을 누르면 클다방으로 이동합니다.(아래 예시)		[MAC 사용자]	Command + Shift + 1~9 조합으로 사용	Control + 1~9 조합으로 사용		소모임 고유주소 값 확인 방법	1. 추가할 소모임 방문 	2. 주소창에서 주소 확인 ex> https://damoang.net/coffee	3. 주소 뒤쪽 coffee 복사하여 사용===============================================*///소모임 단축키로 지정할 고유 주소 값을 아래에 넣으세요(1-9까지만 지원)var clubShotcutList = [		  ["1", "coffee"],		  ["2", "macmoang"],		  ["3", "applemoang"],		  ["4", ""],		  ["5", ""],		  ["6", ""],		  ["7", ""],		  ["8", ""],		  ["9", ""],		];/*========= 즐겨찾기 고유 주소 값 ===========/bbs/noti.php										[A] 알림보기/notice													[K] 공지사항/free														[F] 자유게시판/qa															[Q] 질문과 답변/hello													[I] 가입인사/new														[N] 새소게(새소식)/tutorial												[T] 사용기/lecture												[L] 강좌/팁/pds														[P] 자료실/economy												[E] 알뜰구매/gallery												[G] 갤러리#sidebar-sub-s8									[S] 소모임/governance											[V] 거버넌스/bug														[B] 유지관리/truthroom											[J] 진실의 방/bbs/group.php?gr_id=community	[C] 커뮤니티===========================================*/// 즐겨찾기에 추가할 고유 주소 값을 위에서 복사하여 아래에 넣으세요// 맨 마지막 값은 뒤에 "," 콤마가 없습니다.var arrFavMenus = [	'/free',	'/new',	'/economy', 	'#sidebar-sub-s8', 	'/lecture',	'/tutorial',	'/bug'];		/*---------------------------------------------*/// [탑메뉴] 상단 메뉴 고정topMenuFixed(true);/*---------------------------------------------*/// [사이드메뉴] 소모임 바로가기 단축키 지정clubShortcut(true, clubShotcutList);// [사이드메뉴] [새글] 내 글|내 댓글 UI 및 내용 수정myTextCmmtUIMod(true);// [사이드메뉴] 사이드바 메뉴 즐겨찾기 설정favoritesUse(true,arrFavMenus);  // [사이드메뉴] 메뉴 영역이 배경과 구분되게 색상 변경changeSideMenuBg(true);// [프로필 박스] 프로필 박스에 내 글 | 내 댓글 메뉴 추가totalTxtCmmtMnu(true);/*---------------------------------------------*/// [조회]조회화면 하단 게시물 목록 삭제 removeBottomList(true);// [조회]댓글 입력창 본문 아래로 위치 변경moveUpComment(true);// [조회]첨부파일 위치 위쪽(제목 아래)으로 이동moveUpAttach(true);// [조회] 글 조회시 작성자의 작성글/댓글을 보여주는 기능writerTxtCmmtListView(true);// [조회] 목록 버튼 클릭시 조회중이던 페이지로 이동 기능listBtnPaging(true);// [조회] 이전글/다음글/목록 버튼 영역 위쪽에도 추가addUpBtnGroup(true);/*---------------------------------------------*/// [목록] 게시물 목록 추천 <> 번호 자리 바꾸기changeNumToRcmd(true);// [목록] 게시글 목록에서 내가 작성한 글 강조하기myTextEmphasis(true);// [목록] 목록화면 "내 글" 버튼 활성화myTextButton(true);// [목록] 후방글 노출 여부 설정hoobangUse(false);/*---------------------------------------------*/// [쓰기] 글 작성시 작성완료 버튼 제목 옆에도 나오도록 추가addWriteBtn(true);