마크다운 문법

What I did

1. Recap 바닐라 자바스크립트 #1.5~2.5 by. nomadcoder

• type

2. 깃헙 TIL 레파지토리 생성

• 마크다운 문법(MarkDown Syntax)
  • Definition of MarkUp, MarkDown, Mark in English
  • Definition of MarkUp & MarkDown Language

JS

• Type
  • number
  • string
  • variable
  • boolean: true false

	variable	value
null	O	O
undefined	O	X

• null

• undefined

  • with "" is string

• array

  const combinationForMeal
  = ["tomato", "tofu", "shrimp", "avocado", "spagetti"];
  combinationForMeal.push("potato");
  console.log(combinationForMeal[2]);
  

• Name it by camelCase

  const thisIsTheNameOfIt = 5;

  • cf. Python is snake_case

---

오늘의 한 걸음

I wanted to write TIL on Github instead of Notion

• To summarize the whole my study archive in only one site.
  - How to write TIL on GitHub?

Past Experience

Writing Editor Naver, Brunch, Notion and others

• I've used a lot of writing editor in some sites(ex. Naver Blog, Brunch, Notion, Artinsight, Cinelab) and I like to use shortcut.
  • All of those sites seem to be applied same syntax like Cmd+B.
• Naver is very fit with Brunch(Kakao) but Artinsight seems a bit different with them.
  • That was kind of inconvient to use cuz I usually write something on Brunch and then copy.
• I've been using Markdown Syntax by / in notion but I never thought it has some logic inside of it. So I was kind of suprised when I saw the article says Notion is a company from Silicon Valley.
  • It might be because I just call the title of functions(ex. heading, toggle, page). I feel a bit connection of all writing editors I've use though.

Question to Dig

Q. What is Markdown Syntax?

Q. What's the difference between Markup and Markdown?

• 먼저 해본 생각
  • html은 markup language니까 tag의 유무 차이이려나?
• Searching Result
  • 마크다운 언어 = 마크업 언어의 쉬운 버전.
  • 마크업 언어는 데이터나 문서, 페이지 디자인을 위한 구조를 명기한다. 어떠한 로직이나 알고리즘을 갖추지 않고 있기에 프로그래밍 언어가 아니다.
    1. 표현적 마크업(Presentational markup)
    2. 절차적 마크업(Procedural markup)
    3. 기술적 마크업(Descriptive markup)
  • html을 포함한 대부분이 기술적 마크업에 속한다.

마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.

문서나 데이터의 구조를 태그 방식으로 만든 언어 체계. 즉 데이터를 기술하는 언어이므로 프로그래밍 언어는 아니다.

Markdown is a lightweight markup language that describes how text should look on a page. HTML is another example of a markup language. Markdown is a style of writing documents that makes it easy to define what the content should look like. It describes headers, text styles, links, lists and so much more.

cf. Meaning of MarkUp & MarkDown

- MarkDown: a lower price than previous.

- MarkUp: an increase in price.

- Mark: different area, symbol, for school work, level

Level이라는 단어로 해석하면 LevelUp과 LevelDown쯤 되겠다.

곁들이는 말

• 확장자 .md는 markdown의 약어였음을 알게 된..
• TIL 틀 잡기 엄청 오래 걸렸다..
  깃헙엔 키워드 위주, 벨로그엔 사족 달아 풀어 쓰는 걸로 결정.

To do next

• html의 정의 이전에 컴퓨터 작동방식을 알아야 하지 않을까 싶다. 이걸 CS라고 하는 건가..? 이런저런 용어들을 한 방에 듣기 시작하면서 뭐가 뭔지 좀 구분 짓기가 어렵다. 싸악 정리하고 싶다.
• 인프런 기초 무료 강의를 활용하거나 도서관을 가보거나 둘다 해보자.

---

참고

마크다운 문법
https://gist.github.com/ihoneymon/652be052a0727ad59601
위키백과 마크다운
https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4
위키백과 마크업
https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4