수정기록

UTF-8 인코딩의 BOM (Byte Order Mark) 문제로 레이아웃 깨짐

by 김실장 posted Jun 22, 2022
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
Extra Form
참고링크 http://egloos.zum.com/tiger5net/v/6004071

수정문서 경로 : 루트 /modules/socialxe/socialxe.controller.php

소셜 xe 오브젝트 충돌로 오류를 뿜어  new Object 부분을 new Baseobject 로수정하는 과정에서 해당 소셜xe의 php 문서 파일을 UTF-8 with BOM인코팅을 사용하여 저장 했더니 이로 인한 문제로  <body class="black"> 뒤에 &#xFEFF; 란 문자로 출력되는 문자 공백이 레이아웃에 생겨 레이아웃이 깨지는 문제가 발생했다.

레이아웃 문제 인가싶어 해당 레이아웃의 html 파일을 살펴봐도 크롬 검사창에 출력된 문자를 찾을수가 없어서 검색해보니 인코팅 과정에서 바이트의 밀림으로 생긴 문자공백으로 에디터 상에서는 찾을수 없는 문자이다.

오류를 살펴보니 일반 홈메뉴등에선 오류가 발생치 않으나 회원정보 -> sns 관리 부분 에서만 레이아웃 깨짐이 있어서 소셜xe socialxe.controller.php 문제임을 짐작했다 .

원인을 찾는데 힘이들었지만 해결은 간단하다

원인을 일으킨 UTF-8 with BOM 인코팅에 BOM이 문제를 일으킨 것이니 BOM을 제거해주고 UTF-8 로 다시 저장하니 공백이 사라졌다

원인을 찾느라 고생은 했으나 이제 원인을 파악 했으니 다음엔 수월하게 수정할수 있을듯하다.

*수정전

sns블록해드라인 틈오류.png

*수정후

sns블록해드라인 틈오류해결.png

 


Who's 김실장

profile

God has given us two hand s, one to receive With And the other to give With
신은 한 손으로 받고 한 손으론 주라고 두 손을 주었다.
Give and Take - 마주 잡은 우리끼리, 커뮤니티 같이할래?


Articles

1 2

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5