# template literal

29개의 포스트

조건부렌더링, Template Literal

조건부렌더링 javascript에서는 코드가 상단 부분부터 순서대로 실행되게 되는데 요청을 받고 응답이 오기까지 시간이 걸리는 경우가 있고 그로 인해 에러가 발생하기도 한다. 따라서 화면을 미리 그려놓고 데이터를 받아오게 되는데 이것을 조건부렌더링이라고 한다. 조건부

2022년 5월 14일
·
0개의 댓글

Template literal

템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 \`를 사용한다.일반적인 문자열에서 줄바꿈은 허용되지 않으며 공백(white-space)를 표현하기 위해서는 백슬래시()로 시작하는 이스케이프 시퀀

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

TIL 02) Study of Js

TIL 02일차

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

[면접대비 예상꼬리질문] Template Literal이란?

모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다.Literal이 무엇인지 아시나요?Literal이란 선언과 동시에 값을 적용해 생성하는 방식입니다.그렇다면 Template Literal은 무엇인가요?Template Literal은 ES6에서 적용

2022년 4월 3일
·
0개의 댓글

🌌 Day 7 Algorithm Review

trim(), reduce, split, isNaN, Number.isNaN

2022년 3월 22일
·
0개의 댓글

Template Literal

템플릿 리터럴Template Literal 이란 문자와 변수를 함께 쓸 수 있는 도구이다.얼핏 보기에는 " 이나 ' 와 같은 쌍따옴표, 따옴표와 비슷해보이지만, 백틱이라는, \`\` 문자를 사용한다!!그리고, 백틱 안쪽에, ${ 변수명 }으로 string과 변수를 연산

2022년 3월 18일
·
0개의 댓글

⛅️ BE TIL 0315

[Template Literal] [Destructuring] [Date]

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[TypeScript] enum 👉 literal 타입 갈아타기(+class-validator, template literal 타입 활용)

enum 대신 template-literal과 Readonly, Record 유틸 타입을 활용해, 좀더 맘편한 타입 만들기

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

day1, 오늘난 뭘배웠지?

template literaltemplate literal은 문자열을 입력할때 사용한다. 기존의 "나'와 와 마찬가지로 (backtik) 또한 문자열을 감싸지만 "와'달리 문자열안에 js의 변수를 입력 할수있다. 문자열 안에 ${js변수}를 넣으면 사용이 가능하다.\-

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

[etc] ES6 template literal 안될 경우

좀 당황스럽다??...백슬래시()를 넣어서 해결했다고 한다! String.raw 라는 것도 있긴 한데... 버그인지 잘 안되더라.

2021년 12월 19일
·
0개의 댓글

`${}` ``백틱 template literal 문법

https://webclub.tistory.com/645배열이 들어갈경우 자동 string으로 바꿔준다.

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

템플릿 리터럴(Template Literal) 구조분해 할당

생애 첫 프로젝트를 들어가면서 props를 전달하는게 너무 어려웠다🤦‍♀️ 로그인과 회원가입에 쓰이는 버튼과 상품 상세 페이지에 버튼 스타일은 똑같아서 Component 하고 width 값만 props로 받으면 되던터라 이걸 어떻게 해야할까 방법을 모색했다.

2021년 12월 10일
·
0개의 댓글
post-thumbnail

[JS] Data Type(데이터 타입)

boolean, js, null, number, template literal, undefined 등 JS의 다양한 data type들에 대해 다룬다.

2021년 11월 22일
·
0개의 댓글
post-thumbnail

ES6 For React (1)

React를 위한 ES6let기존 ES5에서는 var 키워드를 사용하여 변수를 선언하는 유일한 방법이었다. 자바스크립트는 {} 중괄호를 사용하여 코드 블록을 만들고 변수의 영역은 그 블록 안으로 한정된다. 그러나, var 키워드를 사용하면 if/else 나 for 구문

2021년 6월 13일
·
0개의 댓글
post-thumbnail

javascript #2

var,letconstvar : 재선언 O, 재할당 O, 범위 function재선언 ? let : 재선언 X, const : 재선언 X재할당객체 엘리먼트에서는 ?var : functionlet, const : { }변수의 선언을 변수 범위 맨 위로 끌고오는 현상모든

2021년 4월 16일
·
0개의 댓글
post-thumbnail

[javascript] 템플릿 리터럴(template literal)

템플릿 리터럴은 ECMAScript 6부터 추가된 문자열 표현으로 사용하면 표현식의 값을 문자열에 추가하거나 여러 줄의 문자열을 나타낼 수 있다. 템플릿 리터럴 사용법은 간단하다. 백틱(\`)을 써서 문자열로 나타내 줄 수 있다.그래서 언뜻보면 작은 따옴표(')로 묶인

2021년 3월 9일
·
0개의 댓글
post-thumbnail

[JavaScript] Template Literal

이번시간은 자바스크립트 ES6에서 사용가능한 Template Literal을 알아보겠습니다.JS에서 문자열을 그대로 입력할 수 있는 방식인데, ES5이하 버전에서 줄바꿈을 하기위해 사용했던 \\n 이나, 변수를 넣기 위해 "++" 이러한 선언을 할 필요 없이 있는 그대

2020년 12월 3일
·
0개의 댓글
post-thumbnail

[JS] ES6. Template Literal

템플릿 리터럴은 JS에서 문자열을 입력하는 방식으로, 백틱을 사용해 정의할 수 있으며, (1) 여러 줄에 걸쳐 문자열을 선언하고, (2)문자열 중간에 변수를 바로 대입할 수 있다. 기존 JS 문자열 선언방식 따옴표('')를 사용하면 행을 넘겨주기위해 \\n 과 + 를

2020년 11월 27일
·
0개의 댓글
post-thumbnail

JavaScript | Template literal

백틱( \` (esc키 밑에 있음))을 사용줄바꿈 지원: 단순 코드상의 줄바꿈을 통해서.문자열 안에서 자유로운 따옴표 사용${변수명}의 형태로 특정 변수 전달 가능(변수명 형태)${} 안에서 특정 표현식 사용/ 간단한 연산 가능(특정 표현식)(간단한 연산 (위 코드는

2020년 11월 23일
·
0개의 댓글
post-thumbnail

Ecma Script6문법 (1)

javascript라는 브라우저를 위한 표준 규정표라고 생각하면 된다. 즉 javascript를 사용하는 데 있어서 이렇게 사용하면 된다. 혹은 이런 알고리즘은 이러한 문법으로 코드를 짜야 한다라고 정해둔 표준인 것이다. 그리고 es6란 가장 최근 기준의 표준인 것이다

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