Yelloze

티스토리에 여백(Margin, Padding) 적용기 인터넷 기사나 책 등 글을 읽을 때 문단과 문단 사이에 적절한 여백이 있지 않으면 한눈에 확인하기 어렵고 답답함을 느낍니다. 또한 조금 더 집중해서 문단을 구분해야 하므로 눈이 피로해지기 쉽습니다. 이처럼 글과 글 사이의 여백은 가독성 측면에서 매우 중요합니다. 티스토리에는 기본 스킨에는 제목, 문단 사이에 여백이 적용되어있습니다. 하지만 티스토리에서 공식적으로 여러 가지 스킨을 제공하고 일반 사용자가 제작한 스킨들도 사용이 가능해서 모든 스킨에 여백이 적용되어있다고 장담하기 어렵습니다. 또한 게시글을 작성할 때 선택되는 에디터의 종류에 따라서 여백이 생기기도 없어지기도 합니다. HTML에는 여러 가지 태그가 있습니다. 여기에서 제목(h1, h2, h..

Design Patterns in Android 우리는 항상 적은 코드와 잘 작동하는 프로그램을 기대하면서 코드를 작성합니다. 하지만 실제 프로젝트가 진행되면서 많은 부분에서 버그가 생겨 고치고 진행하는 도중에 여러 가지 추가기능이 생기면서 코드는 점점 꼬여가고 복잡해져 갑니다. 그래도 내가 고민하고 작성한 코드라면 이해할 수는 있지만 만약에 퇴사한 전임자가 자신만의 패턴으로 작성한 코드를 보면 작은 한숨과 함께 새로이 코드를 작성하고 싶어 합니다. 수많은 선배 개발자들이 앞서 이러한 시행착오를 거치고 발전해 나아가면서 몇 가지 프로그램 구조를 생각하게 됩니다. 이러한 프로그램 구조는 여러 가지 방식으로 불리지만 디자인 패턴이라 불리기도 합니다. 1. 디자인 패턴의 목표 이 디자인 패턴들은 주로 관심사 ..

티스토리에 Markdown CSS 적용기 티스토리에는 Markdown 에디터가 있기는 하지만 적용하고 있는 스킨에 따라서 여러 가지 마크업을 적절하지 못하게 표현하고 있습니다. 저는 Poster라는 스킨을 사용하고 있는데 코드와 코드 블록의 배경색이 없고 일반 단락처럼 나오고 있습니다. 전문 기술 블로그 플랫폼인 Velog는 코드와 코드 블록을 아름답게 꾸며주고 있습니다. 아래 이미지는 Tistory Poster 스킨과 Velog의 Markdown 표현 차이입니다. 몇 가지 쉬운 절차를 진행하면 티스토리 블로그도 Velog처럼 아름답게 꾸며줄 수 있습니다. Tistory Velog 0. Markdown 이란? Markdown은 일반 텍스트 기반의 경량 마크업 언어입니다. 일반 텍스트로 서식이 있는 문서를..

티스토리에 Highlight.JS 적용기 티스토리 블로그는 코드 블록이 아름답지 않습니다. 개발 블로그 플랫폼인 Velog는 Markdown 형식이 기본 에디터이며, 코드 블록의 소스들이 코드 편집기처럼 지정어, 함수, 변수 등 색이 변경되어서 가독성이 아주 아름답습니다. 하지만, 티스토리 블로그도 몇 개의 과정만 거치면 비슷하게 코드 블록을 아름답게 표현할 수 있습니다. Tistory Velog 0. Highlight.JS 란? Highlight.JS는 오픈 소스로 언어, 스타일을 원하는 데로 지정하여 코드 블록을 아름답게 표현할 수 있게 해주는 기능을 합니다. 코드 블록을 아름답게 꾸며주는 오픈 소스 중 가장 유명해서 가이드가 훌륭하고 사용하기도 쉽고 레퍼런스도 매우 많습니다. 우리는 이 훌륭한 Hi..

Clean Architecture 우리는 많은 프로젝트를 시작하고 유지 보수하고 배포하고 있습니다. 한 번에 여러 개의 프로젝트를 담당할 수 있고 한 프로젝트에서 일부 기능을 담당할 수도 있습니다. 또는 갑자기 다른 프로젝트를 인수인계받거나 프로젝트를 떠나서 인수인계를 해주어야 할 상황이 생길 수 있습니다. 우리는 우리의 프로젝트를 가장 잘 이해하고 있어야 하며 잘 설명할 수 있어야 합니다. 현재 많은 개인, 팀, 기업들이 소프트웨어를 개발할 때 클린 아키텍처를 도입하고 적용하고 있습니다. 클린 아키텍처를 공부해야 하는 이유가 여러 가지 있겠지만 제가 생각하는 가장 큰 이유는 이미 클린 아키텍처가 적용된 많은 프로젝트를 새롭게 맞이하게 될 때 조금이라도 더 빠르게 구조를 파악하고 이해하는 것에 있다고 생..