백틱과 그들이 중요한 이유.

문자열 보간



자바스크립트를 배울 때 사용을 선택해도 상관없다고 말하는 많은 소스와 사람들을 접하게 될 것입니다.
'single quotes'
"double quotes"
`back ticks`
코드 전체에서 일관성을 유지하는 한. 새로운 아기 개발자로서; 나는 개인적으로 이것이 모호하고 오해의 소지가 있다고 생각했습니다. JavaScript의 모든 것과 마찬가지로 절대적으로 중요하기 때문입니다. 이러한 선택이 코드의 가독성과 기능에 어떤 영향을 미치는지 알면 다른 결과를 얻을 수 있습니다. 그래서 더 이상 고민하지 않고; 여기 내 초보자가 문자열 보간으로 다이빙합니다.

일반적으로 말해서, JavaScript로 작업할 때 작은따옴표나 큰따옴표를 사용할 때 따라야 할 특정 지침이나 모범 사례가 많지 않습니다. 코드에서 사용하십시오. 그러나 초보자로서 백틱(숫자 1 키 바로 왼쪽에 있음)의 마법에 대해 아무도 설명하지 않았습니다. 나는 마법이라고 말하지만, 코딩 여정을 시작한 처음 몇 주 동안 그것들이 위협이 될 수도 있다는 것을 깨달았습니다. 그것은 내가 아직 무엇을 하고 있는지 완전히 알지 못하기 때문이며, 이러한 작은 열광은 작고 코드를 보는 데 익숙하지 않으면 발견하기 어렵습니다.
백틱은 STRING INTERPOLATION 사용의 모든 놀라운 이점을 얻기 위해 사용해야 하기 때문에 마술입니다! 내가 수집한 것 중에서 문자열을 수정하고 결합하는 데 선호되는 방법입니다. 이것의 가장 큰 이유는 문자열 연결이 엄청나게 지저분해지고 매우 빨리 읽기가 어려워질 수 있기 때문입니다.
다음은 야생 문자열 연결을 얻을 수 있는 방법의 예입니다.const person = {
name: Elizabeth
nickName: Liz}
console.log('Hi, I/'m ' + person.name +'! Call me "' + person.nickname + '".')
음..우트?
미친 작은 따옴표와 큰 따옴표, 슬래시 및 더하기 기호가 있으면 어떻게 누군가가 쉽게 읽을 수 있습니까? 엉망진창처럼 보이는 것은 말할 것도 없고 우리의 목표 중 하나는 아름다운 코드를 작성하는 것입니다. 바로 여기서 문자열 보간과 템플릿 리터럴을 사용할 수 있습니다.
문자열 보간을 사용하면 다음과 같이 표시됩니다.
console.log(`Hi, I'm ${person.name}! Call me ${person.nickName}`)
나는 당신에 대해 잘 모르겠지만 이해하기가 훨씬 쉽습니다. 여기서 무슨 일이 일어나고 있는지 말씀드리겠습니다. 백틱을 간단히 사용하면 그 안에 포함된 모든 것을 리터럴 문자열로 바꿀 수 있습니다. 이는 또한 문자열에 작은따옴표나 큰따옴표를 사용하기 위해 문자열 연결 내에서 줄바꿈이나 줄바꿈을 사용할 필요가 없음을 의미합니다(예: I'm'을 사용하여 실제로 I'm을 확인합니다)
무슨 일이야

${this stuff}
그렇지만? 백틱을 사용할 때 문자열에 자리 표시자를 사용할 수도 있습니다. 이것은 표현식으로 평가되는 모든 것에 대한 자리 표시자가 될 수 있습니다. 여기에는 산술 방정식이 포함됩니다.

따라서 실제로 문자열 보간은 백틱을 사용하여 문자열 또는 문자열과 표현식을 가져와 결합하여 리터럴 방식으로 읽고 코드를 보다 동적이고 깔끔하게 만드는 기능을 제공합니다.

참고:



이 블로그를 작성하는 동안 나는 나에게 약간의 문제를 준 또 다른 백틱 특성을 발견했습니다. 마크다운에 백틱을 사용할 때 블로그와 같은 예제에 대한 코드 블록을 만들 수 있습니다. 문제는 때때로 백틱을 마크다운에 사용하는 것보다 실제로 백틱을 보고 싶어한다는 것입니다. 작동하지 않는 몇 가지를 찾고 시도했지만 마침내 알아 냈습니다.

``` `you have to use 3 backticks followed by a space and then backtick you want to see.` ```

좋은 웹페이지 즐겨찾기