본문 바로가기

전체 글76

[CSS]layer 생성 및 활용시 css의 position속성 absolute position의 특징 position 속성이 absolute로 설정되어 있는 엘리먼트는 웹페이지 상에 배치될 때 다음과 같은 특징을 갖습니다. 부모 엘리먼트 내부에 속박되지 않고, 독립된 배치 문맥(positioning context)을 가지게 됩니다. 마치 포토샵 같은 그래픽 툴에서 새로운 레이어를 추가하는 효과에 비슷하다고 생각하시면 됩니다. 따라서, 엘리먼트를 기본적으로 브라우저 화면(viewport) 상에서 어디든지 원하는 위치에 자유롭게 배치시킬 수 있으며, 심지어 부모 엘리먼트 위에 겹쳐서 배치할 수도 있습니다. 단, 상위 엘리먼트 중에 position 속성이 relative인 엘리먼트가 있다면, 그 중 가장 가까운 엘리먼트의 내부에서만 엘리먼트를 자유롭게 배치할 수 있습니다.. 2023. 4. 6.
[javascript]여러 페이지에서 사용할 js 함수 만들기 1. js파일을 만든다. 2. 적용할 함수를 js파일에 옮겨 적는다. 3. php 파일에 js를 추가시킨다. (추가시키는 방법은 아래와 같다. 단, 같은폴더 일시) 2023. 4. 4.
[javascript]javascript에서 사용되는 함수 Number() : 텍스트를 소수점 표현이 가능한 실수로 변환하는 함수. toLocaleString() : 세 자리 마다 콤마를 찍어주는 함수 ex) // focus out되는 순간 숫자에 콤마 생성 function focusOut(ctl) { var k = Number(ctl.value); ctl.value = k.toLocaleString(); } 2023. 4. 3.
[javascript]사용자를 편의를 위한 숫자 콤마 찍기 구성 사용자가 숫자입력시 13자의 숫자만을 허용하고, 사용자가 입력후 포커스가 아웃되면 콤마가 찍히게 끔 구성 (단, 서버로 값을 넘기기전 콤마를 제거한다.) 2023. 4. 3.
[javascript] 유용하게 쓰이는 정규표현식들 · 콤마제거 (/[^\d]+/g, '') · 3자리수 마다 콤마찍기 (/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,') · 마이너스, 숫자, 점 을 제외하고 모든 값을 무효화 시킴 (/[^-\.0-9]/g, '') · · · · 2023. 3. 27.
[javascript] 숫자만 입력, 마이너스, 소수점, 콤마 상황에 맞춰 쓸 수 있는 아주 유용한 함수 Javascript //숫자 입력 (마이너스, 소수점, 콤마) function numberFormat(val, isMinus, isFloat, isComma){ var str = val; //일단 마이너스, 소수점을 제외한 문자열 모두 제거 str = str.replace(/[^-\.0-9]/g, ''); //마이너스 if(isMinus){ str = chgMinusFormat(str); } else { str = str.replace('-',''); } //소수점 if(isFloat){ str = chgFloatFormat(str); } else { if(!isMinus ){ str = str.replace('-',''); } str = str.replace(.. 2023. 3. 27.

티스토리툴바