프론트엔드 개발자 엄성준 블로그

Excel 파일을 다 그리고 난 뒤 a4사이즈 보다 크게 그리게 되어서 인쇄할 때마다 페이지 레이아웃을 통해 너비를 1페이지로 설정해야 하는 번거로움이 생겼다. 이 문제점을 해결하기 위해 방법을 찾아봤는데 worksheet.pageSetup.pageSize로 접근하려 하니까 지정된 사이즈 내에서 바꾸기만 가능해서 다른 방법을 찾았는데 바로 아래의 코드와 같다 const workbook = new ExcelJS.Workbook(); const worksheet = workbook.addWorksheet('Sheet'); worksheet.pageSetup.fitToPage = true; // 가로 너비 요소에 맞게 설정 worksheet.pageSetup.fitToHeight = 0; // 세로 높이 자동..

먼저 cell을 쉽게 생성하기 위한 함수를 만들었습니다. import ExcelJS from 'exceljs'; export default function ExcelText( worksheet: ExcelJS.Worksheet, cell: string, text: string, fontSize: number, vertical: any, horizontal: any, color: string = '', bold: boolean = false, ) { const cellRef = worksheet.getCell(cell); // 텍스트 추가 cellRef.value = { richText: [ { text: text, font: { size: fontSize, bold, color: { argb: color..

문제 설명 프로그래머스 치킨은 치킨을 시켜먹으면 한 마리당 쿠폰을 한 장 발급합니다. 쿠폰을 열 장 모으면 치킨을 한 마리 서비스로 받을 수 있고, 서비스 치킨에도 쿠폰이 발급됩니다. 시켜먹은 치킨의 수 chicken이 매개변수로 주어질 때 받을 수 있는 최대 서비스 치킨의 수를 return하도록 solution 함수를 완성해주세요. 제한사항 chicken은 정수입니다. 0 ≤ chicken ≤ 1,000,000 입출력 예 chicken result 100 11 1,081 120 나의 풀이 function solution(chicken) { let answer = 0; while(chicken >= 10){ answer += parseInt(chicken/10) chicken = chicken % 10 ..

문제 설명 이차원 정수 배열 arr이 매개변수로 주어집니다. arr의 행의 수가 더 많다면 열의 수가 행의 수와 같아지도록 각 행의 끝에 0을 추가하고, 열의 수가 더 많다면 행의 수가 열의 수와 같아지도록 각 열의 끝에 0을 추가한 이차원 배열을 return 하는 solution 함수를 작성해 주세요. 제한사항 1 ≤ arr의 길이 ≤ 100 1 ≤ arr의 원소의 길이 ≤ 100 arr의 모든 원소의 길이는 같습니다. 1 ≤ arr의 원소의 원소 ≤ 1,000 입출력 예 arr result [[572, 22, 37], [287, 726, 384], [85, 137, 292], [487, 13, 876]] [[572, 22, 37, 0], [287, 726, 384, 0], [85, 137, 292, ..

저 같은 경우는 Textarea에서 줄 바꿈 즉 \n으로 표현된 문자열을 replace를 통해서 /\n/g으로 인식한 뒤 ' ' 문자로 변경하였습니다. console.log(bookingRequestDetail?.data.memo?.content.replace(/\n/g, ' '));

const NumberTextField = styled(TextField)` input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } `;

import { Document, Font, Page, PDFViewer, StyleSheet, Text, } from '@react-pdf/renderer'; import React from 'react'; Font.register({ family: 'SpoqaHanSans', src: 'https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf', }); const styles = StyleSheet.create({ viewer: { flex: 1, }, korean: { fontFamily: 'SpoqaHanSans', },..

문제 설명 영어 점수와 수학 점수의 평균 점수를 기준으로 학생들의 등수를 매기려고 합니다. 영어 점수와 수학 점수를 담은 2차원 정수 배열 score가 주어질 때, 영어 점수와 수학 점수의 평균을 기준으로 매긴 등수를 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ score[0], score[1] ≤ 100 1 ≤ score의 길이 ≤ 10 score의 원소 길이는 2입니다. score는 중복된 원소를 갖지 않습니다. 입출력 예 score result [[80, 70], [90, 50], [40, 70], [50, 80]] [1, 2, 4, 3] [[80, 70], [70, 80], [30, 50], [90, 100], [100, 90], [100, 100], [10..

문제 설명 직사각형 형태의 그림 파일이 있고, 이 그림 파일은 1 × 1 크기의 정사각형 크기의 픽셀로 이루어져 있습니다. 이 그림 파일을 나타낸 문자열 배열 picture과 정수 k가 매개변수로 주어질 때, 이 그림 파일을 가로 세로로 k배 늘린 그림 파일을 나타내도록 문자열 배열을 return 하는 solution 함수를 작성해 주세요. 제한사항 1 ≤ picture의 길이 ≤ 20 1 ≤ picture의 원소의 길이 ≤ 20 모든 picture의 원소의 길이는 같습니다. picture의 원소는 '.'과 'x'로 이루어져 있습니다. 1 ≤ k ≤ 10 입출력 예 picture k result [".xx...xx.", "x..x.x..x", "x...x...x", ".x.....x.", "..x...x..

PiTemplate.ts import ExcelJS from 'exceljs'; import { PiType } from '../types/pi'; import { format } from 'date-fns'; import base64Img from '../../actions/utils/base64Img'; import logoImgURL from '../../assets/images/common/ExcelLogoImg.png'; export default async function piTemplate(piDetail: PiType, language: string) { const download = async (workbook: ExcelJS.Workbook, fileName: string) => { c..