Ratatui Blog

블로그에서 포스팅을 하며 PC와 모바일 화면으로 글을 확인하던 도중 이상한 점을 발견했다. 줄바꿈 관련 문제인데, 우선 CSS에서 줄바꿈 속성 설정은 word-break 코드를 사용했다. word-break 코드는 normal, break-all, keep-all 이렇게 세 가지의 속성을 설정할 수 있다. normal로 설정한 경우에는 한글은 띄어쓰기를 무시하고 한 글자 단위로, 영어는 한 단어 단위(띄어쓰기 단위)로 글이 잘리고, break-all로 설정한 경우에는 한글과 영어 모두 띄어쓰기를 무시하고 한 글자 단위로 잘리며, 반대로 keep-all로 설정한 경우는 모든 언어에서 한 단어 단위(띄어쓰기 단위)로 글이 잘리며 줄바꿈된다. 위 캡처는 내 블로그의 CSS편집 화면이다. 블로그 글의 본문은 모..

며칠 전 올린 포스팅에서 Square 반응형 스킨에 오류가 있다는 내용을 담았었다. 그 사항에 대해서 알아보던 중에 티스토리 스킨 변경 페이지에 있는 스킨을 바로 적용하지 말고 최신 스킨을 적용하면 문제가 해결된다는 정보를 얻고 그 방법을 따라서 했는데 완벽하게 수정이 됐다. 우선 스킨 변경에서 Square스킨을 누른다. 그러면 아래와 같은 화면이 나오는데 여기서 왼쪽 하단에 있는 '자세히 보기'를 클릭하면 스킨 제작자의 홈페이지로 이동된다. 여기서 스킨을 다운로드 받고 압축을 푼다. 그것이 최신 스킨 파일들이다. 그 다음 스킨 변경 페이지에서 '스킨 등록'을 찾아서 클릭하면 파일을 업로드할 수 있다. 여기서 모든 파일을 업로드하고 저장한다. 스킨 보관함에 들어가서 적용을 누른다. 위 순서대로 최신 스킨..

내가 현재 쓰고 있는 티스토리블로그 스킨은 Square 반응형이다. 이 스킨은 블로그 관리 페이지에서스킨 변경에 들어가면 쉽게 볼 수 있다. 내가 원하는 스킨은 반응형에 PC에서는사이드바가 있는 스킨인데 이 디자인이가장 심플하고 깔끔하다고 생각한다. 그런데 이 스킨에 오류가 하나 있다. 블로그 하단에 최근 포스팅한 글을보여주는 부분에 썸네일이 안보인다. 마우스를 그 부분에 올리면글의 제목은 나오지만 그냥 딱봤을 땐 너무 휑한 느낌이었고,모바일에서 또한 사진 없는 빈 공간에글 제목만 듬성듬성 배치되어있는디자인이 보기에 좋지 않았기 때문에오류 수정이 필요하다고 생각했다. 그래서 이 스킨 제작자의 홈에 있는스킨 데모블로그를 찾아 들어갔는데같은 문제가 있는 사람들이 남겨놓은상당히 오래된 댓글이 있었다.제작자의 ..