---
layout  : post
title   : 50주차 기록 
summary : 12/07(월) ~ 12/13(일)
date    : 2020-12-07 12:31:32 +0900
tag     : vimwiki vim pipe_character vertical_bar 
toc     : true
comment : true
public  : true
---
* TOC
{:toc}

# vimwiki table 셀 안에 `|` delimiter character 넣기 {#pipe-char-in-vimtable}

* #vimwiki, #vim, #pipe_character, #vertical_bar,
* stackExchange > VI and VIM 사이트에 물어봄
  * [Is it possible to put "│" character in a vimwiki table cell ?, stackExchange](https://vi.stackexchange.com/q/28308/27406)
  * 답변
    * [`vimwiki pipe character in table` 로 구글링](https://www.google.com/search?q=vimwiki+pipe+character+in+table)하면 아래 vimwik issue가 젤 첨에 나온다
    * [Escaping of pipes in table cells, vimwiki issue](https://github.com/vimwiki/vimwiki/issues/281)
    * 결론 : 현재는 `dirty solution`밖에 없다.
      * dirty solution : vim에서 <kbd>Ctrl</kbd> + <kbd>k</kbd>,<kbd>v</kbd>,<kbd>v</kbd> 하면 `vertical bar` symbol이 나옴
      * Escape할 수 있는 방법이 있어야 하는건 맞다 ( But yes, There should be a way )
  * 교훈
    * `|`이 pipe character라는 이름을 가지고 있다는 것을 몰랐다
    * 이름을 찾아서 구글링 해보면 대부분 나옴 
    * 이름을 모르겠으면 [wikipedia에서 `|`기호를 쳐보자](https://en.wikipedia.org/w/index.php?search=%7C&title=Special%3ASearch&go=Go&ns0=1). 추천 항목이 나옴
      * [Vertical bar, wikipedia](https://en.wikipedia.org/wiki/Vertical_bar)


# Markdown table 작성시 table 셀 styling 하기

* 위키에서 table 작성하다가 특정 셀을 강조하고 싶을 때가 있다

## 링크

* 로컬 페이지에서 markdown table 바로 앞에서 임시로 style 옵션 주기
  * [set background color for specific cell in markdown table, stackoverflow 답변](https://stackoverflow.com/a/64420939/9457247)
  * 위에서는 div 태그를 사용했지만 kramdown에서는 별도 코드가 있다

* Jekyll에서 사용하는 Kramdown table에 속성(attribute) 주기
  * [How to add multiple classes to MarkDown using Jekyll?, stackoverflow 답변](https://stackoverflow.com/a/27501209/9457247)
  * [Attirbute List Definitions, Kramdown Official 문서](https://kramdown.gettalong.org/syntax.html#attribute-list-definitions)

## 위 링크 정보를 참조하여 테이블 스타일링 예시

* 아래 테이블의 markdown 작성예를 보고 싶으면 
  * [현재 문서의 Raw 파일](https://raw.githubusercontent.com/honggaruy/honggaruy.github.io/master/_posts/2020/2020-12-07-week-50th.md)을 참조
  * 테이블 바로 위의 로컬 sytle 태그와 테이블 속성주는 명령어가 핵심

<style>
.customtable tr:nth-child(1) { background: red; }
.customtable td:nth-child(2) { color: white; background: blue; }
.customtable tr:nth-child(3) td { color: black; background: yellow; }
</style>

{: .customtable}
| 1열     | 2열    | 3열    |
| :--     | :--    | :--    |
| 빨간줄  | 파란열 | 빨간줄 |
|         | 파란열 |        |
| 노란줄  | 노란줄 | 노란줄 |
|         | 파란열 |        |

# Refactoring 책 예제를 테스트 해보기 위한 작업 (2020-12-08)

* 참고 링크 : [Node.js에서 JSON 파일에 데이터를 저장하고 읽는 방법](https://smilehugo.tistory.com/entry/nodejs-json-create-store-read-update)


# JSON 포맷을 다양한 다른 포맷으로 변경할 때 유용한 곳

* [링크](https://www.clien.net/service/board/useful/15709656?type=recommend)