티스토리에 마진 넣는법How to.2024. 8. 11. 12:00
Table of Contents
서론
티스토리는 기본적으로 css에 포함된 마진을 무시합니다. 그래서 대부분의 블로거들이 줄바꿈을 광클떄려놔서 가독성이 떨어집니다.
본 글에서는 마진 제거 css인 tt_article_useless_p_margin 속성을 제거하려고합니다.
문제 분석
대충 네트워크 및 동작 흐름 보면 이렇습니다.
- 게시글 API 호출 (text/html)
- useLessPMargin.css API 호출
- tistory에서 보내줄 html과 css를 로드 완료
- CSSOM 마운트
- DOM 마운트
방법
jQeury를 사용하여 DOM 마운트 시 CSSOM을 통해 최종적으로 추가된 tt_article_useless_p_margin 클래스를 제거하였습니다.
<body>
<!-- ... 기존 블로그 코드 -->
<!-- jQuery 설치 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 지들 멋대로 margin 삭제해버리는 css 제거 -->
<script type="text/javascript">
$("div").removeClass("tt_article_useless_p_margin")
</script>
</body>'How to.' 카테고리의 다른 글
| 개발자의 이상적인 해커톤 준비 방법 (0) | 2024.08.19 |
|---|---|
| [번역] 방금 당신이 작성한 코드는 도메인 로직인가? | What is domain logic? (0) | 2024.08.12 |
| 만개의 테스트를 작성하지 마라. (0) | 2024.08.10 |
| css를 활용한 다크모드 이미지 자동 대응 (0) | 2024.04.22 |
| [개발자 셋업 공유] 집에서 누워서 코딩하기 (0) | 2024.04.08 |
@임채성 :: 푸르고 개발 블로그
글 내용 중 잘못되거나 이해되지 않는 부분은 댓글을 달아주세요! 감사합니다! 문의: puleugo@gmail.com
![[번역] 방금 당신이 작성한 코드는 도메인 로직인가? | What is domain logic?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FC9mmK%2FbtsI0AKKIUq%2FK9lQ86u7WQek7vMJkP0Hk1%2Fimg.png)
