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

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 

Recently uploaded (20)

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

ES6 Template Literal & Tag Function