전체 글787

• 

  [티스토리]일일 방문수 5,000명 달성 일일 방문수 5,000명 달성 2022년 9월 20일 화요일 일일 방문수 5,340명을 달성하였습니다. 제 블로그를 방문해주신 많은 분들에게 감사의 인사를 드립니다. 2022년 3월 29일(2,000명 돌파) - 일일 방문수 2,091명 방문 2022년 5월 3일(3,000명 돌파) - 일일 방문수 3,166명 방문 2022년 7월 26일(4,000명 돌파) - 일일 방문수 4,036명 방문 방문자수 늘어나고 달라진 점 일단, 크게 달라진 점은 없습니다. 9월에 대학생들이 개강하므로 일일 방문수가 5,000명 돌파할 것이라고 예상은 했지만, 수익은 8월보다 안 좋습니다. 9월 수익이 안 좋은 이유 - 추석 연휴 때 방문자수 급감 - 현재, 애드센스 광고 미노출 및 크롤러 오류 이슈 발생 현재, 애드센스 .. 티스토리/블로그 결산 2022. 9. 24.

• 

  [JavaScript]문자열인지 확인하는 방법 문자열인지 확인하는 방법 이번 포스팅은 JavaScript에서 변수가 문자열인지 확인하는 몇 가지 방법과 주의사항을 소개합니다. typeof 연산자 첫 번째 방법으로 JavaScript에서 타입을 확인할 수 있는 typeof 연산자를 사용하여 변수가 문자열인지 확인할 수 있습니다. typeof 연산자는 피연산자의 데이터 유형을 반환하는 기능을 가지고 있으며, JavaScript의 기본 타입과 함수가 아닌 경우 객체로 취급합니다. 다음 예제는 typeof 연산자를 사용하여 다양한 데이터 타입을 확인합니다. const strValue = 'Hello'; const numValue = 100; const dateValue = new Date(); const array = [1, 2, 3]; const sum .. JavaScript/문자열 2022. 9. 23.

• 

  [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]문자열 비교하는 방법 문자열 비교하는 방법 이번 포스팅은 JavaScript에서 문자열을 비교할 수 있는 몇 가지 방법을 소개합니다. 방법 1. 동치 연산자(===) 가장 잘 알려져 있고 대부분 많이 사용하는 방법인 동치 연산자(===)를 사용하여 두 문자열을 비교할 수 있습니다. const str1 = 'Hello'; const str2 = 'Hello'; console.log(str1 === 'Hello'); // true console.log(str1 === str2); // true 동등 연산자(==)는 두 피연산자의 값이 동일한 경우 true를 반환하며, 동치 연산자(===)는 두 피연산자의 값과 타입이 동일한 경우 true를 반환합니다. 다음 예제는 문자열 '1'이랑 숫자 1을 비교합니다. const strValu.. JavaScript/문자열 2022. 9. 23.

• 

  [JavaScript]객체 구조 분해(Object Destructuring) 객체 구조 분해(Object Destructuring) Destructuring이라는 단어는 무언가를 파괴 또는 축소하는 것을 의미합니다. JavaScript의 구조 분해는 배열이나 객체에 할당된 데이터에서 특정 값 또는 여러 값을 추출하는 방법입니다. 객체의 프로퍼티를 가져오는 일반적인 방법은 점 표기법 또는 대괄호 표기법을 사용하여 동일한 프로퍼티 이름을 작성하는 것입니다. const person = { name: '둘리', age: 20 }; // 점 표기법 const name1 = person.name; const age1 = person.age; // 대괄호 표기법 const name2 = person['name']; const age2 = person['age']; 구조 분해를 사용하면, 다음.. JavaScript/객체 2022. 9. 22.

• 

  [JavaScript]배열 구조 분해(Array Destructuring) 배열 구조 분해(Array Destructuring) Destructuring이라는 단어는 무언가를 파괴 또는 축소하는 것을 의미합니다. JavaScript의 구조 분해는 배열이나 객체에 할당된 데이터에서 특정 값 또는 여러 값을 추출하는 방법입니다. 배열의 요소를 가져오는 일반적인 방법은 대괄호 표기법을 사용하여 인덱스로 접근하는 것입니다. const strArray = ['One', 'Two', 'Three']; const strOne = strArray[0]; const strTwo = strArray[1]; const strThree = strArray[2]; console.log(strOne); // One console.log(strTwo); // Two console.log(strThree).. JavaScript/배열 2022. 9. 20.

• 

  [JavaScript]배열의 slice와 splice 메서드의 차이점 배열의 slice와 splice 메서드의 차이점 JavaScript의 slice() 메서드와 splice() 메서드는 배열을 자르거나 배열의 요소를 제거하는 목적으로 사용됩니다. 두 메서드는 이름과 사용 목적이 비슷하므로 동일한 역할을 수행하는 것처럼 보이지만, 몇 가지 차이점이 존재합니다. 이번 포스팅은 slice() 메서드와 splice() 메서드 사용 방법과 차이점을 소개합니다. slice 메서드 JavaScript의 Array에서 제공하는 slice() 메서드는 이름 그대로 무언가를 자르는 것을 의미합니다. 시작 위치부터 마지막 위치까지 배열의 요소를 자를 수 있으며, 원래 배열을 변경하지 않고 새로운 배열을 반환합니다. arr.slice([begin[, end]]) slice() 메서드는 두 개.. JavaScript/배열 2022. 9. 19.

• 

  [JavaScript]특정 조건을 만족하는 배열의 인덱스 가져오는 방법 특정 조건을 만족하는 배열의 인덱스 가져오는 방법 이번 포스팅은 JavaScript에서 특정 조건을 만족하는 배열의 인덱스를 가져오는 몇 가지 방법을 소개합니다. 방법 1. findIndex 메서드 가장 잘 알려져 있는 방법으로 배열의 findIndex() 메서드를 사용하는 것입니다. findIndex() 메서드의 매개 변수로 특정 조건식에 대해 Boolean 값을 반환하는 콜백 함수를 전달하면, 특정 조건에 해당하는 인덱스를 반환합니다. 다음 예제는 숫자 타입의 배열에서 10보다 큰 요소의 인덱스를 가져옵니다. const numArray = [0, 5, 15, 10]; const findIndex = numArray.findIndex((num) => num > 10); console.log(findIn.. JavaScript/배열 2022. 9. 18.

• 

  [JavaScript]첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 첫 번째 문자열이 대문자인지 소문자인지 체크하는 방법 이번 포스팅은 JavaScript에서 첫 번째 문자열이 대문자인지 소문자인지 체크하는 몇 가지 방법을 소개합니다. 방법 1. toUpperCase 메서드 또는 toLowerCase 메서드 첫 번째 방법으로 toUpperCase() 메서드 또는 toLowerCase() 메서드를 사용할 수 있습니다. toUppderCase() 메서드는 문자열을 대문자로 변환하고 toLowerCase() 메서드는 문자열을 소문자로 변환합니다. [대소문자 체크 방법] 순서 1. 첫 번째 문자열을 가져옵니다. 순서 2. toUpperCase() 메서드 또는 toLowerCase() 메서드를 호출하여 대문자 또는 소문자로 변환합니다. 순서 3. 첫 번째 문자열을 대소문자로 변환.. JavaScript/문자열 2022. 9. 18.

• 

  [JavaScript]배열에서 특정 조건을 만족하는 요소의 개수 구하는 방법 배열에서 특정 조건을 만족하는 요소의 개수 구하는 방법 이번 포스팅은 JavaScript 배열에서 특정 조건을 만족하는 요소의 개수를 구하는 몇 가지 방법을 소개합니다. 방법 1. 반복문 가장 심플한 방법으로 반복문을 사용하여 특정 조건을 만족하는 요소의 개수를 구할 수 있습니다. 배열의 요소 개수만큼 반복문을 순회하여 특정 조건을 만족하면 count를 증가시킵니다. 다음 예제는 숫자 타입인 배열에서 10보다 큰 요소의 개수를 구합니다. const numArray = [0, 10, 5, 20, 8, 40]; let count = 0; for(index = 0; index 10) count++; } console.l.. JavaScript/배열 2022. 9. 18.

• 

  [JavaScript]배열을 특정 길이만큼 분리하는 방법 배열을 특정 길이만큼 분리하는 방법 JavaScript에서 배열을 특정 길이만큼 분리해야 하는 상황이 존재할 수 있습니다. 예를 들어, 배열의 요소가 9개 존재하며, 특정 길이를 3으로 설정하는 경우 배열이 다음과 같이 분리되어야 합니다. // 분리 전 [0, 1, 2, 3, 4, 5, 6, 7, 8] // 분리 후 [[0, 1, 2], [3, 4, 5], [6, 7, 8]] 배열의 요소가 8개이며, 특정 길이를 3으로 설정하는 경우 배열이 다음과 같이 분리되어야 합니다. // 분리 전 [0, 1, 2, 3, 4, 5, 6, 7] // 분리 후 [[0, 1, 2], [3, 4, 5], [6, 7]] 이번 포스팅은 JavaScript에서 배열을 특정 길이만큼 분리할 수 있는 몇 가지 방법을 소개합니다. 방.. JavaScript/배열 2022. 9. 18.