[ javascript ] 특수 문자 ( 이스케이프 시퀀스 ) > javascript&jQuery

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ javascript ] 특수 문자 ( 이스케이프 시퀀스 )

페이지 정보

작성자 웹지기 댓글 0건 조회 5,339회 작성일 18-09-23 13:34

본문

JavaScript는 직접 입력할 수 없는 문자를 만들기 위해 문자열에 포함시킬 수 있는 이스케이프 시퀀스를 제공합니다.


이스케이프 시퀀스

다음 표에서는 일반적인 문자에 대한 이스케이프 시퀀스의 몇 가지 예를 보여 줍니다.


유니코드 문자 값

이스케이프 시퀀스

의미

범주

\u0008

\b

백스페이스

\u0009

\t

공백

\u000A

\n

줄 바꿈(새 줄)

줄 종결자

\u000B

\v

(이 표 아래에 있는 정보 참조)

세로 탭

공백

\u000C

\f

폼 피드

공백

\u000D

\r

캐리지 리턴

줄 종결자

\u0020

공백

공백

\u0022

\"

큰따옴표(")

\u0027

'

작은따옴표(')

\u005C

\\

백슬래시(\)

\u00A0

줄 바꿈하지 않는 공백

공백

\u2028

줄 구분 기호

줄 종결자

\u2029

단락 구분 기호

줄 종결자

\uFEFF

바이트 순서 표시

공백


범주 열은 문자가 공백인지 또는 줄 종결자 문자인지를 지정합니다.  

 trim 메서드(String)(JavaScript)는 문자열에서 선행 및 후행 공백과 줄 종결자 문자를 제거합니다.  


백슬래시 자체는 이스케이프 문자로 사용됩니다.  따라서 스크립트에 직접 입력할 수는 없습니다.  

백슬래시를 쓰려는 경우 두 개를 함께 입력해야 합니다(\\).  


참고

Internet Explorer 9 표준 모드, Internet Explorer 10 표준 모드, Internet Explorer 11 표준 모드 및 Windows 스토어 앱부터 세로 탭(\v)과 "v"가 같은지 테스트하여 브라우저를 Internet Explorer로 식별할 수 없습니다.  이전 버전에서는 "\v" === "v" 식이 true를 반환합니다.  Internet Explorer 9 표준 모드, Internet Explorer 10 표준 모드, Internet Explorer 11 표준 모드 및 Windows 스토어 앱에서는 식이 false를 반환합니다.  


다음 예제에서는 \\ 및 ' 이스케이프 시퀀스를 보여 줍니다.

[code]

JavaScript

document.write('The image path is C:\\webstuff\\mypage\\gifs\\garden.gif.');

document.write ("<br />");

document.write('The caption reads, "After the snow of '97. Grandma's house is covered."');

[/code]


유니코드 코드 포인트 이스케이프 시퀀스

Microsoft Edge에서는 유니코드가 완전히 지원됩니다.  가장 일반적인 유니코드 코드 포인트는 탭 문자를 나타내는 /u0009와 같이 16진수 4개로 표현됩니다.  

16진수가 5개 이상 필요한 모든 기호를 포함하는 아스트랄 코드 포인트는 이제 간소화된 형식으로 지원됩니다.  

"\u{codepoint}" 형식을 사용하여 전체 유니코드 문자 집합을 리터럴 형식으로 나타낼 수 있습니다.  

예를 들어 "????" 기호를 나타내려면 "\u{20BB7}" 형식을 사용할 수 있습니다.  


다음 코드 예제에서는 문자열이 모두 동일합니다.  \uD842\uDFB7은 이전 버전에서 이 기호를 지정하는 해결 방법입니다.  


[code]

JavaScript

"\u{20BB7}"=="????"=="\uD842\uDFB7"

[/code]


아스트랄 코드 포인트를 완전히 지원하기 위해 이제 RegExp에 /u 플래그가 포함되었습니다. 

 예를 들어 다음 코드 예제에서 정규식의 /u 플래그는 아스트랄 코드 포인트를 일치시킬 수 있도록 합니다(마침표는 제공된 문자열의 임의 문자와 일치함).  


[code]

JavaScript

"????".match(/./u)[0].length == 2

[/code]

/u 플래그를 사용하면 새로운 형식 \u{codepoint})를 유니코드 이스케이프 시퀀스로 구문 분석할 수 있습니다. 

 /u 플래그가 없는 \u{xxxxx}는 정규식에서 다른 의미를 갖기 때문에 이 플래그가 필요합니다.  


System_CAPS_note참고

아스트랄 코드 포인트의 길이는 항상 2입니다.  이 동작은 이전 버전과 일치합니다.  


아스트랄 코드 포인트를 지원하기 위해 이제 String 개체에 두 개의 새 메서드 String.codePointAt 및 String.fromCodePoint가 포함되었습니다. 

 예를 들어 codePointAt를 사용하여 "????" 기호에 해당하는 코드 포인트를 반환할 수 있습니다.  


[code]

JavaScript

"????".codePointAt(0) == 0x20BB7

[/code]


for…of 문을 사용하여 코드 포인트를 반복할 수도 있습니다.


[code]

JavaScript

for(var c of "????") {

    console.log(c);

}

[/code]

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 63건 3 페이지
  • 33 [ jquery ] 체크박스 제어
  • 체크여부 확인 - id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환 $("#chkBox").is(":checked") ; $("input:checkbox[id='chkBox']").is(":checked") ; * 1.6이상일때 권장 사용법 $("#chkBox").prop("checked") ;체크박스 갯수 가져오기 - 선택된 체크박스 갯수 구하기 $(&#...
  • 웹지기 09-05 3089 0 0 댓글 0
  • 32 [ jquery ] 체크박스 체크확인
  • checked 여부 확인ID일 경우 ==&gt; $("input:checkbox[id='ID']").is(":checked") == true : falseNAME일 경우 ==&gt; $("input:checkbox[name='NAME']").is(":checked") == true : falsechecked/unchecked 처리ID일 경우 ==&gt; $("input:checkbox[id=...
  • 웹지기 09-05 3014 0 0 댓글 0
  • 31 [ jquery ] 등록, 수정, 삭제, 등등의 예제
  • [code]====================================================================================- function 명insXXX - 등록(예)insBoard()updXXX - 수정(예)updBoard()delXXX - 삭제(예)delBoard()getXXX - 모든 화면 이동(예)getBoardList(), getBoardView()saveXXX - 확인(예)saveBoard()chkXXX - 체크 chkBoard()rese...
  • 웹지기 09-27 1 0 0 댓글 0
  • 30 [ javascript ] 정규표현식, Regular Expressions(regex, regexp) in …
  • 관련 문서http://www.regexr.com/https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExphttp://blog.outsider.ne.kr/360http://regexlib.com/DisplayPatterns.aspxhttp://blog.eairship.kr/197http://tryhelloworld.co.kr/courses/정규표현식정규 표현식이란 문자열에서 특정한 캐릭터 조합을 찾아...
  • 웹지기 09-27 3563 0 0 댓글 0
  • 열람중 [ javascript ] 특수 문자 ( 이스케이프 시퀀스 )
  • JavaScript는 직접 입력할 수 없는 문자를 만들기 위해 문자열에 포함시킬 수 있는 이스케이프 시퀀스를 제공합니다.이스케이프 시퀀스다음 표에서는 일반적인 문자에 대한 이스케이프 시퀀스의 몇 가지 예를 보여 줍니다.유니코드 문자 값이스케이프 시퀀스의미범주\u0008\b백스페이스\u0009\t탭공백\u000A\n줄 바꿈(새 줄)줄 종결자\u000B\v(이 표 아래에 있는 정보 참조)세로 탭공백\u000C\f폼 피드공백\u000D\r캐리지 리턴줄 종결자\u0020공백공백\u0022\"큰따...
  • 웹지기 09-23 5340 0 0 댓글 0
  • 27 [ jquery ] 라이브러리 모음
  • http://ui.jquery.com/jQueryUI 플러그인http://trirand.com/jqgrid/jQuery Grid 플러그인http://malsup.com/jquery/form/jQuery Form 플러그인File uploadAjax File UploadjQUploaderMultiple File Upload pluginjQuery File StyleStyling an input type fileProgress Bar PluginForm ValidationjQuery Validation...
  • 웹지기 09-28 4403 0 0 댓글 0
  • 26 [ javascript ] 자바스크립트 함수 모음
  • [code]&lt;script language="javascrip"&gt;function 함수명(){ 소스}&lt;/script&gt;:::외부:::&lt;a href="#" onclick="alert('환영')"&gt; ▶ 버튼에 스크립트 삽입&lt;a href="javascript:alert('환영')"&gt; ▶ 버튼에 스크립트 삽입&lt;...
  • 웹지기 09-28 2974 0 0 댓글 0
  • 25 [ jquery ] 검색결과 리스트글 / jQuery 관련 URL 모음
  • 강좌가볍고 쉬운 Ajax - jQuery 시작하기-가볍고 쉬운 Ajax - jQuery 시작하기|작성자하루살이ibm 강좌 -jQuery로 작업하기, Part 1: 브라우저로 데스크톱 응용 옮기기ibm 강좌 -jQuery로 작업하기, Part 2: 내일 나올 웹 응용을 오늘 구현해보자ibm 강좌 -jQuery로 Ajax 개발을 단순화 하기ibm 강좌 -jQuery로 작업하기, 3부: jQuery와 Ajax로 RIA 만들기ibm 강좌 -Ajax로 사이트 전면 개편, Part 1: Ajax와 jQuer...
  • 웹지기 09-28 4323 0 0 댓글 0
  • 24 [jquery] jqeyry 튜토리얼 모음
  • 제이쿼리(JQuery)[jQuery] 001. 제이쿼리를 이용한 12달 달력 코딩하기Customizing and Theming jQuery UI Datepicker[미리보기][jQuery] 002.포토샵과 제이쿼리를 이용한 이미지 슬라이드 만들기Customizing and Theming jQuery UI Datepick[미리보기][jQuery] 003.페이지 번호를 통한 페이지 스크롤 바 만들기Extreme Makeover: jPaginator CSS3 Edition[미리보기][jQuery] 00...
  • 웹지기 09-28 3976 0 0 댓글 0
  • 23 [ jquery ] jquery 간단 정리
  • 기본 셀렉터[code]$("*") : 모두$("div p") : 모든 &lt;div&gt;에 포함된 모든 &lt;p&gt;$("#loginID") : id="loginID"$(".Columns") : class="Columns"$("p &gt; a") : &lt;p&gt;에 포함된 한 단계 아래 레벨의 모든 &#...
  • 웹지기 09-27 3542 0 0 댓글 0
  • 20 [ jquery ] jquery 강좌 및 참고 사이트 모음
  • 강좌http://www.taeyo.pe.kr/Columns/List.aspx?SEQ=29&amp;IDX=0비디오 강좌http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/예제http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/참고사이트http://webitect.net/tutorials/jquery-tutorial-pa...
  • 웹지기 09-27 2760 0 0 댓글 0
  • 19 [ jquery ] jquery 활용 js 파일 include 하기
  • jquery를 이용해 js 파일들을 인클루드 하는 플러그인먼저 include 해야할 js 파일을 한 후 순차적으로 js 파일을 인클루드1. 기본환경설정[code]&lt;script src="/common/js/jquery-1.7.1.min.js" &gt;&lt;/script&gt;&lt;script src="/common/js/jquery.extended.js" &gt;&lt;/script&...
  • 웹지기 09-27 5430 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
7,235
어제
5,698
최대
61,067
전체
11,202,826

그누보드5
Copyright © funyphp.com. All rights reserved.