꿈꾸는 시스템 디자이너

지난번 포스팅에서 Typora를 이용해서 소스코드와 이미지를 포스팅 하는 방법을 소개했다. Typora 마크다운 편집기를 이용해서 소스코드(Code)와 이미지(Image)를 포스팅에 삽입해보자 지난번에 소개한 방법으로는 태그를 통해 이미지의 사이즈를 설정해서 포스팅할 수 있었다.그런데 추가로 문제가 있었으니 웹브라우저의 너비에 무관하게 이미지 사이즈가 항상 고정되어 창이 좁아질 경우 이미지가 경계를 넘어 일부만 표시되는 문제가 있었다.해결 방법은 태그 내부에 style 속성을 통해 이미지가 너비에 따라 자동 조정되도록 수정하면 된다. img 태그를 이용해서 이미지 크기를 조정하는 방법 아래 코드를 보면 이미지가 화면의 높이와 너비에 90%를 넘지 못하도록 설정하였다. 상기 html코드에 의해 출력되는 이..

블로그 포스팅을 다시 시작하다.한때 개발하는 도중에 겪은 경험들을 블로그에 잘 정리하던 시절이 있었다.그러다 현재 회사로 이직을 하고 만 2년간 정말 바쁘게 살다보니 제대로 된 포스팅을 할 여력이 없었다. 간혹 정말 중요한 기법들만 대충 글로 끄적인게 전부였다.만 2년을 그렇게 살다보니 버닝아웃도 오고 회사를 계속 다니는게 맞나 싶기도 하고...여튼 요즘은 많이 시들하고 무료해서 블로그 포스팅을 다시 시작하기로 맘먹었다. 어떻게 포스팅 할 것인가?예전에는 블로그에서 기본 제공되는 에디터만을 이용하다가 소스코드를 넣기 위해서 Syntax Highlighter 등을 이용하기도 했었는데 이게 정말 불편했다. 그래서 언제가 부터는 그냥 블럭을 하나 만들어서 대충 소스코드를 넣다보니 시안성도 떨어졌고 맘에도 안들..