Still growing

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. DOCTYPE이란 무엇인가. 항상 코드의 맨 앞에 적으면서 무엇인지 궁금했던 DOCTYPE을 알아봅니다. WHAT DOCTYPE은 문서 형식 정의(DTD, Document Type Definition)입니다. HTML 태그는 아닙니다. WHY 문서 형식 정의는 SGML(Standard Generalized Markup Language) 계열의 마크업 언어에서 문서 형식을 정의하는 것입니다. 웹 페이지는 초기에 넷스케이프 내비게이터(Netscape Navigator)용과 마이크로소프트 인터넷 익스플로러(Microsoft Internet Explorer)용으로 두 가지 버전이 있..

클라이언트 스토리지 - 사용자의 컴퓨터에 데이터를 저장하기 위한 브라우저의 API - 웹 브라우저에게 메모리를 제공 -> 웹 앱에서 사용자의 설정, 특정한 상태 등을 저장 가능. - 출처별로 분리되어 저장됨 -> 한 사이트에서 다른 사이트에 저장된 데이터를 읽을 수 없음. - (같은 사이트의 다른 페이지 내에서는 스토리지를 공유하므로 통신 메커니즘을 활용하면 가능.) - 데이터의 생명주기 설정 가능. - 저장된 데이터는 암호화되지 않음. 1. 웹 스토리지 - HTML5에 정의된 API, 현재는 독립적인 표준. - 본질적으로 문자열 키와 값을 대응시킨 영속적 연관 배열인 로컬 스토리지와 세션 스토리지 객체로 구성됨. - 너무 크지 않은 대량의 데이터를 저장하기에 적합. - 구형 브라우저에서는 지원하지 않음..

HTTP(HyperText Transfer Protocol) - 웹브라우저가 서버로부터 문서를 전송 받거나 폼의 내용을 보내는 방법, 해당 요청의 내용에 대해 서버가 응담하는 방법을 명세. - 일반적으로 스크립트의 제어를 받지 않으나 js에서 Window.location 설정, form.submit() 메서드 호출로 초기화 가능. Ajax(Asynchronous JavaScript and XML: 비동기 자바스크립트와 XML) - HTTP를 조작하는 데 특화된 웹 애플리케이션 설계 방식. - HTTP 조작으로 페이지를 불러오지 않고도 웹 서버와 데이터를 교환할 수 있도록 함.

클라이언트 측 자바스크립트 - 정적인 HTML 문서를 사옿작용이 가능한 웹 애플리케이션으로 바꾸는 역할. Window 객체 - 클라이언트 측 자바스크립트 프로그램의 전역 객체. - 메서드: setTimeout(), setInterval(func, interval, /*optional*/args...), clearTimeout(), clearInterval(intervalID) - 프로퍼티: document, location URL, history, navigator 브라우저 제조사와 버전정보, screen 데스크톱 크기 - alert(), confirm(), prompt() 간단한 대화상자, showModalDialog() HTML 대화상자 - onerror(오류를 설명하는 msg, 오류가 발생한 js ..

HTML에 Javascript 포함는 방법 태그 안에 직접 작성. 태그 사이에는 어떤 내용를 넣어도 경고 처리되고 무시됨. 필요하다면 코드에 대한 저작권이나 문서화된 설명을 넣을 수 있음. 확장성이 좋고, js 파일을 사용한 첫 페이지에서 한 번만 내려 받으면 그 다음 페이지는 브라우저 캐시에서 참조할 수 있음. 참조(http://code.google.com/apis/ajaxlibs/) (http://developers.google.com/speed/libraries/) onclick 같은 HTML 이벤트 핸들러 속성 안에 작성 javascript: 라는 특별한 프로토콜을 이용하여 URL 안에 작성. Javascript 실행 문서 내용을 불러오고 브라우저는 문서를 모두 불러오고 파싱해서 조작할 준비가 끝..

RegExp 객체 (정규표현식)- 정규표현식의 리터럴: 한 쌍의 '/' 사이에 위치한 문자들.- 역슬래시(\): 메타 문자들이 문자 그대로 사용되게 함. (=이스케이프) 1. 리터럴 문자2. 문자 클래스(character class)- 해당 클래스 내의 모든 문자에 매치됨.ex) /[abc]/: a, b, c 중 아무 글자에나 매치됨.- 부정 문자 클래스(^ 캐럿)ex) /[^abc]/: a, b, c를 제외한 모든 문자와 매치됨.- 문자 범위 지정(- 하이픈)ex) /[a-zA-Z0-9]/: 모든 알파벳과 숫자에 매치됨. (cf) /[a-zA-Z0-9]/ === /\w/3. 반복- 반복을 지정할 패턴 뒤에 사용.- {n,m} [n, m]번 반복- {n,} n번 이상 반복- {n} n번 반복- ? 0번 ..

JSON(JavaScript Object Notation) : 데이터를 좀 더 쉽게 교환하고 저장하기 위해 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준. - 파싱과 문자열화(직렬화) 지원. - name/value 형태의 쌍으로 collection 타입. - 값들의 순서화된 리스트. 1. JSON.stringify(o, /*optional*/filter, /*optional*/indent) - 객체나 배열, 원시 값을 직렬화. - @param: filter 문자열로 변환하기 전에 값을 교체할 수 있는 함수 혹은 문자열로 변환될 프로퍼티 이름을 가진 배열. indent 들여쓰기문자열이나 들여쓰기에 사용할 공백 문자의 개수 지정. 미지정 시 공백 없음. - @return: JSO..

Array.prototype의 함수 프로퍼티들var arr = [1, 2, 3]; 일 때,arr.func(); 로 사용.1. join(/*optional*/seperator)- 배열의 모든 원소를 문자열로 변환하고, 변환한 문자들을 이어 붙인 결과를 반환.- @param: 구분자 문자. 미지정시 ",".- @return: String2. reverse()- 원본 배열의 원소 순서를 뒤집음.- @return: x3. sort(/*optional*/orderfunc)- 원본 배열의 요소들을 정렬- @return: 원본 배열에 대한 참조.4. concat(value, ...)- 배열을 이어 붙임.- @return: 전달인자를 원본배열에 이어 붙인 새 배열.5.slice(start, end)- 배열의 일부분을 ..