원본: Quick Tip: 자바스크립트에서 문자열 숫자 변환 방법 스크립트를 작성하다 보면 폼 양식 같은 요소에서 받은 값은 항상 문자열입니다. 이처럼 숫자가 문자열 형식으로 저장되는 다양한 상황있습니다. 자바스크립트는 일반적으로 숫자만 들어있는 문자열을 자동으로 변환해 처리해 줍니다. 하지만 문자열에서 특정 숫자를 추출하거나 복잡하게 변환해야 하는 경우도 있습니다. 이 포스트에서는 문자열 숫자 변환 방법 세 가지를 알아보겠습니다. Number … Read more
원본: 자바스크립트 절대값 – Math.abs() 이 포스트에서는 자바스크립트의 절대값 Math.abs() 메소드를 살펴보고 실제 사용 사례를 통해 구문 사용 방법을 알아보겠습니다. 절대값 구하는 방법 Math.abs() 메소드는 자바스크립트에서 숫자의 절대값 변환 결과를 리턴해 줍니다. 다시 말해, 숫자의 기본 부호를 제거하고 양수 값을 리턴합니다. 개발자 도구에서 위의 예제 코드를 확인해 보면 결과로 2를 리턴하는 것을 확인할 수 있습니다. … Read more
원본: What is a PNG file? 웹에서 콘텐츠를 만드는 거의 모든 사람들은 이미지 파일 형식이 엄청나게 많다는 것을 알고 있을 것 입니다. 이 포스트에서는 가장 인기있는 형식인 PNG에 대해 자세히 알아보겠습니다. PNG (Portable Network Graphic) 파일은 인터넷에서 많이 사용되는 래스터 이미지 파일 타입입니다. 이는 ‘무손실’ 이미지 타입으로, 고정된 수의 픽셀을 가지고 있으며 압축해도 품질이 손상되지 … Read more
원본: 자바스크립트 문자열 길이 String 객체의 length 속성은 문자열의 문자 수를 리턴합니다. 문자열 길이 length 문법 length 속성의 문법 구문은 다음과 같습니다: 여기서 str은 String 객체입니다. 문자열 길이 length 리턴 값 length 속성의 리턴 값은 문자열의 문자 수를 리턴합니다. String.length 속성은 UTF-16 문자열 포맷에 따라 문자 수를 계산합니다. 일부 희귀한 문자는 두 개의 코드 단위로 … Read more
원본: 자바스크립트로 버튼 만드는 방법 이 포스트에서는 HTML과 자바스크립트로 버튼 요소를 만드는 과정을 단계별로 알아보겠습니다. 다음의 실용적인 예제와 함께 시작해 보겠습니다. HTML로 버튼 만들기 자바스크립트를 만지기 전에 기본적인 HTML을 사용하여 간단히 만들어 보겠습니다. HTML에서는 다음의 예제와 같이 <button> 태그를 사용하면 됩니다: 위의 코드를 HTML 파일에 추가하고 웹 브라우저에서 열면 “Click me!”라는 텍스트가 있는 간단한 버튼 … Read more
원본: 배열의 최소값 및 최대값 요소 가져오기 사용자에게 통계를 보여주거나 슬라이더의 경계를 설정할 때 배열에서 최대값, 최소값을 알아내야합니다. 이 포스트에서는 자바스크립트 배열에서 최소/최대 값을 알아내는 여러가지 방법을 알아보고 이들 사이의 속도를 비교해 보겠습니다. Math를 이용해 최대값, 최소값 얻기 Math 객체는 수학적 계산을 위한 유용한 메소드와 상수를 포함하는 자바스크립트의 빌트인 객체입니다. 여기서는 Math.min()과 Math.max() 두 개의 … Read more
원본: What are Math.min() and Math.max() in JavaScript? 자바스크립트에서는 다음을 사용할 수 있습니다: 문법 구문 두 메소드 모두 number 타입의 값을 매개변수로 받아 (1, 2), (1, 2, 3) 형태로 입력할 수 있습니다. 또한 스프레드 연산자를 통해 (…numbers)와 같은 형식으로 입력할 수도 있습니다. n 개 숫자의 최소값(min) 찾기 다음의 예제를 개발자 도구를 활용하여 실행하고 console.log() 메소드를 … Read more
원본: A beginner’s guide to JPEG files 웹에 콘텐츠를 올린 적이 있다면 JPEG 파일로 올렸을 것 입니다. 하지만 이 파일이 실제로 무엇인지 잘 몰랐을 가능성이 큽니다. 요약하자면 다음과 같습니다. JPEG 파일은 이미지를 저장하는 래스터 이미지 파일(픽셀로 저장되는)의 한 유형입니다. 이는 작은 용량에 많은 데이터를 저장할 수 있기 때문에 디지털 사진에서 웹 그래픽에 이르기까지 모든 곳에 … Read more
원본: HTML 툴팁 만드는 방법 (+ 코드 예제) 애플리케이션이나 웹 사이트를 이용하다 보면 아이콘이나 양식 필드가 무슨 용도인지 알 수 없을 때가 있습니다. 대부분의 사람들은 본능적으로 요소 위에 마우스를 올려 정보를 제공하는 팝업을 찾을 것 입니다. 이를 일반적으로 “툴팁”이라 부릅니다. 툴팁 요소는 사용자 인터페이스의 핵심 구성요소로, 디자이너가 화면을 어지럽히지 않고도 웹 페이지에 추가 정보를 넣을 … Read more