# template literals

56개의 포스트
post-thumbnail

[2023.11.01] 개발자 교육 28일 차 : 강의-html, css, JavaScript [구디 아카데미]

비동기화란? 웹페이지의 일부가 따로 업데이트되는 화면전환 가능(예 : 네이버 쇼핑, 인기검색어 등)라우터는? 페이지를 연결해주어 이동시키는 중계의 역할을 한다.

2023년 11월 1일
·
0개의 댓글
·

ES6 템플릿리터럴

회사에서 맡고있는 프로젝트의 레거시 소스코드를 JQuery to 순수자바스크립트로 변환하는 작업을 하던 와중ES6의 템플릿 리터럴이 내 뜻대로 표현되지 않는 문제가 있었다.위 코드를 실행하면 계좌번호가 나와야하는데 계속 공백으로 처리되어 실행되고 있었던것...!원인은

2023년 4월 5일
·
0개의 댓글
·

Template literals

Template literals이란? : ES6가 도입한 새로운 문자열 표기법이다. : 내장된 표현식을 허용 하는 문자열 리터럴이다. 특징 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Template Literals

ES6 에서 새롭게 도입된 기능으로 템플릿 리터럴(Template Literals) 이라고 불린다.백틱(\`\`) 을 사용하여 문자열과 변수를 함께 사용할 수 있어 문자열 처리에 유용한 기능이다.ES6 이전엔 표현식을 다음과 같이 일반 문자열 안에 집어넣는 방식템플릿

2023년 3월 21일
·
0개의 댓글
·

Template Literals

Template Literals

2023년 3월 16일
·
0개의 댓글
·

Template Literals

[ 1주차 ]

2023년 2월 27일
·
0개의 댓글
·

Template Literals

Template Literals는 JavaScript에서 문자열을 표현하는 방법 중 하나로 백틱(\`)을 사용하여 문자열을 감싸고, ${ }를 사용하여 변수나 표현식을 삽입할 수 있습니다.예를 들어 다음과 같은 코드를 작성할 수 있습니다.const name = '철수'

2023년 2월 20일
·
0개의 댓글
·
post-thumbnail

ComAround_ Template literals로 이미지 경로 동적으로 만들기

src 경로에 Template literals을 사용하여페이지를 이동할 때마다 동적으로 회사로고가 변경되게 만들었다.1\. 페이지 이동버튼의 state 에 회사이름을 내려준다.2\. 회사 이름을 가져와 urlReqCompanyName 라는 이름으로 변수선언한다.3\.

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

2. Template Literals

\++템플릿리터럴은 ES6 버전으로 업그레이드 되면서 문자열 연결방식중 하나인데 기존의 ""와 + 를 이용한 문자열의 복잡하고, 가독성이 떨어지는 문제점을 해결한 방식입니다.과거의 방식은"안녕하세요. 저는 "+ name + "입니다. 만나서 반갑습니다."인데, 지금은

2023년 1월 13일
·
0개의 댓글
·

Template Literals

탬플릿 리터럴간단히 말하면 일반적인 문자열과 유사하나 따옴표 대신 벡틱 "\`" 을 사용하는것을 말한다. 일반적인 문자열에서는 줄바꿈은 허용되지 않고, 공백(white-space)을 표현하려면 벡슬레시() 로 시작하는 이스케이프 시퀀스 라는것을 사용해야한다. 그러나

2023년 1월 13일
·
0개의 댓글
·

[내일배움캠프] TIL_230110

팀프로젝트때 사용하던 팀원분의 RDS를 혹시모를 비용이슈때문에 사용하지 않고 각자 로컬로 DB를 변경하기로 했는데 마이그레이션파일부터 다시 만져야 하는지 쉽게 할 수 있는 방법이 없는지 찾아봄js파일에서 html에 append 하려고 Template literals 을

2023년 1월 10일
·
0개의 댓글
·

JavaScript - template literals, string method

ES6 에서 새롭게 추가된 문법 중 하나가 template literal입니다. 원래 String을 작성할 때 따옴표를 사용했었지만, 이제 백틱(back tick)으로도 string을 작성할 수 있습니다. 그리고 back tick으로 작성할 때 그 안에 변수를 넣어서

2022년 12월 30일
·
0개의 댓글
·

Template Literals

템플릿 리터럴이란 javascript에서 문자열을 입력하는 방식이다. 우리가 문자열을 입력할 때 한 단어면 상관이 없지만 한 단어 이상 혹은 문장을 삽입하고 싶을 때 + 연산자를 사용해서 삽입한다. 하지만 템플릿 리터럴을 사용하면 + 연산자를 사용하지 않아도 되고 ${

2022년 12월 15일
·
0개의 댓글
·

[JS] Template Literals

ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입함. ' 나 "같은 따옴표 문자 대신 백틱(backtick)문자 `를 사용함

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

STRINGS - Sexy Strings

개선된 문자열 표기법 Template literals은 어떻게 사용할까 우리에게 어떤 이점이 있을까

2022년 11월 30일
·
0개의 댓글
·

Template Literals

Template Literals

2022년 11월 12일
·
0개의 댓글
·

# Template literals & Tagged literals

문자 다루기 자바스크립트에서 문자를 다룰 때 어려웠던 점을 해결하기 위해 나온 문법 Template literals(backquote,backtick) : `` 장점 문자 중간 엔터키 입력 가능 문자 중간에 변수 집어넣을 때 편리함 ${변수명} HTML 템플릿 작성할

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

Template Literals. 템플릿 리터럴이란?

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 출처.MDN Template literals사용 방법은 아주 간단합니다. 백틱 \`\` 사이에 문자열과 변수를 적어주시는데 문자열은 그대로

2022년 11월 4일
·
0개의 댓글
·
post-thumbnail

Template Literals

Template Literals : ES6부터 새로 도입된 문자열 표기법이다. 문자열 생성시 따옴표 대신, 백틱(`)을 사용한다. 여기서 ES6이란, ES란, ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다. 뒤에 숫자는 버전을 뜻하고 E

2022년 11월 2일
·
0개의 댓글
·

[ES6] Template literals

함수 뒤에 백틱 붙여줘도 함수가 실행 됨.근데 어따 씀?단어 순서를 변경단어 제거${변수}위치 변경파라미터1 : 문자들을 Arr화파라미터2 : ${} 변수들 문자화 (변수 개수에 따라 추가하면 됨)Q) 바지 개수 0이면 바지 안 팔아요로 바꿔 출력하기

2022년 9월 16일
·
0개의 댓글
·