# template literal

13개의 포스트
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개의 댓글
post-thumbnail

TIL] JavaScript-ES6 syntax

function를 표현할 때 쓸 수 있는 새로운 표현식으로 ES6에서 새로 도입된 문법이다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호도 생략 가능하다.\*중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰

2020년 9월 19일
·
0개의 댓글

Template literal

template literal의 특징을 알아보자

2020년 8월 22일
·
0개의 댓글

[Algorithm/JavaScript] ES6 Create Strings using Template Literals

문제출처: freecodecamp.orgUse template literal syntax with backticks to display each entry of the result object's failure array. Each entry should be wrap

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

TIL no.6 2nd Task -JavaScript

var is globally scoped or function scopedlet is block scopedconst is block scopedvar can be updated and re-declared within its scopelet can be updated

2020년 6월 28일
·
0개의 댓글

TIL - 200520

let (ES6에 추가되었다.)var (ES6전에 사용하던 것, 대부분의 프로그래밍 언어에서는 변수를 선언한 후에 값을 할당하지만 var를 쓸 경우, 선언을 하기도전에 값을 할당하거나 심지어 출력을 먼저 하기도 한다.) 이것을 var hoisting이라고 한다 어디에

2020년 5월 20일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 자바스크립트 정의, Variable(변수), Array(배열) & Object(객체), function(함수), 템플릿 리터럴(Template literal)

프론트엔드 개발의 핵심! only one 프로그래밍 언어.전 세계 브라우저에서 쓰이고 웹, 앱 등등 활용할 수 있는 범위가 넓음ES5, ES6.. 등등의 업데이트 버전이 많지만 일단 신경쓰지 말고 바닐라 자바스크립트 스터디에 우선 집중할 것!Create : 생성Init

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

[ES6]Template Literal

[ES6]Template Literal

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

[자바스크립트 스터디]함수(함수 연습, Template Literal, 화살표 함수)

const sum = add(1, 2);console.log(sum);찍히는 값 = 3function hello(name) { console.log("Hello, " + name + "!");}hello("semi");찍히는 값 = Hello, semi!funct

2020년 3월 19일
·
0개의 댓글

템플릿 리터럴(Template Literal)과 스타일드 컴포넌트(styled-component)

styled-component scss도, less도 스타일 파일이 분리되어 있는게 난잡하고 불편하다고 느껴질 시점에 styled-component를 접하게 되었다. styled-component는 클래스에 비해서 작명하기도 간단했고, 한 파일안에서 전부 처리할 수 있다는 장점이 너무 마음에 들어 진행하던 리액트 프로젝트에 바로 styled-componen...

2019년 8월 14일
·
0개의 댓글