'javascript'에 해당되는 글 5건
2009. 11. 11. 17:01
자바스크립트를 사용하다보면 문자열에서 특정 위치의 문자를 가져오는 substr혹은 substring을 사용할때가 있다.
그런데 사용하다보면 substr과 substring의 결과가 틀리게 나오는것을 알 수 있을 것이다. 아마도 substr혹은 substring을 사용하는 사람별로 각자 원하는 방식대로 사용하고 있을 것이다.(머 나부터두 그러니!ㅋㅋ)
그럼 이 둘의 차이점을 간단히 알아보자
머 말보다는 항상 코드와 결과가 이해하는데 빠르다.
자 그럼 위 코드의 결과를 살펴보면 substring은 2번째 문자열부터 4번째 문자열까지 즉 "cd"가 출력될 것이다. 하지만 substr은 2번째 문자열 이후부터 4자리를 잘라내라는 뜻으로 "cdef"가 출력될것이다.
자 이제 간단한 차이점을 알아봤으니 각자 원하는 취향대로 사용하자~~^^;;
그런데 사용하다보면 substr과 substring의 결과가 틀리게 나오는것을 알 수 있을 것이다. 아마도 substr혹은 substring을 사용하는 사람별로 각자 원하는 방식대로 사용하고 있을 것이다.(머 나부터두 그러니!ㅋㅋ)
그럼 이 둘의 차이점을 간단히 알아보자
1. substring : 어디부터 어디까지 잘라내겠다.(java의 substring과 같다)
2. substr : 어디부터 몇번째까지 잘라내겠다.
2. substr : 어디부터 몇번째까지 잘라내겠다.
머 말보다는 항상 코드와 결과가 이해하는데 빠르다.
var str = "abcdefg";
alert("substring : " + str.substring(2, 4)); // "cd"가 잘려 나온다.
alert("substr : " + str.substr(2, 4)); // "cdef"가 잘려 나온다.
alert("substring : " + str.substring(2, 4)); // "cd"가 잘려 나온다.
alert("substr : " + str.substr(2, 4)); // "cdef"가 잘려 나온다.
자 그럼 위 코드의 결과를 살펴보면 substring은 2번째 문자열부터 4번째 문자열까지 즉 "cd"가 출력될 것이다. 하지만 substr은 2번째 문자열 이후부터 4자리를 잘라내라는 뜻으로 "cdef"가 출력될것이다.
자 이제 간단한 차이점을 알아봤으니 각자 원하는 취향대로 사용하자~~^^;;
:: 이 글을 읽는 모든 분들에게 즐겁고 행복만이 가득하기를 ::
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] 실수 소수점 처리 - 반올림, 버림 (0) | 2009.10.01 |
|---|---|
| [PHP] 내림 / 올림 / 반올림 함수 (0) | 2009.07.09 |
| [CSS] 메뉴를 손쉽게 꾸며보자 (0) | 2008.09.23 |
| [Javascript] Dragtable - Table정렬 스크립트.. (0) | 2008.07.16 |
| [JavaScript] Giva Labs이 만든 콤보박스 (0) | 2008.07.09 |
2009. 10. 1. 10:10
Javascript를 사용하다보면 실수 처리를 하는 경우가 생긴다. 실수 자체를 사요할때도 있지만 불필요한 소수점 이하를 버리거나 올림을 해야 하는 경우가 생긴다.
parseInt()와 Math.round(), ceil(), floor()함수등이 있는데 사용 방법은 아래와 같다.
1. parseInt : 소수점 이하를 제거. 즉, 버림
2. Math
위와 같이 사용하면 된다.
parseInt()와 Math.round(), ceil(), floor()함수등이 있는데 사용 방법은 아래와 같다.
1. parseInt : 소수점 이하를 제거. 즉, 버림
var n = 123.999999;
document.write(parseInt(n));
// 출력결과 123
// 단, 소숫점 이하 자릿수가 일정자리 이하로 많아지면 올림이 되는 경우가 있다고 한다.
document.write(parseInt(n));
// 출력결과 123
// 단, 소숫점 이하 자릿수가 일정자리 이하로 많아지면 올림이 되는 경우가 있다고 한다.
2. Math
// 소숫점 이하 숫자는 무조건 올림
var n = 123.123;
document.write(Math.ceil(n));
// 출력결과 124
// 소숫점 이하 숫자는 무조건 버림
var n = 123.5412;
document.write(Math.floor(n));
// 출력결과 123
// 반올림
document.write(Math.round(실수))
var n = 123.123;
document.write(Math.ceil(n));
// 출력결과 124
// 소숫점 이하 숫자는 무조건 버림
var n = 123.5412;
document.write(Math.floor(n));
// 출력결과 123
// 반올림
document.write(Math.round(실수))
위와 같이 사용하면 된다.
:: 오늘 하루 즐겁고 행복한 하루 되세요!!^^ ::
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] substr과 substring의 차이 (3) | 2009.11.11 |
|---|---|
| [PHP] 내림 / 올림 / 반올림 함수 (0) | 2009.07.09 |
| [CSS] 메뉴를 손쉽게 꾸며보자 (0) | 2008.09.23 |
| [Javascript] Dragtable - Table정렬 스크립트.. (0) | 2008.07.16 |
| [JavaScript] Giva Labs이 만든 콤보박스 (0) | 2008.07.09 |
2008. 7. 16. 09:28
Dan Vanderkam 라는 분이 새로은 컴포넌트인 dragtable을 발표했다고 하네요.
아주 간단하게 스크립트와 CSS만으로 Html table을 정렬하고 드래그 엔 드롭할 수 있는 컴포넌트 입니다.
아래는 해당 포트스의 글을 스크랩한 내용입니다.
테스트 페이지를 가보니 단순하게 table에 class만 명시해주면 다른건 해줄거 없이 바로 적용이 가능하더라구요!
나중에 함 사용해 봐야 할꺼 같습니다.
테스트 URL 과 open source project 입니다.
아주 간단하게 스크립트와 CSS만으로 Html table을 정렬하고 드래그 엔 드롭할 수 있는 컴포넌트 입니다.
아래는 해당 포트스의 글을 스크랩한 내용입니다.
지난 몇년간, Stuart Langridge씨의 sorttable 자바스크립트 라이브러리가 널리 사용되었습니다. 이유를 알기는 쉽습니다. 테이블 태그에 class=sortable를 추가하기만 하면 컬럼 헤더가 자동으로 정렬을 지원하도록 클릭할 수 있었기 때문입니다. 아주 쉽죠.
하지만 때때로 정렬 기능이 충분하지 않을 수 있습니다. 만약 테이블에서 한개나 두개의 컬럼에 포커스를 주고 싶을때는요? 클라이언트측 응용프로그램에서는 다룰 컬럼을 드래그해서 다음 칼럼으로 가져다 놓으면 됩니다. 왜 웹 응용프로그램에서는 안될까요?
dragtable로 들어가면. sorttable과 같이, 단순한 class 속성을 통해서도 HTML 테이블이 새 기술을 가지게 할 수 있습니다
하지만 때때로 정렬 기능이 충분하지 않을 수 있습니다. 만약 테이블에서 한개나 두개의 컬럼에 포커스를 주고 싶을때는요? 클라이언트측 응용프로그램에서는 다룰 컬럼을 드래그해서 다음 칼럼으로 가져다 놓으면 됩니다. 왜 웹 응용프로그램에서는 안될까요?
dragtable로 들어가면. sorttable과 같이, 단순한 class 속성을 통해서도 HTML 테이블이 새 기술을 가지게 할 수 있습니다
테스트 페이지를 가보니 단순하게 table에 class만 명시해주면 다른건 해줄거 없이 바로 적용이 가능하더라구요!
나중에 함 사용해 봐야 할꺼 같습니다.
테스트 URL 과 open source project 입니다.
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] 실수 소수점 처리 - 반올림, 버림 (0) | 2009.10.01 |
|---|---|
| [PHP] 내림 / 올림 / 반올림 함수 (0) | 2009.07.09 |
| [CSS] 메뉴를 손쉽게 꾸며보자 (0) | 2008.09.23 |
| [JavaScript] Giva Labs이 만든 콤보박스 (0) | 2008.07.09 |
| 투명한 iFrame 만들기 (0) | 2007.04.04 |
2008. 3. 28. 17:42
이제는 정리좀 하면서 살자..ㅜㅜ;
숫자형식에서 1000단위로 ,로 구분하는 스크립트
function commify( n )
{
var reg = /(^[+-]?\d+)(\d{3})/; // 정규식
n += ''; // 숫자를 문자열로 변환
{
var reg = /(^[+-]?\d+)(\d{3})/; // 정규식
n += ''; // 숫자를 문자열로 변환
while( reg.test( n ) )
n = n.replace( reg, '$1' + ',' + '$2' );
return n;
}
하나씩 정리하면서 문서화 하기 연습!!!
'ººº::Development™:: > ::JAVA™::' 카테고리의 다른 글
| [JAVA] 두 날짜를 입력받아 날짜의 차이를 구하기 (0) | 2008.07.14 |
|---|---|
| [JAVA] 톰켓 스텍 사이즈 조절.. (0) | 2008.07.02 |
| [JAVA] Java 기반 RIA 플랫폼으로서의 Swing++? (0) | 2008.06.24 |
| [JSP] Struts 설치 (0) | 2007.06.20 |
| [JSP]jsp에서cvs파일로 다운로드 하기 (0) | 2007.04.17 |
2008. 2. 20. 18:54
아래 글을 atbloger.kr 에서 스크랩한 내용입니다.
- 글 내용을 출력해 주는 부분에 아래 태그 삽입
: 예) <div class="article"> </div> tag 사이에 아래 스크립트 코드를 삽입
위 스크립트는 TC를 기준으로 설명 드린것입니다. 다른 블로그를 사용하시는 분은 해당 블로그의 도움말 등을 확인하시고 해당하는 부분에 삽입해 주시기 바랍니다.
스크립트 삽입시 글 내용을 출력해주는 부분 아래쪽에 스크립트 코드를 삽입하셔야 자신의 글이 정상적으로 Relation 서버에 등록이 되니 이점 유의해 주시기 바랍니다.
스크립트 상에서 보시면 articleNum 부분에 은 해당하는 글의 글 번호를 가져오기 위한 부분입니다. 이 부분은 자신의 블로그에 맞게 해당하는 글의 링크 URL을 가져올 수 있는 내용으로 수정해 주시기 바랍니다.
JavaScritp 버전 공개합니다.
Blog RelationShip의 TC용 플로그인과는 별개로 TC를 사용하지 않는 사용자들을 위해 자바스크립트 버전을 공개합니다.
자바스크립트 버전은 크로스 도메인과 같은 문제로 인해 jQuery를 사용한 jSon방식을 사용하고 있습니다.
jQuery 사용으로 인해 기존에 jQuery를 사용하시는 분들은 적용시 jQuery버전등을 확인해 주시기 바랍니다.
1. 적용 방법
- 자신의 블로그 스킨에 <head>와 </head>테그 사이에 아래 테그를 삽입
자바스크립트 버전은 크로스 도메인과 같은 문제로 인해 jQuery를 사용한 jSon방식을 사용하고 있습니다.
jQuery 사용으로 인해 기존에 jQuery를 사용하시는 분들은 적용시 jQuery버전등을 확인해 주시기 바랍니다.
1. 적용 방법
- 자신의 블로그 스킨에 <head>와 </head>테그 사이에 아래 테그를 삽입
<script src="http://www.atbloger.kr/blogerScript/jquery/jquery-1.2.1.js" type="text/javascript"></script>
<script src="http://www.atbloger.kr/blogerScript/atbloger_jQuery.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://www.atbloger.kr/blogerScript/css/atbloger.css" />
<script src="http://www.atbloger.kr/blogerScript/atbloger_jQuery.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://www.atbloger.kr/blogerScript/css/atbloger.css" />
- 글 내용을 출력해 주는 부분에 아래 태그 삽입
: 예) <div class="article"> </div> tag 사이에 아래 스크립트 코드를 삽입
<!---- Relation Script Start ----->
<script language="javascript">
// gray, red, green, blue, violet 중 선택.
var articleNum = '';
articleNum = articleNum.substring( articleNum.lastIndexOf( "/" ) ); // TC 용
// articleNum, color, excludeDomain, listCount
// 제외 도메인을 ';'를 기준으로 입력
// 출력될 리스트 개수
atBlog_relationQuery( articleNum, 'red', '', 5 ); // jQuery 용
// atBlog_relationQuery( '', 'red' ); // prototype 용
</script>
<!---- Relation Script End ----->
<script language="javascript">
// gray, red, green, blue, violet 중 선택.
var articleNum = '';
articleNum = articleNum.substring( articleNum.lastIndexOf( "/" ) ); // TC 용
// articleNum, color, excludeDomain, listCount
// 제외 도메인을 ';'를 기준으로 입력
// 출력될 리스트 개수
atBlog_relationQuery( articleNum, 'red', '', 5 ); // jQuery 용
// atBlog_relationQuery( '', 'red' ); // prototype 용
</script>
<!---- Relation Script End ----->
위 스크립트는 TC를 기준으로 설명 드린것입니다. 다른 블로그를 사용하시는 분은 해당 블로그의 도움말 등을 확인하시고 해당하는 부분에 삽입해 주시기 바랍니다.
스크립트 삽입시 글 내용을 출력해주는 부분 아래쪽에 스크립트 코드를 삽입하셔야 자신의 글이 정상적으로 Relation 서버에 등록이 되니 이점 유의해 주시기 바랍니다.
스크립트 상에서 보시면 articleNum 부분에 은 해당하는 글의 글 번호를 가져오기 위한 부분입니다. 이 부분은 자신의 블로그에 맞게 해당하는 글의 링크 URL을 가져올 수 있는 내용으로 수정해 주시기 바랍니다.
'ººº::Information™:: > ::zEtc™::' 카테고리의 다른 글
| [툴] 세미나 발표시 사용하면 좋을거 같은.. (0) | 2008.06.25 |
|---|---|
| [툴] IE DEV toolbar (0) | 2008.05.09 |
| 패킷분석 (0) | 2008.02.21 |
| metablog를 안통하고 블로그들간의 관계를 맺어 주는 서비스 - 소셜네트워크 (0) | 2008.02.20 |
| [Link] 유용한 사이트 모음 (0) | 2007.06.22 |
