어리둥절 분석가 그리고 개발자

✔️ 필요성 Puppeteer로 headless browser를 선택하고 싶은데 waitforTimeout 이 deprecated 되어 사용하지 못한다고 한다. ✔️ 문제 확인 waitforTimeout 대신 setTimeout을 활용해서 유사한 기능을 구현할 수 있다 import puppeteer from "puppeteer"; (async () => { const browser = await puppeteer.launch({ headless: 'new', }); const page = await browser.newPage(); await page.goto(url); await new Promise((page) => setTimeout(page, 30000)); await page.screenshot..

Puppeteer는 Chrome 팀이 개발한 Node 라이브러리이다. Puppeteer를 이용하면 Headless 혹은 Headful한 브라우저(크롬)을 제어할 수 있는 각종 API를 제공하며, 테스트에도 사용될 수 있다.  이 블로그가 대략적인 내용을 이해하기에 쉬웠다. Puppeteer 활용 브라우저 테스트 자동화 https://developers.google.com/web/tools/puppeteer 소개 Headless 브라우저에 대한 이해가 필요 합니다. 해당 내용은 https://shanepark.tistory.com/290 에서 확인 하실 수 있습니다. Puppeteer Puppeteer는 Chrome 팀이 개발한 No shanepark.tistory.com 이곳은 공식 문서 Puppete..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org Array를 특정 값(value)에 따라 오름차순 혹은 내림차순으로 sort할 때 사용하는 함수를 아래와 같이 만들 수 있다. var items = [ { name: 'Edward', value: 21 }, { name: 'Sharpe', va..

✔️ 필요성 input tag를 이렇게 길게 지정해봐도 중간에 커서가 나오고 개행(줄바꿈)이 안된다. 이런저런 whitespace 옵션 다 바꿔봐도 안된다! css는 tailwind 사용 ✔️ 문제 해결 input tag는 찾아보니까 무조건 한 줄만 받게 되어있다고 한다. 아무리해봐도 다 필요없었고 textarea tag 사용해주고 rows 지정해주면 끝! (참고) ㄴㅏ중에 DB로 넘길때는 아래 블로그 참조하자 https://tried.tistory.com/95

✔️ 필요성 코딩을 하다보면 숫자를 다룰 때 꼭 소숫점 아래 2번째나 3번째 자리에서 반올림해서 표현하는 등의 표현 규칙을 지킬 때가 많다. 이런 것을 조정해주지 않으면 화면에 23.1212435294869 이렇게 나타날 수도... 그런데 React - Javascript에서는 소숫점 아래에서 반올림을 직접 해주는 기능은 없고 정수로 만들어주는 Math.round()를 활용해서 custom 해야한다. 그래서 나는 소숫점 아래에서 반올림 함수를 만들어두고 그 때 그 때 사용하려 한다 // 소숫점 아래 반올림 export const rounds = (num: number, digit: number) => { const pow = Math.pow(10, digit) return Math.round(num * ..

const data = { time: [ '00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', ], value: [ 0.71, 0.52, 0.34, 0.25, 0.34, 0.54, 0.8, 0.77, 1.16, 2.1, 10.47, ] } const groupKeyData = { ...data, groupKey: data.time.map((item, index) => { return Math.floor(index / 3).toString(); }), };