'html'에 해당되는 글 2건




document 는 execCommand 함수를 이용하여 수정가능한 영역을 관리하는 명령어를 사용합니다. 


여기서는 execCommand 의 사용방법에 대해 알아 보겠습니다. 



■ Syntax


var bool = document.execCommand( commandName, showDefaultUI, value)


▶ commnadName - 실행할 명령어

▶ showDefaultUI - 기본 UI 를 보여줄지 말지 결정 (모질라는 지원하지 않습니다)

▶ value - 수치 (명령어에 따라 필요한 경우 사용)


▼ Return Value

실행결과는 true / false 값으로 리턴 됩니다. 




■ Commands


명령어에는 아래와 같은 종류 들이 있습니다. 


backColors

bold

ClearAuthenticationCache

contentReadOnly

copy

createLink

cut

delete

fontName

fontSize

decreaseFontSize

increaseFontSize

insertHTML

italic

selectAll

underline

redo

undo


이름만 봐도 어떤 의미 인지 알 수 있는 자주 사용하는 명령어 들입니다. 


사용 방법은 예제를 만들기에 너무 방대 하여 아래 링크 하나 참조 하시면 됩니다. 

https://codepen.io/chrisdavidmills/full/gzYjag/


아래와 같이 웹상에서 수정 변경하는 작업을 테스트 할 수 있습니다. 

또한 초록색으로 하일라이트 되지 않은 회식 버튼들은 해당 브라우저에서 사용 불가능함을 보여 주고 있습니다. 












'HTML' 카테고리의 다른 글

[HTML 코딩] URL vs URI  (1578) 2017.09.05
블로그 이미지

쉬운코딩이최고

Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.

,

[HTML 코딩] URL vs URI

HTML 2017. 9. 5. 02:01

안녕하세요. 제임스 입니다. 


이번에는 URI 및 URL 에 관한 내용 정리와 함께 URN 이 무엇인지에 대한 내용 같이 다뤄보고자 합니다. 



■ URI, URL and URN 의 차이점


※ URI 란? 

Uniform Resource Identifier 의 약자로 정보 리소스를 고유하게 식별하고 위치를 지정합니다. 

URI 는 URL 과 URN 두가지로 나눌 수 있습니다. 


※ URL 이란?

Uniform Resource Locator 의 약자로 리소스의 구체적인 위치정보를 지정합니다.

URL 은 리소스 또는 페이지의 정확한 위치를 알려주고 있습니다. 


ex) 

http://jamesdreaming.tistory.com/    > 제임스의 티스토리 메인화면

http://jamesdreaming.tistory.com/category/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/Android    > 안드로이드 카테고리 글 목록 조회 화면

http://jamesdreaming.tistory.com/37    > 제임스 티스토리 중 안드로이드 단말정보 가져오기 관련 포스팅


위와 같이 명확한 리소스 또는 페이지 정보를 제공해주는 것이 URL 이며 이는 우리가 가장 많이 사용하고 있는 URI 의 한 형태 입니다. 


※ URN 이란?

Uniform Resource Name 의 약자로 리소스 위치와 상관 없이 리소스의 이름값을 이용하여 접근하는 방식 입니다. 


예를 들어 

위 예시 중 안드로이드 단말정보 가져오기 관련 포스팅인 http://jamesdreaming.tistory.com/37 라는 URL 이 네이버나 구글 검색에 노출 되어 있는 상태라고 하겠습니다. 

이때 제가 URL 을 http://jamesdreaming.tistory.com/android/37 이라고 변경 했을 경우 포털 사이트를 통해 링크를 클릭하여 접근하고자 하는 시도가 있을 경우 페이지를 찾을 수 없어 404 : not found 오류가 발생하게 됩니다. 


이를 보완하기 위해 가장 이상적인 방법을 강구 했는데요. 바로 위치 정보와는 상관 없이, 위치 정보가 바뀌어도 리소를 찾을 수 있도록 해당 리소스의 위치정보가 아닌 실제 리소스 이름을 사용하는 방식입니다.  





위 이미지를 참조하여 간략하게 요약하면 아래와 같습니다. 

    • URI 에는 URL 과 URN 두가지가 있습니다. 
    • URL 은 URI 입니다. 
    • 반대로 URI 는 URL 이라고 할 수 없습니다. 


간단히 정리 했는데요. 


정말 한줄로 요약 하면 URI >= URL 정도 되겠습니다. 



참고 사이트 

http://www.ietf.org/rfc/rfc3986.txt

https://stackoverflow.com/questions/176264/what-is-the-difference-between-a-uri-a-url-and-a-urn



▼ 도움이 되었다면 아래 하트 클릭 한번 부탁 드립니다 ▼

감사합니다 :D

'HTML' 카테고리의 다른 글

doucument.execCommand() 사용하기  (1173) 2018.08.03
블로그 이미지

쉬운코딩이최고

Android, Java, jsp, Linux 등의 프로그래밍 언어를 소개 합니다.

,