박주니 개발 정리

예시 표) 공연명 등급 좌석 내용 2023 공연 VIP 1 엑셀을 활용해서 데이터를 만들 때 반복되는 패턴들이 있고 그것을 인용해서 통합된 데이터가 필요할 때가 있습니다. 그런데 그것을 row 한줄 한줄 적게 될 때에 10개이내면 상관없는데 1000개가 넘어가는 대량 데이터를 만들 때는 패턴을 알지 못하면 데이터만 만들다가 하루가 금방 지나갈 것입니다. 티켓 기준 공연명, 등급 : 동일하게 데이터를 넣기 때문에 ctrl 누르고 해당 내용을 드래그 진행 문자+숫자일 경우 드래그를 바로 할 경우 숫자가 변하면서 넣게 됩니다. 좌석 : 보통 순차적인 숫자를 넣기 때문에 ctrl 누르고 해당 내용을 드래그 진행 내용 공연명이 A행이라고 했을 때 등급, 좌석은 B, C로 가정합니다. 해당 셀에 =A2 &B2 & ..

설명 이유) 보통 엑셀 업로드 기능을 관리자페이지에서 데이터를 시각적으로 필요한 데이터를 출력하기 위해 엑셀 업로드 기능을 만드는데 예를 들어서 결제 완료, 결제 대기등 색깔 구분을 하지 않으면 구분하기가 어렵습니다. 또한 exceljs 버전 업데이트에 따라서 richText 적용 방식이 달라진 부분도 있어서 공유하기 위해서 설명을 적게 되었습니다. 가운데 정렬이랑 테두리 설정하는 것은 chatgpt에 물어보면 그대로 붙여서 사용하시면 가능하기 때문에 따로 설명은 하지 않았습니다. 참조 : 엑셀 업로드시 데이터 셋팅하는 방법 참고 (rowData) richText 사용하실 때는 별도 설치하실 것은 없습니다. rowData에서 특정값에 richText를 사용해서 색깔 구분을 합니다. const rowDat..

설명 이유) 마켓을 운영하다보면 리스트를 확인할 때 해당 상품에 이미지도 엑셀에 필요할 때가 있습니다. 저는 이미지를 ipfs형식으로 전환해서 불러오기 때문에 에 src로 url 넣으면 이미지가 나오지만 엑셀 적용은 다른 방식이기 때문에 공유하게 되었습니다. 먼저 이 설명을 듣기 전에 엑셀 업로드시 데이터 적용 방법 참고하시기 바랍니다. 엑셀 업로드해서 데이터 적용하는 방법은 동일합니다. 그부분에서 rowData에 image_url을 추가해서 삽입하는 과정이라고 생각하시면 됩니다. 1. ipfs url 을 따로 데이터를 rowData에서 제외해서 진행합니다. const assetKeys = Object.keys(asset); assetKeys.forEach((id, i) => { console.log("..

설명 이유 관리자 페이지를 하면서 데이터를 리스트로 보여주고 있지만 문서로 확인해야하는 경우도 있습니다. 그래서 해당 데이터를 문서 요구사항에 맞게 셋팅해서 출력을 하면 직접 엑셀로 수작업 할 필요 없이 자동으로 되어 시간을 절약할 수 있습니다. 필요 조건 1. 엑셀 출력할 데이터 배열 2. exceljs 설치 및 연결 (import ExcelJS from "exceljs") 엑셀다운로드 버튼을 클릭했다는 가정하에 진행하겠습니다. 1. header에 들어갈 data를 셋팅합니다. const data = [ [ { value: "A", width: 10 }, { value: "B", width: 60 }, { value: "C", width: 20 }, ], ]; 2. header 이후에 들어갈 실제 데이..

1. nodemailer 공식문서에 코드를 기본 form으로 진행합니다. https://nodemailer.com/about/ Nodemailer :: Nodemailer Nodemailer Nodemailer is a module for Node.js applications to allow easy as cake email sending. The project got started back in 2010 when there was no sane option to send email messages, today it is the solution most Node.js users turn to by default. npm i nodemailer.com "use strict"; const nodemailer..

기본적으로 routing 하는 방법이 아닌 협업으로 해서 페이지 구분해서 진행시 구분하는 방법 기준으로 설명하겠습니다. 폴더 구조 app>main>test appRouting - main을 loadChildren으로 해서 자식 모듈로 가지고 와서 app module import 진행 mainRouting - 기본적으로는 main을 '/'으로 설정합니다. 보통 header 및 sidemenu 구성이 되는 페이지입니다. testRouting - main html에 router-oulet에 설정되어서 path에따라 페이지 변하게 되는 구간이 되는 router입니다. ts 영역 설명 1. main component를 생성합니다. ng g c main 으로 terminal에서 진행하시면 됩니다. 2. main c..

설명 이유) 프론트를 react로 진행하다가 이번에 신규 프로젝트는 angular로 진행하게 되어서 정리하게 되었습니다. angular 환경설정은 다 되어있다는 조건으로 진행하겠습니다. 1. terminal에서 npm install -g @angular/cli 진행합니다. 설명) angular/cli를 이용해서 component를 쉽게 연결하고 설정하기 위함입니다. 2. 메인으로 진행할 container를 생성합니다. terminal에서 ng generate component container을 진행합니다. 설명) container은 예를 들어서 메인페이지라고 했을 때 다른 component들을 bind해서 사용하기 위함입니다. 3. calendar module로 이용하기 위해 terminal에서 ng ..

나는 주로 virtualbox를 통해서 로컬상에서 nginx 연결해서 진행만 해보다보니 테스트서버를 만들어주셨을 때 그것을 내 컴퓨터에 어떻게 적용해야는 지 이해가 잘안됬습니다. 그런데 이번에 적용하면서 제가 host에 대한 이해가 부족하다는 것을 알게 되었습니다. host 연결 회고 C:\Windows\System32\drivers\etc hosts는 주로 어떤 용도로 이용되는 것일까 "hosts" 파일은 운영 체제에서 호스트 이름을 IP 주소와 연결하는 데 사용되는 설정 파일입니다. 이 파일을 편집하여 특정 호스트 이름을 특정 IP 주소로 매핑시킬 수 있습니다. 이렇게 하면 로컬 시스템에서 DNS(Domain Name System) 서버를 통해 호스트 이름을 검색하는 대신 직접 매핑된 IP 주소로 접..