몽땅뚝딱 개발자

서치하다보면 velog UI가 너무 예뻐서,, 갈아타야하는 것인가 많이 고민했다. 하지만 당장 갈아타기엔 시간이 걸릴 것 같고 티스토리만의 장점도 있기때문에 우선 급한불부터 껐다. - font-family를 Pretendard로 변경했다. - h1, h2, ...h4 태그는 쓸데없이 padding이 50px 정도로 들어가있었다. 그래서 항상 포스팅을 하다보면 내가 생각한 결과물대로 나오지 않아서 성취감이 -10정도 떨어졌다. 모든 padding을 0으로 수정해버렸다. - 기본 폰트크기를 16px → 18px로 조정했다. - 간격이 숨막혔던 코드 블록에 padding을 넓히고 border-radius를 주었다. 스크롤바 없는게 불편해서 숨기지않으려고했지만 실패.. 다음에 시도해보자. 이 정도만 해도 속이 ..

지금은 새벽 3시 46분... 블로그에 독서 카테고리를 만들었는데 리스트 아이템 자체가 너무 컸다. 좀 더 가독성있게 만들고싶어서 사이즈를 줄이다 갑자기 책 모양으로 만들면 더 많이 보여줄 수 있지 않을까해서 싶어서 새벽에 난리를 쳤다. 작업하다보니 스크립트가 필요해서 오랜만에 제이쿼리를 써보았다. 요즘은 지양하고 있긴하지만 문법이 넘나 간단해서 편한걸요.... $(document).ready 오랜만에 타이핑하는데 1년차 때의 모습이 생각났다. JSP에서 ajax 통신 후에 테이블 날리고 새로운 데이터 바인딩한다고 append()로 다시 한땀 한땀 테이블 그리던 시절이었다. 지금 생각해보면 그 때도 컴포넌트처럼 html을 분리할 수 있지 않았을까싶지만 결과물 내기 바빴고 아마 지금의 나는 할 수 있겠지만..

제목란 제목란 제목란 제목란

매번 필요해서 고민하던 Tip 작성칸을 그냥 직접 만들었다. 티스토리에서 제공해주는 인용이 가장 비슷한 모양이지만 내가 원하는 모양과 다르기에.. 글 쓸 때 여러모로 활용할 수 있을 것 같다. 문제는 css를 인라인으로 넣어서 나중에 분리해야 할 것 같다. 그리고 설명칸 안에서 엔터를 누르면 태그가 복제되어 줄간격이 맞지않다. HTML모드로 직접 들어가 로 줄바꿈을 해줘야하는 상태라 개선이 필요하다. 쓰다가 줄간격 조정이 많이 불편하면 로 변경해서 적용해봐야겠다. 💡 Tip 여기가 바로 설명란 💡 Tip 설명설명 설명설명 PC에서 봤을 때는 이렇고, 모바일에서 봤을 때는 이렇다.

블로그에 글을 쓰면서 HTML도 지원하길래 소제목도 꾸밀 수 있나 찾아봤더니 정말 있다! 티스토리에서 기본적으로 제공하는 서식은 예쁘지만 원하는 색상이 없어 아쉬웠는데 내 맘대로 CSS를 줄 수 있다니 너무 좋다. 방법은 2가지가 있다. 1. 직접 태그에 인라인으로 style을 넣는 방식 2. CSS 파일을 수정하는 방식 1번 방식은 HTML 태그에 class를 따로 주고 CSS 파일까지 찾아서 수정해야하기에.. 너무 귀찮으므로 그냥 2번 방식인 인라인으로 작성하고 티스토리에서 제공하는 서식등록을 이용하기로 했다. CSS를 인라인으로 넣어 깔끔하진 않지만.. 그래도 맘에 든다. 테마 HTML 태그 소제목 안녕하신가용 소제목 안녕하신가용 소제목 안녕하신가용 테마 HTML 태그 소제목 안녕하신가용 소제목 안..