복잡한뇌구조마냥

PDF 파일 생성을 하다가, 특정 페이지만 바꿔서 사용해야하는 경우가 생겼다.파일로 생성된 2개의 파일을 어떻게 코드를 통해서 합치지라는 생각에 여러 시도를 해보았다. PDF파일을 Array Buffer로 변환하여, 각 파일의 페이지를 불러와서 필요한 페이지를 기존 PDF파일에 추가하는 방식으로 구현했는데 아래의 코드를 참고하면 좋을 것 같다./** * PDF Merge * 원본 PDF에 추가 PDF를 뒷페이지로 추가하는 로직 * @param pdfArrayBuffer1 원본 PDF * @param pdfArrayBuffer2 추가할 PDF */ async mergePDFs(pdfArrayBuffer1: ArrayBuffer, pdfArrayBuffer2: ArrayBuffer): P..

웹페이지에서 스크롤 이벤트를 다룰 때,'스크롤이 멈췄을 때' 어떤 동작을 트리거해야 할 경우가 종종 있습니다.또한 wheel 이벤트와 scroll 이벤트는 비슷해 보이지만 작동 방식에 차이가 있습니다.아래에서 각각을 정리합니다. scroll 이벤트 vs wheel 이벤트 차이 항목scroll 이벤트wheel 이벤발생 시점스크롤이 실제로 이동할 때사용자가 마우스 휠을 돌릴 때주요 대상스크롤이 가능한 모든 요소보통 브라우저 전체(window) 대상이벤트 빈도부드럽게 움직이는 동안 계속 발생휠이 한번 돌아갈 때마다 발생대표적 사용 사례스크롤 트래킹, 스크롤 위치 감지스크롤 시작 탐지, 커스텀 스크롤터치스크린 지원 여부✅ (터치 스크롤 감지 가능)❌ (마우스 휠에 한정) 요약하자면, scroll은 해당 요소에..

1. 페이지 이동 뒤로가기 경로 O ( 새로운 페이지 이동 ) window.location.href = url 뒤로가기 경로 X ( 기존 페이지 → 새로운 페이지 변경 ) window.location.replace(url) 2. 새 탭에서 열기, 새 창에서 열기 open() open(url) open(url, target) open(url, target, windowFeatures) url - 로드할 리소스의 url 또는 경로를 나타내는 문자열 target - 리소스가 로드되는 브라우징 컨텍스트의 이름을 지정하는 문자열 target 설명 _blank 새 창으로 연다. (기본값) ( 새 탭에서 열기 ) _parent 부모 프레임에 열린다. _self 현재 페이지를 대체한다. _top 로드된 프레임 셋을 대..

알고리즘 주차가 끝이 났다.해당 주차는 프로그래밍 기초 주차였는데 알고리즘 문제만 가득해서 사실 처음에 와닿지는 않았다.미리 풀어보고 오긴했는데 c언어로 풀고 갔다 알고보니 주특기에 맞는 언어로 푸는 것이 과제였다.이번주는 자바스크립트의 다양한 문법과 그것을 응용한 알고리즘 풀이가 핵심과제였다.시험 모의고사와 테스트로 나뉘어 진행되었고 시험때 코드만봐도 많이 변했다.결과적으로 시험코드랑 원래같으면 어떻게 풀었을지 먼저 공유해보자.실제풀이function solution(n) { let result = (n + '').split('').reverse(); let sum = result.reduce((a,b)=>Number(a)+Number(b),0) result = `"${result.joi..

1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? 1) 느슨한 타입(loosely typed)의 동적(dynamic) 언어 - 자바스크립트는 느슨한 타입의 동적 언어로 변수가 자료형에 관계 없이 데이터가 입력이 가능하다. - 변수를 선언할 때 자료형에 따라 int, string 등이 아닌 var, let, const 등으로 선언해 해당 값에 따라 입력이 가능하다. JavaScript의 자료형은 다음과 같다 - 숫자형 : 숫자를 담을 수 있는 자료형이다. ex) 10, 1, 2, 3 - BigInt : 자바스크립트의 일반 자료형의 길이가 정해져 있어 그 이상의 큰 수를 담을 때 사용하며, 끝에 n이 붙는다. - 문자형 : 문자를 담을 수 있는 자료형이다. ex) "Hello Ne..