'ººº::Development™::/::WEB™::'에 해당되는 글 7건
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 |
2009. 7. 9. 16:03
정말로 너무 간단한 함수지만 왜 이렇게 안 외워질까?
1. ceil() - 올림
$a = 5.1;
echo ceil( $a );
================================== 출력 ==================================
6
echo ceil( $a );
================================== 출력 ==================================
6
2. floor() - 내림
$a = 5.9;
echo floor( $a )
================================== 출력 ==================================
5
echo floor( $a )
================================== 출력 ==================================
5
3. round() - 반올림
$a = 5.6;
$b = 5.4;
echo round( $a ) . " :: " . round( $b );
================================== 출력 ==================================
6 :: 5
$b = 5.4;
echo round( $a ) . " :: " . round( $b );
================================== 출력 ==================================
6 :: 5
기초적인 것이라도 머릿속에 없으면 어려운 것과 별반 다를게 없는거 같네여!!ㅠㅠ;
:: 이 글을 읽는 모든 분들 오늘 하루 즐겁고 행복만 가늑하시길 ::
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] substr과 substring의 차이 (3) | 2009.11.11 |
|---|---|
| [Javascript] 실수 소수점 처리 - 반올림, 버림 (0) | 2009.10.01 |
| [CSS] 메뉴를 손쉽게 꾸며보자 (0) | 2008.09.23 |
| [Javascript] Dragtable - Table정렬 스크립트.. (0) | 2008.07.16 |
| [JavaScript] Giva Labs이 만든 콤보박스 (0) | 2008.07.09 |
2008. 9. 23. 10:06
CSS Menu Builder라는 사이트로 홈페이지를 만들거나 혹은 블로그의 메뉴를 수정하고자 한다면 CSS를 직접적으로 수정해줘야 하는 경우가 생기는데 이때 편하게 사용할 수 있을거 같다. 머 직적 자신이 CSS를 작성할 수 있는 스킬을 가지신 분들이야 상관없지만 나같이 이리저리 잘 모르는 사람은 편하게 사용할 수 있을거 같다.
아래 화면은 해당하는 메뉴를 구성하고 구성된 내용을 확인하고 해당 메뉴를 만들기위한 HTML및 CSS코디와 이미지등을 확인할 수있는 화면입니다.
다양하고 이쁘다고 생각되는 이미지는 많이 없는거 같지만 그래도 기초적인 메뉴를 만들고 그 상태에서 이미지를 변경하면서 추가적인 메뉴를 만들어 가는데는 확실히 도움이 될거 같다는 생각이 드네요! 그리고 아직 CSS코딩 자체가 부족하다라고 생각되는 나같은 사람에게는 절대적으로 필요한거 같다는 생각도 들고!
머 이리저리 간단하게 사용할 수 있는 다양한 서비스들과 툴이 나타나는건 좋은 현상이라 할만한다.!
그럼 일 글을 읽는 모든 분들에게 오늘 하루 즐겁고 행복만 가득한 하루 되시길!!^_^;
:: 관련글 ::
CSS로 메뉴를 손쉽게 꾸며보자! CSS Menu Builder - Blognawa
CSS로 메뉴를 손쉽게 꾸며보자! CSS Menu Builder - Blognawa
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] 실수 소수점 처리 - 반올림, 버림 (0) | 2009.10.01 |
|---|---|
| [PHP] 내림 / 올림 / 반올림 함수 (0) | 2009.07.09 |
| [Javascript] Dragtable - Table정렬 스크립트.. (0) | 2008.07.16 |
| [JavaScript] Giva Labs이 만든 콤보박스 (0) | 2008.07.09 |
| 투명한 iFrame 만들기 (0) | 2007.04.04 |
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. 7. 9. 09:16
자주 들리는 EnZine 블로그에 올라온 포스트로
Giva Labs 팀에서 UI컨트롤중 하나인 mcDropdown Dropdown이라 불리는 계층적 콘보박스를 만들었다.
자세한 내용은 Giva Labs이 만든 끝내주는 콤보박스 포스트를 확인바란다.
또한, jQuery용 플러그인으로 릴리즈했다고 하니 한번 써봐야겠당!
'ººº::Development™:: > ::WEB™::' 카테고리의 다른 글
| [Javascript] 실수 소수점 처리 - 반올림, 버림 (0) | 2009.10.01 |
|---|---|
| [PHP] 내림 / 올림 / 반올림 함수 (0) | 2009.07.09 |
| [CSS] 메뉴를 손쉽게 꾸며보자 (0) | 2008.09.23 |
| [Javascript] Dragtable - Table정렬 스크립트.. (0) | 2008.07.16 |
| 투명한 iFrame 만들기 (0) | 2007.04.04 |
2007. 4. 4. 13:11
투명한 iFrame 만들기
iFrame을 사용해 웹 페이지 중간에 다른 페이지의 내용을 넣을 경우가 있다.
하지만 웹 페이지의 백그라운드 부분에 다른 이미지가 있는 상태에서 iFrame을 넣을 경우 백 그리운드 이미지와 매칭되지 않는 경우가 있는데 이럴 때 투명한 iFrame을 사용하면 된다.
iFrame을 삽입할 페이지에 위와 같이 주고
iFrame에 삽입될 패이지의 body 부분의 스타일을 위와 같이 주면 된다.
또한 iFrame을 투명하게만 주는것이 아니라 반투명 효과를 줄수고 있는데 이는 iFrame의 style을 적용해 주면 된다.
위와 같이 Alpha값의 Opacity값을 변경해 주면 도니다. Opacity값이 낮을수록 투명도가 증가한다.
iFrame을 사용해 웹 페이지 중간에 다른 페이지의 내용을 넣을 경우가 있다.
하지만 웹 페이지의 백그라운드 부분에 다른 이미지가 있는 상태에서 iFrame을 넣을 경우 백 그리운드 이미지와 매칭되지 않는 경우가 있는데 이럴 때 투명한 iFrame을 사용하면 된다.
<iFrame src="웹페이지 주소" allowTransparency="true" width="가로크기" height="세로크기>
iFrame을 삽입할 페이지에 위와 같이 주고
<body style="background:transparent">
iFrame에 삽입될 패이지의 body 부분의 스타일을 위와 같이 주면 된다.
또한 iFrame을 투명하게만 주는것이 아니라 반투명 효과를 줄수고 있는데 이는 iFrame의 style을 적용해 주면 된다.
<iFrame src="" style="filter:Alpha( Opacity=65 );">
위와 같이 Alpha값의 Opacity값을 변경해 주면 도니다. Opacity값이 낮을수록 투명도가 증가한다.
'ººº::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 |
