chrome dev tool로 봤을때, 문제가 없는데 layout이 삐뚤빼뚤 나오는 경우 - html 주석버그

다른 분이 짠 html, css, js 코드를 수정해 줘야할 일이 생겼다. 수정중에 봤는데, 분명히.. dev tool로 확인했을때 layout이 그렇게 나오면 안되는데.. 삐뚤빼뚤하게 나오는 문제가 있었다. 

알수없는 버그

진짜 요리보고 저리봐도 간단한 부분이라 코드상으로 실수할리는 없었다. 그러다가 혹시 몰라서 원래 있던 html 주석을 삭제해봤는데..

???

제대로 나온다.. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 궁금해서 검색좀 해봤는데.. 2009년글 중에 html 주석이 많으면 레이아웃이 깨지는 버그가 있을수도 있다고 한다. ( 이게 아직도 존재하나?? ) 

아무튼.... 요즘은 react, vue와 같은 프레임워크를 자주 쓰니까 이럴일이 없겠지만, 혹시라도 html 코드의 레이아웃이 이상하게 나오는데 도저히 코드에 이상이 없다면, 한번 html 주석을 삭제해보는것도 괜찮을거로 보인다.  

ios 개발자로 전향으로 인해, 오랜만에 웹 프론트 코드를 만져봤는데.. 추억이 새록새록 나고 좋았다.