개인화면 설정 기능 발표 - 기여자 Arch 님
페이지 정보
본문
Arch 님께서 다모앙 오픈 하자 마자 소스를 DM으로 잔달헤 주시고 공개해주셨는데,
제가 너무 늦게 적용하였습니다.
그동안 UI 많이 불편하셨죠?
이용 방법
PC 일 경우
모바일일 경우
설정 방법
백문이 불여 일견
첨부된 youtube 혹인해 주세요.
@임시잡부 님께 부담을 줄이고자 제가 공지드립니다.
그리고 당분간 공지가 많은 것은 양해 부탁드립니다.
감사합니다.
제작해주신 @Arch 님 감사합니다.
메모 VS 진실의 방 자동 이동
이건 임집사님과 저만 뜹니다.
메모는 @니슬런트 님께서 만들어 주신게 있어서 적용 하려고 했는데
@임시잡부 님께서 진실의 방 자동 이동 기능이 더 급하다고 하셔서
오늘 밤은 그것 해야 할 것 같습니다.
디모앙 기능 개선을 제 맥북 에어로 하니깐 편한데 Docker 띄우고 하니깐 넘 느립니다. ㅠㅠ 실 다모앙 페이지 접속했는데 너무 느려서 깜짝 놀랐습니다.
좋은 주말 되세요~!
[이 게시물은 sdk님에 의해 2024-04-16 00:45:36 자유게시판에서 이동 됨]
댓글 95
/ 1 페이지
감사합니다 
(삭제된 이모지) 
ClinicalPathology님의 댓글
(삭제된 이모지) 
감사합니다!!!!
감사합니다!!!!
지푸라기님의 댓글
@sdk 지금 커스텀 UI 적용시 기본 설정 로드 후 커스텀 설정 재로딩 되는 현상이 있는데요
이게 style과 script간 우선순위때문에 기본 style 먼저 적용되서 발생하는 문제입니다.
style로 덮어 버리면 되긴 하는데...그냥 꼼수로 아래처럼 해보셔도 됩니다.
AS-IS 소스를 TO-BE로 변경해서 적용해보세요.
일단, 로컬에서 테스트 했을땐 잘 되었습니다.
try~catch는 필요하시다면 set_ui_custom 함수안에서
exception 발생할 여지가 있는 곳에 개별적으로 적용하시면 좋을 듯 합니다.
그래야 여러 커스텀UI 옵션 중 에러가 발생하지 않는 옵션이라도 일부 적용이 될테니까요.
참고해보세요
# AS-IS
$(function() {
try {
set_ui_custom();
} catch (error) {
console.error('Failed to initialize custom UI settings:', error);
}
});
# TO-BE
window.attachEvent("onload",set_ui_custom());
참고로, 소스 어디에선가 onLoad 관련하여 스크립트로 호출하는 부분이 있다면
이거 적용하면 해당 부분은 무시됩니다.
그런 부분 있으시다면 onload용 함수 하나 만드셔서 해당 함수에서 필요한 함수들을 순차적으로 실행하게 하면 될 듯 합니다.
이게 style과 script간 우선순위때문에 기본 style 먼저 적용되서 발생하는 문제입니다.
style로 덮어 버리면 되긴 하는데...그냥 꼼수로 아래처럼 해보셔도 됩니다.
AS-IS 소스를 TO-BE로 변경해서 적용해보세요.
일단, 로컬에서 테스트 했을땐 잘 되었습니다.
try~catch는 필요하시다면 set_ui_custom 함수안에서
exception 발생할 여지가 있는 곳에 개별적으로 적용하시면 좋을 듯 합니다.
그래야 여러 커스텀UI 옵션 중 에러가 발생하지 않는 옵션이라도 일부 적용이 될테니까요.
참고해보세요
# AS-IS
$(function() {
try {
set_ui_custom();
} catch (error) {
console.error('Failed to initialize custom UI settings:', error);
}
});
# TO-BE
window.attachEvent("onload",set_ui_custom());
참고로, 소스 어디에선가 onLoad 관련하여 스크립트로 호출하는 부분이 있다면
이거 적용하면 해당 부분은 무시됩니다.
그런 부분 있으시다면 onload용 함수 하나 만드셔서 해당 함수에서 필요한 함수들을 순차적으로 실행하게 하면 될 듯 합니다.
지푸라기님의 댓글의 댓글
@sdk님에게 답글
대자앙님 혹시 적용하시고 증상이 해결 되었나요?
커스텀UI 왼쪽 메뉴 설정하고 메뉴 이동 해보면 오른쪽에 메뉴가 떴다가 왼쪽에 다시 뜨는 증상은 그대로인 듯 해요
소스보니 제가 오전에 테스트 할 때랑 좀 달라진 듯 한데요
지금 소스 기준으로 아래처럼 body -> head로 변경하면 증상이 해결되는 것처럼 보입니다.
if (ui_custom_style != "") {
$("head").append("<style id=\"user_ui_custom_styles\">\n" + ui_custom_style + "</style>");
}
사실 가장 좋은 해결방법은 커스텀UI가 사용일 때 사용자 정의된 style 태그를 head 영역에 include 시키는 것입니다.
이걸 스크립트로 밀어 넣으면 스타일시트를 먼저 실행하기 때문에 우선순위에서 자꾸 밀리는 증상이 생기더군요.
그래서 php로 head 영역에 if 분기 태워서 include 시키면 해결되지 않을까 싶기도 합니다.
일단 위에 body-> head 변경해서 증상 해결되는지 확인해보시면 좋을 듯 합니다.
커스텀UI 왼쪽 메뉴 설정하고 메뉴 이동 해보면 오른쪽에 메뉴가 떴다가 왼쪽에 다시 뜨는 증상은 그대로인 듯 해요
소스보니 제가 오전에 테스트 할 때랑 좀 달라진 듯 한데요
지금 소스 기준으로 아래처럼 body -> head로 변경하면 증상이 해결되는 것처럼 보입니다.
if (ui_custom_style != "") {
$("head").append("<style id=\"user_ui_custom_styles\">\n" + ui_custom_style + "</style>");
}
사실 가장 좋은 해결방법은 커스텀UI가 사용일 때 사용자 정의된 style 태그를 head 영역에 include 시키는 것입니다.
이걸 스크립트로 밀어 넣으면 스타일시트를 먼저 실행하기 때문에 우선순위에서 자꾸 밀리는 증상이 생기더군요.
그래서 php로 head 영역에 if 분기 태워서 include 시키면 해결되지 않을까 싶기도 합니다.
일단 위에 body-> head 변경해서 증상 해결되는지 확인해보시면 좋을 듯 합니다.
바람쟁이님의 댓글
사용해보니 화면 전환될때마다 오리지날 화면과 사용자정의 설정으로 한번씩 변하면서 순간적으로 화면이 어지럽게 보이네요..@@
설정했다가 다시 초기값으로 원복 했습니다. (페이지 로딩할때마다 사용자 설정값으로 다시 변환하나 봅니다.)
예) 메뉴를 좌측으로 하고 폭 넓이를 더 크게 사용자 설정함.
. 일단 게시물을 클릭하면 순간적으로(0.2초?) 미설정 초기화면처럼 메뉴가 오른쪽에 위치한 화면으로 보여졌다가..
다시 사용자가 설정한(왼쪽 메뉴) 화면으로 보여짐.
다시 게시물을 빠져나오면 순간적으로 초기화면처럼 보여지고, 다시 사용자 설정화면으로 뿌려짐..
이게 계속 반복되니 화면 레이아웃이 순간적으로 획~획 바뀌면서 너무 어지럽네요...
설정했다가 다시 초기값으로 원복 했습니다. (페이지 로딩할때마다 사용자 설정값으로 다시 변환하나 봅니다.)
예) 메뉴를 좌측으로 하고 폭 넓이를 더 크게 사용자 설정함.
. 일단 게시물을 클릭하면 순간적으로(0.2초?) 미설정 초기화면처럼 메뉴가 오른쪽에 위치한 화면으로 보여졌다가..
다시 사용자가 설정한(왼쪽 메뉴) 화면으로 보여짐.
다시 게시물을 빠져나오면 순간적으로 초기화면처럼 보여지고, 다시 사용자 설정화면으로 뿌려짐..
이게 계속 반복되니 화면 레이아웃이 순간적으로 획~획 바뀌면서 너무 어지럽네요...
미스터골드님의 댓글