표 문법 및 이미지 문법 관련으로 다소 문제가 생기고 있는 부분이 있어 문의 및 제보를 남깁니다.



  • (1) 현재 나무위키에서는 표 안에 상대적으로 크기가 큰(width값이 300px 이상인) 이미지를 삽입할 때, [[파일:이미지.jpg|width=(숫자)]] 방식의 문법을 사용하면 엔진 버그가 발생됩니다. 확인해 보니 확실히 모바일 환경 등의 일부 환경에서 자잘한 버그가 생기긴 하더군요. 해당 버그는 향후 수정할 예정이 있으신가요?

    (2) (1)에서 언급한 엔진 버그 문제로 인해서 현재 나무위키에서는 표 안에 상대적으로 크기가 큰(width값이 300px 이상인) 이미지를 삽입할 때, [[파일:이미지.jpg||width=100%]] 방식의 문법을 사용할 것을 권장하고 있습니다. 그러나 확인해 보니 여기에도 약간의 엔진 버그가 존재하는 듯 싶습니다. 바로 표와 이미지 간의 사이즈 연동에 때때로 문제가 생길 때가 있다는 점입니다.

    [[파일:이미지.jpg|width=(숫자)]] 방식의 문법을 사용하게 되면 표와 이미지가 자동적으로 연동되어서 크기가 조절되지만, 현재 나무위키에서 권장하고 있는 [[파일:이미지.jpg||width=100%]] 방식의 문법을 사용했을 경우 표와 이미지 간의 크기 조절의 연동이 제대로 이루어지지 않는 케이스가 간혹 발생되고 있었습니다.
    즉 표와 이미지가 자동적으로 연동되어서 크기가 조절되도록 처리하기 위해서는, 현재 나무위키에서 엔진 버그 문제로 인해 권장하지 않고 있는 [[파일:이미지.jpg|width=(숫자)]] 방식의 문법을 불가피하게 사용하지 않으면 안 될 경우도 발생하고 있다는 것입니다(다만 이렇게 [[파일:이미지.jpg|width=(숫자)]] 방식의 문법을 사용했을 경우, 엔진 버그 문제로 인해서 모바일 환경 등에서 또 다른 문제가 발생됩니다.).

    자세한 기술적 사항은 파악되지 않았으나 아마도 [[파일:이미지.jpg||width=100%]] 방식의 문법을 사용했을 경우, 표와 이미지가 자동적으로 연동되어서 크기가 조절되지 않고 각각 따로따로 컨트롤되는 케이스가 가끔 발생되는 것으로 추정됩니다. 이 문제에 대해서도 향후 시정이 필요할 것 같다고 생각됩니다.



  • (2)와 관련해서 본문에서 구체적 예시를 거론하는 걸 깜빡 잊어서 덧글을 통해 보충합니다.

    표 안에 이미지를 넣기 위해서 [[파일:이미지.jpg||width=100%]] 방식의 문법을 사용했을 경우, 수치를 조정해서 이미지를 작은 사이즈로 출력되도록 조정하더라도 정작 표는 거기에 맞춰서 폭이 축소되지 않는 경우가 종종 있었습니다. 어느 정도까지는 축소되지만 일정 수준 이상으로는 표의 폭이 작게 줄어들지 않는 케이스가 일부 발견되었습니다. 이는 [[파일:이미지.jpg|width=(숫자)]] 방식의 문법에서는 볼 수 없었던 문제입니다.

    더 시드 엔진의 표 문법 및 이미지 문법이 원래부터 이런 사양이었었나요, 아니면 이것도 역시 엔진 버그인가요?



  • 뭔소린지 잘모르겠습니다.

    1. 재현 방법
    2. 기대한 결과
    3. 실제 결과

    을 첨부해주세요.



  • @namu

    표 안에 이미지를 삽입했을 경우, width=xxx% 문법을 통해 이미지를 삽입하게 되면 %의 수치를 조정하여 이미지 사이즈를 작게 출력되도록 처리해도 이미지만 축소될 뿐 표 자체는 축소되지 않는다는 문제가 있습니다.

    [[https://namu.wiki/w/군복/한국군?rev=986]] (width=xxx 문법을 적용한 경우의 사례)
    [[https://namu.wiki/w/군복/한국군?rev=1000]] (width=xxx% 문법을 적용한 경우의 사례)

    예시로서 나무위키의 [[군복/한국군]] 문서의 예를 들어 보자면 위 링크들과 같습니다. width=xxx 문법을 사용했을 경우 이미지 사이즈에 맞춰 표의 사이즈도 축소되지만, width=xxx% 문법을 사용했을 경우에는 이미지 사이즈를 줄여도 표가 그다지 줄어들지 않으며 더불어 표에 적지 않은 여백이 발생하는 것이 확인됩니다.



  • 결론부터 말하자면 엔진 버그가 아닙니다.

    일반 html 문서에 table/tr/td 밑에 <img width="70%"> 넣으면 똑같은 현상이 발생합니다.



  • @namu
    의외로 엔진 버그로 인한 문제가 아니었었네요. 그렇다면 이 문제에 대해서 어떤 대응이 필요해지는 것인지 궁금합니다.

    width=xxx 문법을 사용하면 깔끔하게 문서가 완성되지만 이 경우 엔진 버그가 발생된다는 문제가 있고, 또 width=xxx% 문법을 사용하게 되면 엔진 버그 문제는 없으나 대신 표에 불필요한 여백이 생기고 표 사이즈가 제대로 조절되지 않아서 문서가 지저분해진다는 문제가 있거든요.

    일단 이 문제에 대해서 나무위키 측에서는 버그 문제가 있는 width=xxx 문법의 사용을 지양하고 width=xxx% 문법을 권장한다는 방침을 취하고 있는데, 문제는 그렇게 나무위키에서 권장하고 있는 width=xxx% 문법에도 또 이러한 문제가 있어 실제 적용을 해 보면 표에 불필요한 여백이 발생하여 문서가 이상해진다는 것입니다. 이걸 어떻게 해결하면 좋을 지 난감하네요.



  • @namu
    아, 그러고 보니 width=xxx 문법의 버그 문제는 향후 개선될 예정인가요?

    이미 언급한 얘기이긴 합니다만 현재 나무위키에서는 width=xxx 문법을 엔진 버그 문제로 인해서 비권장 문법으로 취급하고 있는 상황입니다.
    ([[https://namu.wiki/w/나무위키:문법 도움말#s-7.2]]의 설명 참조. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장1?rev=8885]]의 예시와 같이 출력되는 현상이 있으며 특히 모바일 환경에서 이것이 두드러집니다.).

    하지만 width=xxx 문법의 대안으로서 권장되고 있는 width=xxx% 문법은 불필요한 여백의 발생 등의 문제가 있어서, width=xxx 문법의 완벽한 대안은 되지 못 하고 있습니다. 따라서 표 안에 이미지를 삽입하기 위한 문법으로서 width=xxx 문법은 여전히 필요성이 크다고 할 수 있는데, 그렇다면 width=xxx 문법과 관련된 엔진 버그 문제가 해결된다면 width=xxx 문법을 더 이상 비권장 문법으로 취급할 필요성이 없어질 수 있지 않을까요?


Log in to reply