![backtick(`)문자와 javascript 템플릿 리터럴](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cvjote/btqwA3GiWXi/3jQFXkKkUVAIsKs8uZyER0/img.png)
키보드에는 작은따옴표와 비슷한 문자가 하나 더 있다. ` 바로 이 문자이다. javascript에서는 템플릿 리터럴에 활용되고, 마크다운에서 코드를 강조(code, fenced code block)하는데 쓰이기도 하는 문자이다. 이 문자를 작은따옴표로 착각해서 헤메다가 한참 후에 작은따옴표와 다른 문자라는것을 깨달았다. 백틱(backtick)과 작은 따옴표의 비교 '작은 따옴표1' ‘작은따옴표2’ `백틱(backtick)` 작은 따옴표는 열고닫는게 구분된것과 구분이 없는것이 있다. 어느것과 비교해봐도, 백틱이 차지하는 자리가 더 크다는걸 눈으로 봐도 알 수 있다. 그리고 비스듬한게 더 강조되어있는 모양이다. 또 작은 따옴표는 열고 닫는게 있지만, 백틱은 구분이 없다. 명칭 Backquote, backti..
![[CSS]Margin과 Padding의 차이](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bxX1Oz/btqwckNTyuV/pNKYaPBhDhqHcYOiSTSBv1/img.png)
CSS를 최근에 바짝 공부하고 있는데.margin과 padding의 차이가 헷갈려 간단히 정리해 둔다. Margin과 Padding 두 가지의 공통점은 박스 하나의 여백 혹은 크기로 생각할 수 있다는 것이다. 그런데 이 둘의 차이는 박스에 background-color혹은 border를 넣어보면 쉽게 알수 있다. padding 은 border안쪽의 영역을 결정한다. background-color를 포함하는 영역이다. margin은 border바깥의 영역을 결정한다. background-color 바깥의 영역이다. 아래 그림을 보고 좀더 이해해보자. 메뉴를 만들고 각 박스의 padding, margin 값을 조절한다. (실제로 값을 적용한것은 아니고 이해를 하기 위해서 만들었다) (1) margin, pa..
함수를 끌어 올려? MDN Javascript 문서를 보다가 보니 함수를(혹은 클래스)를 끌어올린다는 표현이 가끔씩 나온다. 대체 뭘 끌어올린다는 건지 이해가 되지않아 몇개의 글을더 찾아 읽어보다가Hoisting이라는 단어를 끌어올린다고 번역하였음을 알 수 있었다.영어 발음 그대로 '호이스팅'이라고 표현된 부분도 있었다. '끌어올리다'라는 용어 자체가 흔히 쓰이는 말인지는 모르겠지만그 단어 자체에 대한 정의는 따로 찾을수 가 없어서 의미를 알기가 혼란스러운 점이 있긴 하다.MDN에 Hoisting에 대한 페이지가 따로 존재한다. '끌어올리다'라는 표현이 잘 이해가 안되었는데 함수가 선언된 부분을 코드의 맨 위로 끌어올린다는 것에서 나온 표현으로 볼 수 있을것같다. 호이스팅(hoisting)에 대해서 몇가..