이스케이프 시퀀스 Escape Sequence

이스케이프 시퀀스란? Escape Sequence란 프로그래밍 언어 특성상 표현할 수 없는 기능, 문자를 표현해주는 대체 문자입니다. 문자열을 값으로 사용하는 경우 키보드로 입력 불가능한 문자가 있습니다. 예를 들면 개행문자가 있습니다. 문자열에서 개행을 키보드로 입력하면 다음과 같이 됩니다. alert("안녕하세요 잘 지내세요?"); 위의 예에서는 [안녕하세요]와 [잘 지내세요?]의 사이에 개행을 입력하려고 하였지만 키보드에서 [Enter] 키를 누르면 코드 개행만이 됩니다. 출력물에서 개행을 입력하려면 특정 문자의 조합으로 표현합니다. alert("안녕하세요?\n잘 지내세요?"); 위와같이 이스케이프 시퀀스를 사용하여 코드를 입력하면 원하는 값을 얻을 수 있습니다. \a 경고 (alert) \n 줄바..

2021.11.24

JavaScript - 1. 개요와 역사

JavaScript의 개요와 역사 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어다. 이 언어는 웹브라우저 내에서 주로 사용하며, 다른 응용프그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. ＊ 자바스크립트 이름의 변천사 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(Live Script)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. ＊ C언어를 기본 구문 바탕에 두고있다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 ..

2021.11.24

문서 객체 스타일 변경하기

문서 객체 스타일 변경하기 스타일변경 감추기 보이기

2021.11.22

문서에 객체, 속성값 설정

당신의 이름은 무엇입니까? 이미지 추가 createElement(); createTextNode(); appendChild(); setAttribute();

2021.11.22

웹접근성 skip navi

skip navi란? 사용자 편의 및 웹 접근성향상을 위한 skip navi를 body 최상단에 넣어준다. 마우스나 키보드를 사용하지 못해 tab키를 사용해야 하는 사용자에게 사이트 최상단에 바로가기를 만들어 줌으로써 원하는 영역에 바로 갈 수 있게 도와주는 기능을 한다. 사용예제 #skipNav{position:relative; width:100%; overflow:hidden;} #skipNav a{display:block; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center;} #skipNav a:hover, #skipNav a:focus, #skipNav a:active{height:auto; padding:5px 0; backg..

2021.11.19

HTML5 새로운 폼 요소

1. input 요소 HTML5 에서는 강력한 form 속성을 지원한다. 때문에 어려운 스크립트 없이도 다양한 ui를 표현할 수 있다. 이메일 입력을 위한 email 리소스 주소 입력을 위한 url 일정한 범위의 숫자를 입력받기 위한 number * min - 범위의 최소 값 * max - 범위의 최대 값 * step - 벙뮈 이동의 크기 일정한 범위의 숫자를 입력받기 위한 range * min - 범위의 최소 값 * max - 범위의 최대 값 * step - 벙뮈 이동의 크기 날짜를 입력받기 위한 date 검색을 위한 search 전화번호 입력을 위한 tel 색상 입력을 위한 color 2. output요소 output 요소는 사용자가 입력을 받기 위한 요소가 아니라 서식에서 출역용으로 사용하는 요소이..

2021.11.11