for문 사용

function getRandomArray(idxSize, range) {
	/* 랜덤 수를 가진 배열을 반환하는 메서드.
	 * idxSize : 반환받을 배열 사이즈, 
	 * range : 랜덤 수의 범위
	 */
	var indexs = new Array(); // 랜덤 인덱스 배열
	var hasValue = false; //같은 값이 있는지 확인하기 위한 변수
	
	if(idxSize > range) {
		console.error('index size > range');
		return indexs;
	}
	
	while(indexs.length < idxSize) {
		hasValue = false;
		var temp = parseInt(Math.random() * range);
		for(c = 0; c < indexs.length; c++) {
			if(temp == indexs[c]) {
				hasValue = true;
				break;
			}
		}
		if(hasValue == false) {
			indexs.push(temp);
		} 
	}
	return indexs;
}

// 사용방법
var indexs = new Array();
indexs = console.log(getRandomArray(5, 10));
indexs.forEach(function(value) {
	console.log(value);
});


Set 사용

set으로 좀 더 짧은 코드를 작성할 수 있지만 크롬과 오페라, 파이어폭스에서만 지원되며 익스플로러에서는 Set을 지원하지 않는다.

var indexs = new Set();
while(1) {
	indexs.add(parseInt(Math.random() * 10));
	if(indexs.size == 5) {
		console.log(indexs.size);
		break;
	}
}

indexs.forEach(function(value) {
	console.log(value);
});

CSS로 말줄임표 만들기

.ellipsis{width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;}


참고 사이트 링크, 링크(JQuery 플러그인)


'Web > HTML,CSS' 카테고리의 다른 글

[CSS] div 둥근 테두리 만들기  (0) 2013.08.30
[HTML] html RFC 한글 번역  (0) 2013.08.20
[HTML] 한글 번역문 HTML 4.01  (0) 2013.08.20
[CSS] Opacity 투명도 조절하기  (0) 2013.08.09

문제점

다음과 같이 ajax로 다른 페이지에 접급하려할 때 에러가 발생하였다.

source

$.ajax(
 {
  type: "GET",
  contentType: 'text/xml',
  dataType: "xml",
  url: 'url address',
  timeout: 4000,
  async: false,
  success: parseXml,
 });

error message

XMLHttpRequest cannot load http://xx.xx.xx.xx/xxx. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 

원인은 ajax로 외부 서버에 접속하려 할 경우에 보안상의 문제 때문이라고 한다. 해결방법에는 여러가지가 있다.


해결방안

이것저것 며칠을 찾아보면서 찾은 각종 해결방법은 아래와 같다.

  1. PHP
    header("Access-Control-Allow-Origin: *");
  2. JSP
    <% response.addHeader("Access-Control-Allow-Origin", "*"); %>
  3. ajax
    dataType의 값을 jsonp로 변경한다.
    $.ajax(
     {
      type: "GET",
      contentType: 'text/xml',
      dataType: "jsonp",
      url: 'url address',
      //timeout: 4000,
      async: false,
      success: parseXml,
     });
  4. open source
    homepagegithub
  5. With jQuery and the Google AJAX Feed API
    $.ajax({
      url      : document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(FEED_URL),
      dataType : 'json',
      success  : function (data) {
        if (data.responseData.feed && data.responseData.feed.entries) {
          $.each(data.responseData.feed.entries, function (i, e) {
            console.log("------------------------");
            console.log("title      : " + e.title);
            console.log("author     : " + e.author);
            console.log("description: " + e.description);
          });
        }
      }
    });


자바코드(activity)에서 setText()로 값 변경시 태그넣기

TextView t1 = (TextView)findViewById(R.id.t1);
t1.setText(Html.fromHtml("1번째줄" + "<br />" + "2번째줄"));


한글 번역 사이트 바로가기(새창)


번역된 각 문서들을 보고 다운받을수 있는 TTA사이트 바로가기(새창)


영문 다운로드 사이트 바로가기(새창)

'Web > HTML,CSS' 카테고리의 다른 글

[CSS] 텍스트 말줄임표  (0) 2015.03.11
[CSS] div 둥근 테두리 만들기  (0) 2013.08.30
[HTML] 한글 번역문 HTML 4.01  (0) 2013.08.20
[CSS] Opacity 투명도 조절하기  (0) 2013.08.09

HTML 4.01 한글 번역문

http://www.trio.co.kr/webrefer/html/cover.html

'Web > HTML,CSS' 카테고리의 다른 글

[CSS] div 둥근 테두리 만들기  (0) 2013.08.30
[HTML] html RFC 한글 번역  (0) 2013.08.20
[CSS] Opacity 투명도 조절하기  (0) 2013.08.09
[HTML] DOM이란?(수정)  (0) 2013.07.19

DOM(document object model) ?

  • 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. 
  • HTML문서의 요소들에 접근 가능하도록 되어있다.
  • DOM을 사용하면 데이터를 동적으로 화면에 접근하고 변경할 수 있어 접근성과 조작성을 부여할 수 있다.



HTML의 기본적인 구조를 다음과 같은 트리형태로 나타낼 수 있다.


(P는 저렇게 되는게 맞는건지...)


이런 구조를 가진 속성(노드)들에 접근하기 위하여 DOM API를 사용한다.

괄호안에 노드라고 적어놓았는데 노드는 COM 트리를 이루고 있는 가장 기초적인 단위로 최상위 노드를 시작으로 부모 노드와 자식 노드를 가질 수 있다.


DOM API 예제

<html> <head> </head> <body> <h1 id="id1">test</h1> </body> </html>

document.getElementById("id1").setAttribute("color", "#e2e2e2");

document = 현재 문서

getElementById() = 인자로 넣어준 값이 id인 객체를 반환한다.

setAttribute() = 속성을 변경한다.


참고자료


'Web > HTML,CSS' 카테고리의 다른 글

[HTML] html RFC 한글 번역  (0) 2013.08.20
[HTML] 한글 번역문 HTML 4.01  (0) 2013.08.20
[CSS] Opacity 투명도 조절하기  (0) 2013.08.09
[HTML] 특징, 구성요소, 기본구조  (0) 2013.06.26

 

HTML(HyperText Markup Language)

→  world wide web에서 사용하는 Markup 언어.

 

1. 특징 : 웹문서의 표준, 마크업 언어, ASCII로 구성된 일반적인 텍스트 파일, 시스템이나 운영체제에 독립적

     대소문자 구분 X, 2칸이상 공백은 의미 없음(모두 1칸)

2. 구성요소

요소(Elements) : 시작과 종료를 나타내는 태그로 이루어진 모든 명령어

<title> 제목 </title>

태그(Tag) : '<'와 '>'로 둘러싸인 요소의 일부

<title> 제목 </title>

속성(Attributes) : 요소의 시작태그 내에 사용하며, 명령어를 구체화 시키는 역할

<img src = "주소">

변수(Arguments) : 속성과 관련된 값

<font size = "3">

 

3. 기본구조

<HTML>                    <!-- HTML 문서의 시작 -->

<HEAD>                    <!-- HTML 문서의 설명(title, meta, link, script 등) -->

<TITLE> 기본구조 </TITLE>

</HEAD>

<BODY>                    <!-- HTML 문서의 본문 -->

본문내용

</BODY>

</HTML>                   <!-- HTML 문서의 끝 -->

 

 

'Web > HTML,CSS' 카테고리의 다른 글

[HTML] html RFC 한글 번역  (0) 2013.08.20
[HTML] 한글 번역문 HTML 4.01  (0) 2013.08.20
[CSS] Opacity 투명도 조절하기  (0) 2013.08.09
[HTML] DOM이란?(수정)  (0) 2013.07.19

+ Recent posts