𝙿𝚛𝚘𝚐𝚛𝚊𝚖𝚖𝚒𝚗𝚐 𝙻𝚊𝚗𝚐𝚞𝚊𝚐𝚎/𝙹𝚊𝚟𝚊𝚂𝚌𝚛𝚒𝚙𝚝

문제 페이지가 로드될 때 데이터가 있으면 이를 출력하고, 그 길이에 맞춰 textarea의 높이를 자동으로 조정하려고 했다.이를 위해 아래 코드를 작성했다. window.onload = function(){ // 기존 높이를 auto로 설정하여 높이를 새로 계산하도록 함 textarea.style.height = 'auto'; // 새로운 높이 설정 textarea.style.height = `${textarea.scrollHeight + 3}px`; // 필요 시 여유 3px 추가} 하지만 이렇게 해도 scrollHeight가 0으로 계산되어 높이가 제대로 조정되지 않는 문제가 발생했다.    해결 방법 로드될 때 scrollHeight을 구하는 게 아닌, 탭이 전환될 시 scrollHeight을..

JavaScript에서 문자열 처리 작업을 하다 보면, 특정 패턴을 추출해야 할 때가 있다.그중에서도 문자열에서 숫자만 추출해야 하는 상황이 존재한다.이때 정규표현식(Regular Expression)을 사용하면 간편하게 원하는 숫자 데이터를 얻을 수 있다.이번 글에서는 정규표현식을 이용해 숫자를 추출하는 방법을 단계별로 알아보려고 한다.    1. 숫자 추출을 위한 기본 정규표현식숫자를 추출하기 위해 가장 기본적으로 사용되는 정규표현식 패턴은 \\d이다.\\d: 숫자를 의미하며, 0부터 9까지의 숫자 하나를 매칭한다.+: 직전 패턴이 한 번 이상 반복되는 것을 매칭한다. 즉, 연속된 숫자들을 추출하기 위해 사용한다.이 패턴을 JavaScript에서 활용하는 방법은 다음과 같다:let varStr = "..

javscript에서 어떤 배열에 특정 글자가 있다면 true를 반환하는 로직을 짜고 있었다.   나는 for문을 이용해서 검사를 했었다. const fruit = ['apple', 'orange', 'banana', 'watermelon'];let isB = false;for (let i = 0; i    근데 Array.prototype.some()라는 메서드를 알게 됐다.이 메서드를 이용하면 코드가 더 간결해진다.     기본 개념목적→ 배열의 요소 중 하나라도 조건을 만족하면 true를 반환하고, 그렇지 않으면 false를 반환한다.형식→ array.some(callback) array.some(callback(element[, index[, array]])[, thisArg]) callback:..

String 변수인 keyword와 label1 ~ label5가 비어있지 않다면 num++을 해주는 로직을 짰다. label1 ~ label5는 배열로 만들면 안 됐던 상황이었다. let num = 0; // keyword, label1 ~ label5 는 다른 곳에서 받아오는 값 if(keyword !== "" && keyword !== null){ num++; } if((label1 !== "" && label1 !== null)){ num++; } if((label2 !== "" && label2 !== null)){ num++; } if((label3 !== "" && label3 !== null)){ num++; } if((label4 !== "" && label4 !== null)){ num..