• 북마크
타입문넷

자유게시판

AA게시판 관련 불편사례 취합

AA

본문

이번에 문넷이 개편되면서 게시판 또한 새로운 그누보드 및 스킨으로 변경되었습니다.


개편의 영향으로 AA게시판의 글들이 제대로 보이지 않는다는 의견이 많은걸로 보이는데

롸군님께서는 현재 서버 관련 작업으로 바쁘신 상태입니다. (롸군님 글 "접속 지연 현상에 대하여" 참고)


이런 상황에서 특정 글이 안보인다는 형식으로 문의가 들어오면

롸군님께 부담도 많이가고 해결까지 걸리는 시간도 늘어날 것으로 예상됩니다.


그래서 가능하면 이 글에서 AA게시판과 관련된 불편사항을 취합하여 정리하면 좋을 것 같아 글을 올립니다.


댓글로 사례를 올려주실때 아래와 같은 요소를 포함해주시면 도움이 됩니다.


문제가 발생한 글 링크 (없으면 문제 확인 불가능)

● 문제가 발생한 환경

   - 문넷 접속 모드 (PC, 모바일)

   - 브라우저(안드 크롬, 윈도우 파폭 등)




자유게시판에서 본 불편사례와 제가 파악한 원인은 아래와 같습니다.


  1. [Mobile] AA게시판 가로 스크롤 불가능 (롸군님께서 수정하여 해결됨)
    - 원인 : 신규 게시판 기본 스타일 설정이 스크롤 숨김(overflow:hidden)으로 설정됨

  2. [PC] 게시판 가로 사이즈 제한으로 길다란 AA가 잘려나옴 (롸군님께서 수정하여 해결됨)
    - 원인 : 신규 게시판 기본 스타일 설정상 가로 최대 사이즈는 1100px로 고정되어 있음

  3. [PC,Mobile] 상하 줄간격이 넓게 표시되어 AA가 깨져보임 (롸군님께서 수정하여 해결됨)
    - 원인 : 신규 게시판 기본 스타일 설정에서 특정태그(dd,dt)에 별도로 줄간격 설정이 있어서 발생(AA웹폰트는 1.125, 게시판 설정은 1.42857143)
    - 개인 대처법
       ● 해당 글에서만 태그의 줄간격을 1.125로 변경하기.
          - html 모드에서 아래 태그를 입력 후 저장
            <style>.AA_Text dd{line-height: 1.125;}</style>

  4. [PC] HTML 태그가 적용 되지 않음
    [1]
       - 현상 : 글 작성 후 수정에 들어가면 태그가 없어져 있음
       - 원인 : 신규 게시판인 그누보드5에서 보안상의 이유로 허용된 태그를 제외한 모든 태그를 제거함
               (보안 이슈라 수정 요청하긴 어려울것으로 추측됩니다.)

    [2]
       - 현상 : 글 작성 후 다시 HTML 모드에 들어가 확인해보면 사용한 태그 내용이 이상하게 깨져있음
       - 원인 : 에디터 모드에서 저장시 HTML 태그 문자가 자동으로 변환되어 태그가 깨짐
       - 개인 대처법 : 글 저장시 html 편집모드에서 저장

  5. [Mobile] 과거 글의 AA가 깨져나옴 (이미지깨짐-미해결, 텍스트깨짐-해결)
    [1]​
      - 현상 : 이미지로 작성된 AA가 깨져나옴
      - 원인
        1. 외부사이트에서 링크된 이미지가 없어짐
        2. 문넷 신규 서버 이전으로 문넷에 업로드된 이미지의 연결이 끊어짐
      - 2017 이후 이미지는 괜찮으나, 2017 이전에 올라온 글의 이미지는 복구 힘들것으로 예상(롸군님 댓글참조)

    [2]
      - 현상 : 텍스트로 작성된 AA가 PC에선 제대로 표시되나 모바일에서만 깨져나옴.
      - 원인
        1. 초창기 웹폰트는 글마다 개별로 <style>태그를 사용하여 폰트설정을 불러왔음
        2. 과거에는 폰트를 http로 불러왔으나, 문넷이 https로 이행하면서 브라우저에서 http로된 데이터를 차단함
        3. AA게시판에 광역으로 설정된 폰트명(Stmr)과 초창기 폰트명(TextAA)이 달라 광역 설정도 제대로 적용되지 못함
      - 웹폰트 css 내용을 추가하여 과거 폰트명으로도 https로 폰트 불러올 수 있게 수정완료.

=======================  2021-03-08  =======================

6. [Mobile] 사이트 확대는 가능하나 축소가 불가능 (롸군님께서 수정하여 "큰화면" 버튼 추가됨)
   - 원인 : 모바일 페이지가 반응형 구조로 변경되면서 가로사이즈가 화면크기로 고정되어 축소 불가능함 (viewport min-scale=1.0, 각종 태그 가로 크기 설정 등)
   - 해결법 : 예전 문넷과 비슷하게 보이는 PC환경 wmode=1로 접속하는 버튼 추가.
     예시

7. [Mobile] 하단 게시판 목록에 현재 읽고 있는 글 강조표시 없음
(롸군님께서 수정하여 해결됨)
   - 원인 : 현재 읽는 글 자체는 PC와 동일하게 <strong> 태그가 적용되어 있으나, 나머지 글 제목에 아래 css 설정이 적용(bold)되어 동일하게 굵게 보임.

 .board-list .table-list-eb .td-subject .subject {
    font-size: 13px;
    font-weight: bold;
}



8. [PC, Mobile] 로그인이 계속 풀림 (롸군님께서 수정하여 해결됨)
   - 원인(추정) : 다중서버 세션 이슈로 추정됨
   - 해결 방법 예상
     1) 웹서버에 데이터를 저장하지 않고 별도 파일서버(NFS)를 사용
     2) 세션 정보 저장을 파일이 아닌 메모리기반으로 변경(redis나 memcached)



===================  2021-03-15  ===================

9. [PC, Mobile] AA 웹폰트 추가 전 과거 글들이 깨져나옴 (롸군님께서 수정하여 해결됨)
  - 사례글 : https://www.typemoon.net/aa_asciiart/3407?sfl=wr_subject&stx=%EC%95%BC%EB%A3%A8%EC%98%A4&sop=and&spt=-3887&page=53
  - 원인 : AA게시판 본문에 기본으로 적용되던 AA웹폰트 설정(.AA_Text 클래스)이 신규 게시판에는 없음.
  - 해결법
     - AA게시판에서만 게시판 본문 div 태그 클래스에 AA_Text 클래스를 추가하여 게시글 내용 전체에 AA웹폰트 기본적용되도록 추가.
     (PC) board-view-con view-content -> board-view-con view-content AA_Text
     (Mobile) board-view-con-mobile view-content -> board-view-con-mobile view-content AA_Text




===================  2021-03-30  ===================

10. [PC, Mobile] 줄간격이 크게 표시되어 깨짐 (롸군님께서 수정하여 해결됨)
  - 사례글 : https://www.typemoon.net/aa_19/217667?sfl=mb_id%2C1&stx=neon1234 (19금 AA게시판)
  - 원인 : 신규 게시판 기본 스타일 설정중에 p 태그에 아래 여백 10px가 지정되어 있어서 발생 (bootstrap-nr.min.css 파일 margin-bottom: 10px)
  - 해결법
     - AA게시판에서만 동작하는 스타일 설정 추가

.AA_Text p {
    margin-bottom: 0px;
}



===================  2021-05-05  ===================

11. [PC, Mobile] 글쓰기 화면에서 AA가 깨져나옴
  - 발생 위치 : 일반AA, 19금 AA 게시판 글쓰기 화면 (https://www.typemoon.net/aa_asciiart/write, https://www.typemoon.net/aa_19/write)
  - 원인
    1. wsyiwyg 에디터가 i frame환경으로 구성되어 있어 AA웹폰트 css 설정이 적용되지 않음
    2. AA게시판마다 템플릿 설정이 다름(인라인 스타일로 AA웹폰트 설정된 곳은 정상표시됨)
  - 해결법 후보
    1. smart editor2의 html 파일에 AA웹폰트 css를 추가
        (고려사항) AA게시판에만 적용할 수 있는지 확인 필요
    2. AA게시판 템플릿 내용에 AA웹폰트 style 태그를 추가
        (고려사항) 편집시에만 필요한 선언이 추가되어 게시글 기본 크기 증가됨



  • 10.25Kbytes
6
로그인 후 추천 또는 비추천하실 수 있습니다.
추천한 회원 보기
profile_image
포인트 100
경험치 2,327
[레벨 7] - 진행률 33%
가입일 :
2007-04-02 21:54:50 (6485일째)
문넷 뉴비입니다.

최신글이 없습니다.

최신글이 없습니다.

댓글목록 35

그라스님의 댓글

profile_image
모바일로 AA볼때 AA가 너무커서 축소해서 보려고 하는거도 안되요...

템플님의 댓글의 댓글

profile_image
모바일일때 "큰화면" 이라는 버튼을 롸군님께서 추가되었습니다.

누르면 예전 문넷처럼 확대해서 보실수 있을거에요.

그라스님의 댓글의 댓글

롱기눗스님의 댓글

profile_image
모바일 상태에서는 현재 읽고있는 글이 목록에 표시 안되는건 저만 그런걸까요?

템플님의 댓글의 댓글

profile_image
롸군님께서 수정해주셔서 이제 붉은 색깔로 확실하게 구분이 됩니다! 이모티콘

롱기눗스님의 댓글의 댓글

profile_image
오 인터넷기록 삭제후 재접속하니 적용되는군요

뷰너맨님의 댓글

profile_image
PC로 AA 가로가 짤리는 현상은 가로 폭을 AA 게시판 한정으로라도 늘리는 정도가 그나마 답이겠군요;

migaloo님의 댓글의 댓글

profile_image
PC에서 가로사이즈가 넓어지긴 했지만, 가로스크롤이 있어야겠더군요.

모바일버전으로 보면 가로스크롤이 나와서 잘리진 않습니다

블록님의 댓글

profile_image
모바일에서 aa게시판,아닌게시판들 통합 문제로 같은글 시리즈로 보면 글 목록에서 지금있는 글이 어느글인지 표시가 안나와서 전글이나 다음글 찾가가 엄청 복잡한 경우가 있습니다

천은하님의 댓글

profile_image
모바일에서 AA는 상단의 PC모드로 보기 눌러서 모드를 바꾸면 거의 괜찮아지더군요. 임시방편에 가깝지만 꽤 괜찮습니다

오메가님의 댓글

profile_image
불편한 사항은...



[mobile]모바일 aa를 볼 때 내가 어디를 보고 있는지 표시가 안 되어서 불편합니다



[Mobile]모바일 aa를 보다보면 마음대로 로그아웃이 되거나, pc모드로 강제전환이 됩니다(이 글을 쓰는 와중에도 그런 걸 보면 aa게시판안의 문제는 아닌가)

롸君님의 댓글

profile_image
2. 길어지는 게시글이 보통 가로사이즈가 정해져있는지, 아니면 게시글마다 다른지.

가능하면 길어지는 게시물의 링크를 보내주시면 확인해보겠습니다.

무리가 안되는 정도면 전체게시판 사이즈를 넓히고 아니면 AA게시판만 넓히는 방향이 될 듯 합니다.



3. 이 부분은 CSS의 글간격만 변경하면 되는 부분이라 변경 했을 때 기존 글이 깨지지 않느다면 변경 가능할 것 같습니다.



4. 이 부분은 확인이 필요 할 것 같습니다.



5. 1-2. 좀 더 빨리 확인 됬으면 살릴 수도 있었을 것 같은데 현재는 아마 복구는 힘들 것 같습니다.

AA를 이미지로 에디터에 올린걸 알았다면 따로 데이터 관리 했을텐데 아쉽네요.

현재 추정으로는 2017년 이후는 괜찮고 그 이전의 이미지가 문제인 것 같습니다.

migaloo님의 댓글의 댓글

profile_image
2. PC에서 AA의 가로 사이즈가 1100px을 넘어가면 여지없이 잘려나옵니다.

  잘리는 AA를 확인하니, 길어지는 정도는 게시글마다 다릅니다.

  다만 넘어가는 경우에도 몇몇 장면에서 그렇지 AA전체가 그렇진 않기 때문에, 모바일에서처럼 가로스크롤을 적용하는 것도 방법이 될 것 같습니다.



예시) https://www.typemoon.net/aa_asciiart/541294

      https://www.typemoon.net/aa_asciiart/547930

      https://www.typemoon.net/aa_write_19/62112 (19금 창작 AA)

      https://www.typemoon.net/aa_write_19/62330 (19금 창작 AA)

템플님의 댓글의 댓글

profile_image
5번 케이스처럼 과거글이 깨져나온다는 제보가 댓글로 달려서 확인해보니

이전 게시판에서는 AA웹폰트 기본 적용시키는 부분이 빠진걸로 확인되어서 노티용으로 댓글 드립니다.



자세한 사항은 본문 갱신된 내용 참조 부탁드립니다.

템플님의 댓글의 댓글

profile_image
css 관련해서 추가로 이슈 인입이 왔습니다.

크롬에서 개행 기본으로 사용하는 p태그에 하단 여백 설정이 들어가서 문제가 발생하네요.



본문 신규 추가한 10번 참고 부탁드립니다.

롸君님의 댓글의 댓글

profile_image
해당 부분 추가했습니다.

템플님의 댓글의 댓글

profile_image
글쓰기 화면에서 에디터 내 AA가 깨져나오는 이슈가 인입되었습니다.



템플릿에 AA웹폰트 스타일 추가하는 방식으로 작업한다고 하면

게시판 분리 작업 후에 템플릿을 동일하게 설정하지 않으면 다시 문제가 발생할 수도 있을 것 같습니다.





ps. 다크모드 테마 상태일때 자유게시판은 에디터 본문 부분도 검게 나와서 본문 내용이 안보이네요 이모티콘

오징어징어님의 댓글

profile_image
pc 크롬에서 aa 다음화로 넘어가는 중에 갑자기 로그인이 해제되서 다시 로그인 하라고 나오는데 이것도 문제일까요?

롸君님의 댓글

profile_image
캐시삭제 해보시기 바랍니다.

일단 가로사이즈는 AA그룹에서 전체적으로 넓게 수정했습니다.

AA_Text dd도 일단 적용을 해보긴 했는데 실제로 적용됬는지 모르겠네요.

이리스피르님의 댓글의 댓글

profile_image
pc 크롬 aa가다시 잘려서 나오기 시직합니다. 위에 메뉴창이 접혀서 나오면서 aa도 그대로 잘리네요

템플님의 댓글의 댓글

profile_image
1.

dd 태그는 이 글(https://www.typemoon.net/aa_i4p3ia/46107) 에서 확인가능합니다.



2.

@media screen and (min-width:1100px) {.container{width:80%;}}

위 css 속성처럼 화면크기 1100 이상일 경우에만 80%로 지정해야 안짤릴것 같습니다.

템플님의 댓글의 댓글

profile_image
6~8번 항목 댓글 보고 추가하였습니다.



7번은 모바일쪽 게시판 스타일 설정만 변경해 주시면 바로 해결 될 것 같네요.

롸君님의 댓글의 댓글

profile_image
2. 추가했습니다.



6. 모바일에서 큰화면 버튼 추가



7. 배경으로 구분하려다 별로 안이뻐서 그냥 게시물 색을 붉은색으로 변경



8. 안 그래도 memcached는 깔아놔서 이쪽도 생각하고 있었는데 주말에 db replication 작업하면서 해봐야겠네요.

템플님의 댓글의 댓글

profile_image
2번 같은경우 단순히 .container{width:80%}로 줄 경우 작은화면일때도 비율기준으로 작아져서 가로 크기가 뭉개지는 문제가 있습니다.

게시판에서 기준으로 잡은 1170px 사이즈 이하로는 작아지지 않도록 하는게 맞을것으로 생각됩니다.



style-nr-aa.css?ver=191202 파일쪽 세팅을 가로크기가 일정이상일 때만 동작하도록 media 추가 부탁드립니다.

(참고로 bootstrap-nr.min.css?ver=191202의 .container 기본 사이즈는 1170px 입니다.)



기존

.container{width:80%}



변경

@media screen and (min-width:1200px) {.container{width:80%;}}

롸君님의 댓글의 댓글

profile_image
에구, style-nr-aa에 변경한다는게 style-nr에다 넣어버렸네요. 수정했습니다.

템플님의 댓글의 댓글

profile_image
중괄호 닫는게 하나 빠져서 화면 깨져나오네요이모티콘

롸君님의 댓글의 댓글

템플님의 댓글의 댓글

profile_image
가로 크기가 1100px일때 상단 메뉴가 2줄로 나오네요. 가능하면 1200px로 media 설정 조건을 변경하는게 좋을것 같습니다.

그부분 빼면 작은 화면에서는 최소크기 유지도 되고 잘 나오고 있는것 같습니다.



늦은 시간임에도 불구하고 바로바로 피드백해주셔서 감사합니다 이모티콘

카엘린님의 댓글

profile_image
모바일 pc버전/pc로 접속시 강제로 브라우저 좌우 사이즈에 맞게 페이지 조절이 됩니다.

이게 어느 한 게시물이 아니라 모든 게시물에 발생하는 문제라...

pc버전과 pc에선 좌우스크롤이 없어 어느 정도 브라우저 좌우 폭을 넓히고 봐야지 정상적으로 문구가 출력됩니다.

템플님의 댓글의 댓글

profile_image
롸군님께서 설정 변경하셔서 해결되었습니다.

혹시 계속 적용 안되면 캐시 초기화 하고 새로고침하면 잘 나올거에요.

카엘린님의 댓글의 댓글

profile_image
이것도 여기에 말씀드리면 좋을지 잘 모르겠지만...

FATE AA게시판에서 남작 AA 1-5가 0으로 표기되고 있었습니다.

혹시나 싶어서 확인해보니 위의 고정되어 있는 카테고리 명은 남작1-5차완결, 실제로 적용되어 있는 카테고리는 남작1-5차[완]으로 되어 있어서 게시글이 보이지 않는 것 같습니다.

민주주의님의 댓글

profile_image
윗분들 질문이랑 겹친 걸수도 있는데 여쭤봅니다. 제가 옛날 AA를 보려고 했는데 상태가 좀 이상해서요. 이게 깨진다고 표현하는게 맞는지 모르겠네요...

아 그리고 PC입니다.



야루오에게는 누나가 잔뜩 있습니다

https://www.typemoon.net/aa_asciiart/531?sfl=wr_subject&stx=%EC%95%BC%EB%A3%A8%EC%98%A4&sop=and&spt=-3887&page=56

야루오는 사면초가에 빠진 모양입니다.

https://www.typemoon.net/aa_asciiart/19?sfl=wr_subject&stx=%EC%95%BC%EB%A3%A8%EC%98%A4&sop=and&spt=-3887&page=57

위 두 글에서는 AA가 아마 이미지였던 것 같은데 .png 하는 형식으로 나오네요. 클릭 해보면 영어로 로딩불가라고 뜹니다.



야루오의 던전 운영기 1화

https://www.typemoon.net/aa_asciiart/3407?sfl=wr_subject&stx=%EC%95%BC%EB%A3%A8%EC%98%A4&sop=and&spt=-3887&page=53

이미지 파일이 아니라 텍스트인 듯 합니다. AA가 나오기는 하는데 깨져서 나오네요. 상하좌우 줄간격 문제로 보입니다.

템플님의 댓글의 댓글

profile_image
앞에 2개는 원본 이미지가 없어진 케이스입니다.



첫번째 글은 도메인으로 추측컨데 개인 NAS(시놀로지)에 저장해두시고 공유하신게 없어졌고,

두번째 글은 IP가 KT로 잡히는걸로 봐서 개인서버 운영하시던게 사라진것 같네요.



문넷 업그레이드 작업과는 연관없이 원본이 사라진거라 글쓴분이 다시 업로드해주시지 않는 이상 복구는 불가능합니다.





3번째 글은 제가 AA용 웹폰트를 문넷에 올리기 전 기간의 글이라 관련 설정이 안되어 있는 상태입니다.

이쪽은 롸군님이 게시판에 기본으로 AA웹폰트 적용되게 변경해주시면 제대로 보일것 같네요.

민주주의님의 댓글의 댓글

profile_image
빠른 답변 감사드립니다!

롸君님의 댓글의 댓글

profile_image
해당 부분 수정했습니다.
전체 15 건 - 1 페이지
제목
레벨 템플 1,155 0 2021.05.05
레벨 템플 1,903 6 2021.03.08
레벨 템플 1,299 5 2021.03.06
레벨 템플 875 9 2021.03.04
템플 2,185 0 2019.08.28
템플 1,048 0 2018.03.14
템플 1,761 0 2017.05.19
템플 3,285 0 2017.01.01
템플 1,332 0 2015.12.25
템플 1,832 0 2015.12.11
템플 2,368 0 2015.11.21
템플 2,108 0 2015.10.26
템플 2,557 0 2014.11.27
템플 1,354 0 2014.10.02
템플 1,824 0 2014.07.18