JavaScript/Tip26

• 

  [JavaScript]거듭제곱 구하는 방법 거듭제곱 구하는 방법 이번 포스팅은 JavaScript에서 거듭제곱을 구할 수 있는 몇 가지 방법을 소개합니다. 방법 1. Math.pow() 메서드 가장 잘 알려져 있는 방법으로 Math 객체의 pow() 메서드를 사용하여 거듭제곱을 구할 수 있습니다. pow() 메서드의 첫 번째 매개변수는 밑이며, 두 번째 매개변수는 지수입니다. const result = Math.pow(2, 3); console.log(result); // 8 두 번째 매개변수인 지수에 실수를 할당할 수 있습니다. console.log(Math.pow(27, 1/3)); // 3 console.log(Math.pow(4, 0.5)); // 2 만약, 첫 번째 매개변수가 음수이며, 두 번째 매개변수가 실수인 경우 제곱근이 존재하지 .. JavaScript/Tip 2022. 10. 9.

• 

  [JavaScript]URL에서 Query String 제거하는 방법 URL에서 Query String 제거하는 방법 URL의 Query String은 물음표(?)부터 시작하는 Key=Value 형식을 말합니다. 주로 Naver와 Google 또는 검색 기능이 있는 웹 사이트에서 특정 키워드를 검색하는 경우 해당 키워드를 Query String으로 설정합니다. 다음 예시는 stackabuse 사이트에서 ur이라는 단어를 검색했을 경우의 URL입니다. https://stackabuse.com/search/?q=url 위에서 언급했듯이 Query String은 물음표(?)부터 시작하므로 Query String은 q=url입니다. 위 URL은 간단한 예시이므로 파싱 하는데, 큰 어려움이 없지만, Naver 또는 Google은 Query String이 상당히 복잡합니다. 다음 예.. JavaScript/Tip 2022. 10. 6.

• 

  [JavaScript]URL Query String 파싱 방법 URL Query String 파싱 방법 웹 애플리케이션을 개발할 때, 중요한 정보를 BackEnd에 전달하기 위해 Query String방식을 사용할 수 있습니다. 예를 들어, Naver와 Google은 웹 사이트에서 특정 키워드를 검색하는 경우 해당 키워드를 Query String으로 설정합니다. 다음 예시는 stackabuse 사이트에서 url이라는 단어를 검색했을 경우의 URL입니다. https://stackabuse.com/search/?q=url 참고로 stackabuse 사이트는 개발 자료를 참고하기 위해 제가 주로 방문하는 곳입니다. URL의 Query String은 물음표(?)부터 시작하며, 검색 키워드인 url이 Query String에 포함된 것을 확인할 수 있습니다. 위 URL은 간.. JavaScript/Tip 2022. 10. 5.

• 

  [JavaScript]void(0)의 의미 void(0)의 의미 이번 포스팅은 JavaScript에서 제공하는 void 키워드와 void(0)의 의미를 설명합니다. void 연산자 JavaScript에서 void 연산자는 주어진 표현식을 평가 후 undefined를 반환하도록 지시하는 연산자입니다. 여기서 주어진 표현식을 평가한다는 의미는 void 연산자와 함께 작성한 소스 코드가 실행 가능한 코드인지 JavaScript 엔진이 해석한다는 의미입니다. 다음 예제는 void 연산자 사용 예제입니다. let sum = 10 + 10; console.log(sum); // 20 let sum = void(10 + 10); console.log(sum); // undefined 10 + 10은 20이지만, void 연산자를 사용하여 주어진 표현식을 평가.. JavaScript/Tip 2022. 10. 2.

• 

  [JavaScript]함수가 존재하는지 확인하는 방법 함수가 존재하는지 확인하는 방법 JavaScript는 느슨한 타입의 프로그래밍 언어라서 변수 타입이 명확하지 않을 수 있습니다. 예를 들어, 다음과 같이 변수의 값이 문자열이었다가 숫자형으로 변경되거나 함수로 변경될 수 있습니다. // 문자열(string) let sum = 'sum'; // 숫자(number) sum = 100; // 함수(function) sum = function(x, y) { return x + y; } 따라서, sum이라는 변수가 처음에는 함수였다가 나중에 문자열 또는 숫자로 변경돼서 함수처럼 호출한 경우 다음과 같이 TypeError가 발생합니다. let sum = function(x, y) { return x + y; } sum = 100; // Uncaught TypeErr.. JavaScript/Tip 2022. 9. 24.

• 

  [JavaScript]임의의 색상을 생성하는 방법 임의의 색상을 생성하는 방법 JavaScript에서 임의의 색상을 생성해야 하는 경우가 존재할 수 있습니다. 예를 들어, 버튼을 클릭할 때마다 특정 HTML 영역에 임의의 색상을 적용하는 경우가 있겠네요. JavaScript는 임의의 색상을 생성하는 기능을 제공하지 않으므로 개발자가 직접 임의의 색상을 생성하는 함수를 구현해야 합니다. 이번 포스팅은 JavaScript에서 임의의 색상을 생성하는 함수를 구현합니다. 기본 지식 컴퓨터에서 색상은 RGB 또는 16진수로 표현합니다.(HSL 표기법도 있지만, 이번 포스팅에서 설명하지 않겠습니다.) RGB는 Red, Green, Blue를 나타냅니다. 그리고 RGB는 16진수로 변환할 수 있으며, 16진수는 RGB로 변환할 수 있습니다. 예를 들어, 16진수로 .. JavaScript/Tip 2022. 9. 24.

• 

  [JavaScript]16진수를 RGB로 변환하는 방법 16진수를 RGB로 변환하는 방법 웹 브라우저에 표현되는 16진수의 RGB(Red, Green, Blue)를 16진수가 아닌 기존 RGB 값으로 변환해야 하는 경우가 존재할 수 있습니다. 예를 들어, "ff640a"라는 16진수로 표현된 RGB는 첫 번째 두 자리 쌍이 빨간색(Red), 그다음 두 자리 쌍이 녹색(Green), 마지막 쌍이 파란색(Blue)을 나타냅니다. 즉, "ff640a"는 빨간색을 표현하는 "ff", 녹색을 표현하는 "64", 파란색을 표현하는 "0a"로 분할됩니다. "ff"를 10진수로 255, "64"는 10진수로 100, "0a"는 10진수로 10이므로 JavaScript에서 16진수로 표현된 RGB를 다음과 같이 배열로 변환할 수 있습니다. // "ff640a" [255, 1.. JavaScript/Tip 2022. 9. 23.

• 

  [JavaScript]RGB를 16진수로 변환하는 방법 RGB를 16진수로 변환하는 방법 대부분의 사진을 편집하는 프로그램은 0에서 255까지의 RGB(Red, Green, Blud) 모델을 사용하여 색상을 나타냅니다. 특정 색상을 웹 브라우저에 표현하고 싶다면, 이 RGB 값을 16진수로 가져와야 합니다. JavaScript는 숫자를 16진수로 변환하는 toString() 메서드를 제공하지만, RGB 값을 16진수로 변환하는 기능은 제공하지 않습니다. 따라서, RGB 값을 16진수로 변환하기 위해서는 toString() 메서드를 사용하여 개발자가 직접 해당 기능을 가진 함수를 구현해야 합니다. 이번 포스팅은 toString() 메서드를 사용하여 RGB 값을 16진수로 변환하는 함수를 구현합니다. 순서 1. 정수를 16진수로 변환하는 함수 구현 먼저, 0에서.. JavaScript/Tip 2022. 9. 23.

• 

  [JavaScript]변수가 정의되었는지 확인하는 방법 변수의 상태 변수가 정의되었는지 확인하는 방법을 소개하기 전에 변수의 상태에 대해 알아봅시다. 변수는 "정의되거나 정의되지 않음" 또는 "값이 초기화되었거나 초기화되지 않음"이라는 상태를 가집니다. 다음은 변수의 정의와 초기화에 대해 설명합니다. 변수 정의 변수가 유효한 범위에서 선언된 경우 변수는 정의되었다고 말합니다. 다음 예제는 변수를 선언하는 일반적인 방법을 보여줍니다. const str = 'hello'; let num = 100; 반대로 유효한 범위에서 선언되지 않은 변수를 사용하는 경우 변수가 정의되지 않았다고 말할 수 있습니다. 다음 예제는 선언되지 않은 변수를 사용하는 경우입니다. str; // 에러 발생 num; // 에러 발생 if(false) { obj; } [에러 내용] str과 .. JavaScript/Tip 2022. 7. 3.

• 

  [JavaScript]NaN 체크 방법 NaN이란? 자바스크립트(JavaScript)에서 NaN(Not-A-Number: 숫자가 아님)은 잘못된 수학 계산 또는 잘못된 숫자를 의미합니다. 다음과 같이 숫자가 아닌 값에 연산을 수행하거나 0을 0으로 나누면 NaN이 출력됩니다. console.log(0 / 0); // NaN console.log(100 / 'hi'); // NaN 어쨌든 NaN은 숫자형이지만 숫자가 아닌 값을 의미합니다. 그리고 전역 객체의 속성으로 NaN은 Number.NaN의 값과 동일합니다. NaN 체크 필요성 숫자로 구성된 문자열에서 곱셈, 나눗셈 연산이 수행하는 경우 JavaScript는 타입에 대해 느슨한 언어입니다. 다음 예제에서 str은 숫자로 구성된 문자열입니다. num / str과 num * str 연산에서 .. JavaScript/Tip 2022. 3. 27.

• 

  [JavaScript]강제 형 변환(type coercion) 강제 형 변환(type coercion)이란? 자바스크립트(JavaScript)에서 강제 형 변환은 타입이 다른 타입으로 변환되는 것을 의미합니다. 명시적 변환은 Number(), String(), Boolean()을 사용하여 타입을 강제로 변환하는 경우입니다. 명시적 변환은 개발자가 의도하여 타입을 변환하므로 코드를 쉽게 이해할 수 있습니다. 암시적 변환은 특정 연산자 또는 표현식이 사용될 때 동작합니다. 항등 연산자인 ==는 암시적으로 형 변환하는 연산자로 유명합니다. 1 == '1' // true 1 === '1' // false 1 == '1'은 서로 다른 타입이지만 암시적으로 형 변환 후 값을 비교하여 True가 반환됩니다. 이번 포스팅은 암시적 변환에 초점을 두어 강제 형 변환을 설명합니다. .. JavaScript/Tip 2022. 3. 25.

• 

  [JavaScript]언더바 변수 언더바 변수 JavaScript 또는 다른 프로그래밍 언어를 공부하다 보면 변수명이 언더바( _ )로 선언된 경우를 볼 수 있습니다. JavaScript에서 변수의 이름은 식별자라는 규칙을 따르는데, 식별자는 문자, 언더바( _ ) 또는 달러 기호( & )로 시작해야 하며, 이후 문자는 숫자도 가능합니다. 즉, 변수명을 다음 예제처럼 언더바( _ )로 선언해도 문제가 없다는 것입니다. let _ = 10; console.log(_); // 10 언더바( _ )는 주로 함수의 매개변수를 선언할때 사용됩니다. // 일반 함수 function normalFunc(_, id) { // ... } 함수의 매개변수로 언더바( _ )를 사용하는 것은 JavaScript 개발자들의 관습이라고 할 수 있는데, norma.. JavaScript/Tip 2022. 3. 20.