본문 바로가기

javascript10

[JavaScript] 타입 변환&단축 평가 note 모던 자바스크립트 Deep Dive 9장을 읽으며 메모한다. 암묵적 타입 변환 인터넷에 돌아다니던 자바스크립트 밈이 있다. 이 중에서 몇가지만 가져와보겠다. 숫자, 문자 변환 10 + ‘1’은 10이 문자열 ‘10’으로 변환되어, 문자열 두개가 합쳐짐 10 - ‘1’은 ‘1’이 number 1로 처리되어 9가 됨 10 + ( +’1’)은 괄호 안에 있는 ‘1’이 숫자로 처리되어, 더해서 11이 됨. 숫자, 문자 변환 항상 자바스크립트 밈으로 나오는 그 식이다. 2+ 2 = 4, 지극히 평범한 식이다. “2” + “2” = “22”, 문자열을 붙이는 방식이다. 2 + 2 - 2 = 2, 납득할 만 하다 “2” + “2” - “2” = “20”, 당황스러운 결과다. 그러나 밑에 “22” - “2”가 20임을.. 2022. 2. 3.
[JavaScript] Template literals 사용법 react를 사용하면서 axios로 서버에 request를 보낼 때, url에 user id 등을 담아야 하는 경우가 있었다. 처음에 문자열을 불러와 더하는 식으로 붙여 보냈는데, 상당히 번거로웠다. 이때 template literal를 쓰면 된다! 문법 `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression} string text` 템플릿 리터럴은 작은따옴표(’’)나 큰따옴표(””) 대신 백틱(``)을 써서 표현한다. 런타임에 템플릿 리터럴은 일반 문자열로 변환되어 처리된다. Multi-line strings 일반적으로 문자열 안에서 줄바.. 2022. 2. 2.