SlideShare a Scribd company logo
1 of 40
Download to read offline
Things you can do with

Template &

Tag Function
정재남
What to Discuss
> Template literal

> Tag function
1. Template Literal
1. Template Literal
1. Template Literal
1. Template Literal
1. Template Literal
1. Template Literal
interpolation (보간)
1. Template Literal
1. Template Literal
1. Template Literal
1. Template Literal
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
2. Template Tag Function
 String.raw
2. Template Tag Function
 String.raw
3. usage examples
- get string from string or number

- get string from object or array

- as an utility
1) Decimal Commas
3. usage examples
3. usage examples
 1) Decimal Commas
3. usage examples
 1) Decimal Commas
3. usage examples
 1) Decimal Commas
2) HTML Template
3. usage examples
3. usage examples
 2) HTML Template
3. usage examples
 2) HTML Template
3. usage examples
 2) HTML Template
3. usage examples
 2) HTML Template
3. usage examples
 2) HTML Template
3) Create Collection
3. usage examples
3. usage examples
 3) Create Collection
3. usage examples
 3) Create Collection
3. usage examples
 3) Create Collection
3. usage examples
 3) Create Collection
Nothing is Impossible

Everything is Permitted
감사합니다

More Related Content

What's hot

What's hot (7)

CubeIT Tech - Algorithms
CubeIT Tech - AlgorithmsCubeIT Tech - Algorithms
CubeIT Tech - Algorithms
 
Python tuple
Python   tuplePython   tuple
Python tuple
 
Sorting and searching arrays binary search algorithm
Sorting and searching arrays binary search algorithmSorting and searching arrays binary search algorithm
Sorting and searching arrays binary search algorithm
 
Looping
LoopingLooping
Looping
 
Introduction To Programming with Python Lecture 2
Introduction To Programming with Python Lecture 2Introduction To Programming with Python Lecture 2
Introduction To Programming with Python Lecture 2
 
Function
FunctionFunction
Function
 
Functions
FunctionsFunctions
Functions
 

Viewers also liked

Infographic Slides for Xavier on HubSpot
Infographic Slides for Xavier on HubSpotInfographic Slides for Xavier on HubSpot
Infographic Slides for Xavier on HubSpotCatherine Erath
 
Edital 04 prova prática definitivo
Edital 04   prova prática definitivoEdital 04   prova prática definitivo
Edital 04 prova prática definitivoPortal Desempregados
 
VIRTUAL SPACE: concept demonstration
VIRTUAL SPACE: concept demonstrationVIRTUAL SPACE: concept demonstration
VIRTUAL SPACE: concept demonstrationKaterina Zalamova
 
와이어프레임 김승원, 박지은, 이서현
와이어프레임   김승원, 박지은, 이서현와이어프레임   김승원, 박지은, 이서현
와이어프레임 김승원, 박지은, 이서현서현 이
 
Tackling Transfection Tasks - Niel McKenna
Tackling Transfection Tasks - Niel McKennaTackling Transfection Tasks - Niel McKenna
Tackling Transfection Tasks - Niel McKennaAjinomoto Althea
 
Casto's US Studies Syllabus
Casto's US Studies SyllabusCasto's US Studies Syllabus
Casto's US Studies Syllabuswicasto
 
Nominees: Not For Profit Marketing & Communication
Nominees: Not For Profit Marketing & CommunicationNominees: Not For Profit Marketing & Communication
Nominees: Not For Profit Marketing & CommunicationMarijn Kieft
 
2016 Edelman Trust Barometer China - Chinese
2016 Edelman Trust Barometer China - Chinese2016 Edelman Trust Barometer China - Chinese
2016 Edelman Trust Barometer China - ChineseEdelman APACMEA
 
Realizing Aptitudes Presentation
Realizing Aptitudes PresentationRealizing Aptitudes Presentation
Realizing Aptitudes PresentationCatherine Erath
 
Presentation by Marine Academy Primary at Co-Creation Awards 2012
Presentation by Marine Academy Primary at Co-Creation Awards 2012Presentation by Marine Academy Primary at Co-Creation Awards 2012
Presentation by Marine Academy Primary at Co-Creation Awards 2012Marijn Kieft
 
Presentation by Gaurav Bhalla at Co-Creation Awards 2012
Presentation by Gaurav Bhalla at Co-Creation Awards 2012Presentation by Gaurav Bhalla at Co-Creation Awards 2012
Presentation by Gaurav Bhalla at Co-Creation Awards 2012Marijn Kieft
 
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사현희 김
 
Origins of Greece
Origins of GreeceOrigins of Greece
Origins of Greecewicasto
 
Design Strategy - 'X-Wall'
Design Strategy - 'X-Wall'Design Strategy - 'X-Wall'
Design Strategy - 'X-Wall'Taedy Kang
 

Viewers also liked (20)

En 54 24
En 54 24En 54 24
En 54 24
 
Infographic Slides for Xavier on HubSpot
Infographic Slides for Xavier on HubSpotInfographic Slides for Xavier on HubSpot
Infographic Slides for Xavier on HubSpot
 
Edital 04 prova prática definitivo
Edital 04   prova prática definitivoEdital 04   prova prática definitivo
Edital 04 prova prática definitivo
 
VIRTUAL SPACE: concept demonstration
VIRTUAL SPACE: concept demonstrationVIRTUAL SPACE: concept demonstration
VIRTUAL SPACE: concept demonstration
 
와이어프레임 김승원, 박지은, 이서현
와이어프레임   김승원, 박지은, 이서현와이어프레임   김승원, 박지은, 이서현
와이어프레임 김승원, 박지은, 이서현
 
Tackling Transfection Tasks - Niel McKenna
Tackling Transfection Tasks - Niel McKennaTackling Transfection Tasks - Niel McKenna
Tackling Transfection Tasks - Niel McKenna
 
Casto's US Studies Syllabus
Casto's US Studies SyllabusCasto's US Studies Syllabus
Casto's US Studies Syllabus
 
Nominees: Not For Profit Marketing & Communication
Nominees: Not For Profit Marketing & CommunicationNominees: Not For Profit Marketing & Communication
Nominees: Not For Profit Marketing & Communication
 
2016 Edelman Trust Barometer China - Chinese
2016 Edelman Trust Barometer China - Chinese2016 Edelman Trust Barometer China - Chinese
2016 Edelman Trust Barometer China - Chinese
 
Edital 05 definitivo
Edital 05   definitivoEdital 05   definitivo
Edital 05 definitivo
 
12747879001
1274787900112747879001
12747879001
 
Realizing Aptitudes Presentation
Realizing Aptitudes PresentationRealizing Aptitudes Presentation
Realizing Aptitudes Presentation
 
Presentation by Marine Academy Primary at Co-Creation Awards 2012
Presentation by Marine Academy Primary at Co-Creation Awards 2012Presentation by Marine Academy Primary at Co-Creation Awards 2012
Presentation by Marine Academy Primary at Co-Creation Awards 2012
 
UX books
UX booksUX books
UX books
 
Presentation by Gaurav Bhalla at Co-Creation Awards 2012
Presentation by Gaurav Bhalla at Co-Creation Awards 2012Presentation by Gaurav Bhalla at Co-Creation Awards 2012
Presentation by Gaurav Bhalla at Co-Creation Awards 2012
 
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사
 
En 54 16
En 54 16En 54 16
En 54 16
 
Scope nut-presentation
Scope nut-presentationScope nut-presentation
Scope nut-presentation
 
Origins of Greece
Origins of GreeceOrigins of Greece
Origins of Greece
 
Design Strategy - 'X-Wall'
Design Strategy - 'X-Wall'Design Strategy - 'X-Wall'
Design Strategy - 'X-Wall'
 

Similar to ES6 Template Literal & Tag Function

Using Rhino Mocks for Effective Unit Testing
Using Rhino Mocks for Effective Unit TestingUsing Rhino Mocks for Effective Unit Testing
Using Rhino Mocks for Effective Unit TestingMike Clement
 
Tools ProdigyView
Tools ProdigyViewTools ProdigyView
Tools ProdigyViewProdigyView
 
C programming & data structure [character strings & string functions]
C programming & data structure   [character strings & string functions]C programming & data structure   [character strings & string functions]
C programming & data structure [character strings & string functions]MomenMostafa
 
06 chapter03 04_control_logix_tags_memory_structure_fa16
06 chapter03 04_control_logix_tags_memory_structure_fa1606 chapter03 04_control_logix_tags_memory_structure_fa16
06 chapter03 04_control_logix_tags_memory_structure_fa16John Todora
 
The Ring programming language version 1.5.2 book - Part 71 of 181
The Ring programming language version 1.5.2 book - Part 71 of 181The Ring programming language version 1.5.2 book - Part 71 of 181
The Ring programming language version 1.5.2 book - Part 71 of 181Mahmoud Samir Fayed
 
Natural Language Checking with Program Checking Tools
Natural Language Checking with Program Checking ToolsNatural Language Checking with Program Checking Tools
Natural Language Checking with Program Checking ToolsLukas Renggli
 
SURE Research Report
SURE Research ReportSURE Research Report
SURE Research ReportAlex Sumner
 
Python Interview Questions And Answers
Python Interview Questions And AnswersPython Interview Questions And Answers
Python Interview Questions And AnswersH2Kinfosys
 
The Ring programming language version 1.9 book - Part 100 of 210
The Ring programming language version 1.9 book - Part 100 of 210The Ring programming language version 1.9 book - Part 100 of 210
The Ring programming language version 1.9 book - Part 100 of 210Mahmoud Samir Fayed
 
Design Patterns
Design PatternsDesign Patterns
Design Patternssoms_1
 
Advanced Programming C++
Advanced Programming C++Advanced Programming C++
Advanced Programming C++guestf0562b
 
Easily reduce runtimes with cython
Easily reduce runtimes with cythonEasily reduce runtimes with cython
Easily reduce runtimes with cythonMichal Mucha
 
C++ Made simple .pptx
C++ Made simple .pptxC++ Made simple .pptx
C++ Made simple .pptxMohamed Essam
 

Similar to ES6 Template Literal & Tag Function (20)

Python Intro-Functions
Python Intro-FunctionsPython Intro-Functions
Python Intro-Functions
 
xml rpc
xml rpcxml rpc
xml rpc
 
Using Rhino Mocks for Effective Unit Testing
Using Rhino Mocks for Effective Unit TestingUsing Rhino Mocks for Effective Unit Testing
Using Rhino Mocks for Effective Unit Testing
 
Tools ProdigyView
Tools ProdigyViewTools ProdigyView
Tools ProdigyView
 
C programming & data structure [character strings & string functions]
C programming & data structure   [character strings & string functions]C programming & data structure   [character strings & string functions]
C programming & data structure [character strings & string functions]
 
06 chapter03 04_control_logix_tags_memory_structure_fa16
06 chapter03 04_control_logix_tags_memory_structure_fa1606 chapter03 04_control_logix_tags_memory_structure_fa16
06 chapter03 04_control_logix_tags_memory_structure_fa16
 
The Ring programming language version 1.5.2 book - Part 71 of 181
The Ring programming language version 1.5.2 book - Part 71 of 181The Ring programming language version 1.5.2 book - Part 71 of 181
The Ring programming language version 1.5.2 book - Part 71 of 181
 
Natural Language Checking with Program Checking Tools
Natural Language Checking with Program Checking ToolsNatural Language Checking with Program Checking Tools
Natural Language Checking with Program Checking Tools
 
C Programming - Refresher - Part IV
C Programming - Refresher - Part IVC Programming - Refresher - Part IV
C Programming - Refresher - Part IV
 
SURE Research Report
SURE Research ReportSURE Research Report
SURE Research Report
 
Python Interview Questions And Answers
Python Interview Questions And AnswersPython Interview Questions And Answers
Python Interview Questions And Answers
 
Java basics
Java basicsJava basics
Java basics
 
The Ring programming language version 1.9 book - Part 100 of 210
The Ring programming language version 1.9 book - Part 100 of 210The Ring programming language version 1.9 book - Part 100 of 210
The Ring programming language version 1.9 book - Part 100 of 210
 
Design Patterns
Design PatternsDesign Patterns
Design Patterns
 
Advanced Programming C++
Advanced Programming C++Advanced Programming C++
Advanced Programming C++
 
Easily reduce runtimes with cython
Easily reduce runtimes with cythonEasily reduce runtimes with cython
Easily reduce runtimes with cython
 
Python45 2
Python45 2Python45 2
Python45 2
 
Generic Programming
Generic ProgrammingGeneric Programming
Generic Programming
 
Unit 1
Unit  1Unit  1
Unit 1
 
C++ Made simple .pptx
C++ Made simple .pptxC++ Made simple .pptx
C++ Made simple .pptx
 

Recently uploaded

Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxMarkSteadman7
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....rightmanforbloodline
 
Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data PlatformLess Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data PlatformWSO2
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)Samir Dash
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 

Recently uploaded (20)

Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
 
Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data PlatformLess Is More: Utilizing Ballerina to Architect a Cloud Data Platform
Less Is More: Utilizing Ballerina to Architect a Cloud Data Platform
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

ES6 Template Literal & Tag Function