본문 바로가기

블로깅

(7)
처음 본 개발자용 블로그 플랫폼. Velog 우연찮게 지나가다가 처음 봤다. 내세운 컨셉 자체도 개발자를 위한 블로그 플랫폼이다. 지나간 겸 흥미로워 보여서, 계정 계설까진 안하고 그냥 눈에 보이는 것만 캡쳐해서 기록해본다. 메인 페이지는 다음과 같이 뜬다. 포스팅 하나 들어가봤다. 왼쪽 상단에 박혀있는 Velog 로고. 포스팅 상단에는 글쓴이의 정보와 간단한 소개글 글 오른쪽엔 ToC (Table of Content) 마크다운으로 써야 아마 ToCBot 같은 애들이 Content 텍스트를 잡아올텐데, 아마 마크다운으로 필히 써야하는 듯 768px 의 포스팅 공간 (Container) 포스팅 공간의 폰트는 뚜렷한 명조체 그 외 Series? 같이 목록리스트를 제공 아마 이런 비슷한 느낌의 위젯들이 더 있지 않을까 싶다. 좋은데? 음... 해외에서 ..
블로그에 toc 를 달았다. 가뜩이나 마크다운으로 쓰면서 구조적으로 쓰려고 노력하는데, 이런 글에는 toc 가 있으면 좋을 것 같아서 달아놨다. 있어서 좋긴하지만, 아무래도 레이아웃이 비대칭이다 보니 뭔가 ... 맘에 걸리긴 한다. 처음엔 오른쪽에 뒀는데, 왼쪽보다 눈이 덜가긴 하지만 뒷목이 아파서(?) 왼쪽에다가 달았다. 눈과 목이 덜 아프기는 하지만... 그래도 느낌상 뭔가 별로인게 있다. 미니멀리즘 스타일링을 추구하는 블로그였는데... 더 이쁘게 달아볼 순 없을까 생각이 든다. UI 공부하시는 분이 이 글을 보신다면, 해결책좀 알려주세요... 개인 블로그에 달고 싶으신 분은 아래 링크를 참고하시면 됩니다. Tocbot Tocbot builds a table of contents (TOC) from headings in an H..
티스토리에 Full-Width 이미지 쉽게 넣기 요즘 티스토리가 아니라, 브런치에 글을 쓰면서 느낀건데. 브런치, 글이 참 이쁘게 나온다. 가장 맘에 들었던 부분은 Full-width image 를 브런치에서는 제공한다는건데, 좀 커다란 그림을 넣고싶을 때, 매우매우 유용하고 이쁘다. 그래서 이를, 티스토리에 적용해보기로 했다. 1. 일반적인 티스토리 사진 일반적으로 티스토리 에디터에 사진을 넣으면 아래와 같이 포스팅 된다. 글 container-width 에 맞춰진다. 일반적이다. 2. Full-Width 이미지 이제 하려고 하는 Full-Width 는 아래와 같이 업로드 된다. 적용하는 방법은, 아래와 같다. 티스토리 관리자 화면 -> 스킨편집 -> CSS 로 들어간뒤, 아래 코드를 추가한다. (어느 위치에 넣든 상관 없음.) .entry-cont..
쥬피터 노트북 커스터마이징 & 티스토리 업로드 이번 글에서는, 쥬피터 노트북 스타일 커스터마이징부터, 티스토리 업로드까지 한 번에 다뤄보려고 한다. 사실 처음에는, 티스토리에 쥬피터 노트북으로 작업한걸 올리고 싶었는데, 기본 쥬피터 스타일을 티스토리에 그대로 올리면 영 이쁘지가 않았다. 그래서 쩌다보니, 내가 사용하는 쥬피터 스타일 자체도 바꾸게되었다. 최종적으로, 쥬피터 노트북은 다음과 같은 스타일로, (나는 github style을 사용했다.) 티스토리에는, 파이썬으로 데이터 시각화하기 1편. matplotlib. 이런식으로 올라간다고 보면 된다. 그리고, 이전에 쥬피터 커스터마이징 글들이 많이 참조하여, 쉽게 따라할 수 있었다. 1. Jupyter Notebook 스타일 바꾸기 일반적으로 pip install jupyter 로 쥬피터 노트북을 ..
티스토리 에디터, 마크다운 공식지원 발표!! 무려 오늘 3월 27일. 바로 오늘! 새로운 티스토리 에디터가 발표되면서,마크다운 지원을 해준다고 한다!! 네 정말 오래기다렸네요. 기술 블로그가 유독 많은 티스토리에, 개발자들이 좋아하는 마크다운 에디터가 없는게 정말 아쉬운 부분이었죠. 여하튼, 조금 늦은감이 없지않아 있지만, 지금이라도 마크다운을 공식적으로 쓸 수 있게 되어서 다행이다! 이제, Typora 에서 글쓴 뒤, html과 css 끼워맞추려고 여기저기 궁상 떨던 짓을 안해도 된다아! 신이 나므로, 새롭게 바뀐 에디터를 살펴보겠다!! 기본 모드 첫 인상은, 심플하고 이쁘다. 직관적이다. 필요한 것만 딱딱 있어서, 군더더기 없고, 내가 쓰고있는 15인치 맥북에 크기가 딱 맞다. 기본 폰트인 고딕체도 이쁘다!!! 개발자가 아니더라도, 누구나 글을..
Typora 로 Tistory 포스팅하기 이전 글에서 Typora를 이용하여, md 글을 쓴 뒤, 이를 티스토리에 올리는 방법을 포스팅 했었다. 해보면 알겠지만, 외부 css 를 tstory 에 추가하는 것 뿐 아니라 이런 저런 js파일 추가... Typora로 쓴 내용을 html로 내보낸 후에 복사하기 등 여하튼 절차가 상당히 귀찮았던거는 사실이다. 더군다나 제일 짜증났던 것은, 이전 방식(외부 css, js를 추가하는 등) 으로 하면 Typora 에서 보이는 화면과 안 맞을 때가 있다. 예를 들면, ####이나 ##### 등이 적용이 안되고, code highlightening 도 안되는 경우가 있었다. 이를 또 티스토리 에디터에서 일일이 수정하기란 여간 번거롭다. 이에 대해 어떻게 할까.. 고민하던 중, 보다 쉽게 Typora로 tisto..
개발 공부하며 티스토리하기 당신이 컴퓨터공학과 출신이거나 혹은 신입 개발자 취업 준비를 해왔다면, 수 많은 개발자 분들의 블로그를 보았을 것이다. 나 역시 그러했다. 세상엔 참 천재같으면서도 친절한 사람이 많더라. 알고싶은 것들에 대해 키워드만 넣어 구글링하면, 이미 공부하신 다른 분들의 지식, 그들의 고민과 노력에 대해서 알 수 있게 된다. 나는 단지 후발주자로서 많은 혜택 받고 산다. 이러한 생각과 느낌은 비단 나만 그런 것은 아닐 것이다. 처음에 한 두번은, 그냥 간단히 검색겸 혹은 전공 수업에서 이해 안되는 것들에 대해서 하나씩 검색해보다가, 어느 순간 이런 지식의 공유는 개발자들 사이의 독특한 문화임을 깨닫는다. 그리고 감사하면서도, 너무나 모자른 나 자신이지만 스멀스멀 하나씩 뭔가를 기록하고 공유하고싶은 생각이 들기 시..