공부 정리/Front end(6)
-
cross domain issue
1. cross domain issue XMLHttpRequest(XHR)은 웹 브라우저와 웹 서버 간에 메서드가 데이터를 전송하는 객체 폼의 API이다. XHR은 AJAX요청을 생성하는 JS(JavaScript) API인데 다른 도메인 간에는 보안을 이유로 요청이 안 된다(SOP). 이를 cross domain issue라 한다. 즉 A도메인에서 B도메인으로 XHR통신, Ajax 통신을 할 수 없는데 이를 회피하기 위해서 JSONP라는 방식과 CORS가 널리 사용되고 있다. ※동일 출처 정책(Same-Origin Policy) 주로 XHR부터의 데이터 접근에 적용된다. 다른 웹페이지에 접근할 때 같은 출처의 페이지에만 접근이 가능하다. 일치하는 HTML 태그를 경유하는 이미지, CSS, 스크립트 등 출..
2020.12.11 -
JSTL
JSTL(JSP Standard Tag Library) jsp 페이지에서 조건문 처리, 반복문 처리 등을 html tag형태로 작성할 수 있게 도와준다. 1. JSTL을 사용하려면? http://tomcat.apache.org/download-taglibs.cgi 2. JSTL이 제공하는 태그의 종류 사용 예 a. 코어 태그 ○ 변수 지원 set & remove ○ 흐름 제어 if-else 같은 조건이 있을 때 사용한다. b. 국제화 태그 // 단순히 DB의 내용을 불러올 뿐이다. // 원하는 패턴에 맞게 DB의 내용을 불러 올 수 있다. //DB에서 보내는 타임스탬프를 날짜로 변환할 수 있다. //숫자의 ,표기를 할 수 있다. c. 함수 태그 이렇게 \n 되어있는 값을 함수 태그를 이용하여 표현할 수 ..
2020.11.11 -
DOM(Document Object Model)
DOM(Document Object Model) 문서 객체 지향 모델로서 구조화된 문서를 표현하는 형식 HTML, XML 문서의 프로그래밍 interface 플랫폼/언어 중립적으로 구조화된 문서를 표현하는 W3C의 공식 표준 HTML 문서의 요소를 제어하기 위해 웹 브라우저에서 처음 지원 DOM은 프로그래밍 언어와 독립적으로 디자인되었기에 DOM의 구현은 어떠한 언어에서도 가능 웹 페이지는 문서(document)인데 웹 브라우저를 통해 그 내용이 해서 되어 웹 브라우저 화면에 나타나거나 HTML 소스 자체로 나타나기도 한다. DOM은 동일한 문서를 표현하고, 저장하고, 조작하는 방법을 제공 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 동적으로 문서의 내용, 구조, 스타일에 접근하고 변경..
2020.11.09 -
CSS - 캐스케이딩(Cascading)
1. 캐스케이딩(Cascading) 하나 이상의 CSS선언에 영향을 받을 수 있는데 충돌을 피하기 위해 CSS적용 우선순위를 정한 규칙 a. 중요도 CSS가 어디에 선언되었는지에 따라서 우선순위가 달라진다. head 요소 내의 style 요소 head 요소 내의 style 요소 내의 @import문 로 연결된 CSS파일 로 연결된 CSS파일 내의 @import문 브라우저 디폴트 스타일시트 ※@import 다른 스타일 시트에서 스타일 규칙을 가져올 때 쓴다. @charset규칙을 제외하고 모든 다른 종류의 규칙보다 선행해야 한다. 중첩 명령문이 아니기 때문에 조건부 그룹 @규칙 내에 사용할 수 없다. 구문 @import url; @import url list-of-media-queries; url impo..
2020.11.06