목록HTML/CSS/JS/JavaScript (14)
규도자 개발 블로그
JSON을 테스트하는 가장 좋은 방법. POSTMAN과 JSON Placeholder JSON(JavaScript Object Notation). 웹프로그래머라면 뗄레야 뗄 수 없는 만능 자료형이라고 할 수 있다. 가끔씩 파싱 중 골머리를 썩게 하는 거 빼곤 플랫폼 언어 가릴 것 없이 거의 모든 곳에서 통용되어 ajax를 통한 동일 사이트 안에서의 갱신도, restful API를 이용한 데이터 교환에서도 거의 정석이라고 할 수 있을 정도로 고착화돼있다. 자료형이 JSON이 아니면 왜 이렇게 만들었는지 의문이 들 정도로 말이다. 이 JSON을 테스트하기 좋은 방법이 있다. 송신 및 수신 값을 확인할 때는 POSTMAN, 코드 내에서 정형화된 JSON데이터가 필요할 땐 JSON Placeholder. POS..
[JavaScript/자바스크립트] 숫자를 만, 억, 조, 경 등 만 단위 한글로 찍기 + 자바스크립트 연산의 한계값 간단한 함수이다. 어떠한 숫자가 주어졌을 때 해당 숫자를 만, 억, 조, 경 등 만 단위 한글로 찍는 자바스크립트 함수이다. 사실 이 함수를 만들기 전에 항상 그래왔듯이 다른 사람들이 만들어놓은 걸 찾아봤지만 만족스러운 것이 없었다. 함수 자체가 30~40줄을 넘어버린다던가 의미를 알 수 없는 부분이 많이 있다던가 혹은 출력이 3억 0305만 0050 이런식으로 중간중간 0에 대한 예외처리가 안돼있다던가... 만족스러운 게 없어서 직접 만들었다. 코드샌드박스에서도 확인할 수 있다. : https://codesandbox.io/s/wopm3v546w ※간단하게 뒤에 '원'만 붙이면 숫자를 ..
function stringNumberToInt(stringNumber){ return parseInt(stringNumber.replace(/,/g , '')); } 실제로 웹 작업이나 서핑을 하다보면 숫자는 보통 100,000,000 이런 식으로 값을 파악하기 쉽게 1,000단위마다 콤마가 찍혀있는 것을 흔하게 접할 수 있다. 만약에 해당 숫자를 계산에 사용할 필요가 있을 때 해당 숫자가 들어있는 태그에 따로 value값으로 순수한 정수값이 지정돼있지 않으면 태그 내의 글자를 그대로 불러와서 연산에 사용하게 된다. 하지만 그렇게 하면 위 숫자는 100000000이라는 값을 가진 정수형으로 취급되는 게 아니라 '100,000,000'이라는 문자열로 취급되어 연산을 수행할 수 없다. (문자열을 붙이는 의..
function numberFormat(inputNumber) { return inputNumber.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 보이는 그대로 정규식을 이용해 해당 함수로 들어온 숫자를 천 단위마다 콤마를 찍어 리턴해주는 함수이다. 숫자를 다루는 일이 잦은 웹 플랫폼이라면, 어느 페이지에서든 불러오는 정적 js파일에 해당 함수를 추가하여 필요할 때마다 쓰기 유용하다. 대신 소수점에 대한 처리는 안 돼있어 소수를 넣으면 아래와 같이 출력된다. 위의 코드부에 마우스를 올리면 우측 상단에 copy라는 박스가 뜬다. 해당 버튼을 누르면 소스가 복사된다. 물론 드래그와 우클릭도 허용돼있다. 위 사진은 해당 함수가 불러와진 페이지에서(크롬) 콘솔창을 ..