nodejs 7

NodeJS 이용한 엑셀 다운로드 및 차트 만들기

SpringBoot, NodeJS 코드로 Excel 파일을 생성하는 코드 이다. 여러 부분으로 나누어서 기록 후 보기위해 작성하였다. 상황에 따라 년, 월에 따라 엑셀을 자동으로 다운로드 받게 된다. 여기서는 NodeJs 단에 js 부분만 기록하였다. 1. 버튼 클릭 이벤트 핸들러 설정 $("#btnExcelDownSend").click(function(e){ e.preventDefault(); // ... }); $("#btnExcelDownSend").click: id가 "btnExcelDownSend"인 요소가 클릭되었을 때의 이벤트를 처리합니다. e.preventDefault(): 클릭 이벤트의 기본 동작을 중단시킵니다. 이 경우에는 버튼 클릭에 따른 기본 동작(예: 폼 제출)을 방지합니다. 2...

업무 기록/WEB 2023.11.16

SpringBoot, Node Express JS 활용한 세션으로 페이지 변경

DB 값을 받아와 웹브라우저에서 해당 권한을 세션값에 따라 웹 페이지에 보여주거나 보여주지 않게 하는 동적인 부분이다. [서론] 쿠키 방식은 누구나 키를 통해 벨류를 확인할 수 있다. 그렇기 때문에 내가 하고 있는 프로젝트는 스프링을 서버로 사용하여 데이터를 저장하고 웹브라우저인 Node Express JS를 사용하여 sessionId를 활용하여 보안에 대비하고 있다. Controller 스프링에서 먼저 디비 테이블의 내용을 읽어오는 예시이다. @GetMapping("") public ResponseVO getUserInfo() { String userId = ((UserDetails) SecurityContextHolder.getContext().getAuthentication().getPrincipa..

업무 기록/WEB 2023.11.10

프로젝트 요약 정리 SpringBoot 와 Redis 연결 및 업데이트

들어가며 회사에서 URL 호출 방식의 API로 짧은 시간에 다량의 내용을 보내는 부분이 있다. 기존 웹서버는 jsp로 구현된 내용을 이번에 Spring Boot와 Node Expressjs 를 이용하여 DB와 Redis에 새로운 인증 API 키를 갱신하는 기능을 개발하게 되었다. 초기 Redis 값을 가저와 해당 필요한 부분만 Update 를 하는 방식을 생각하였지만 여러 문제가 있어 Json 형태의 Redis를 읽어와 해당 새로운 키 값을 만들고 가저온 정보에서 해당 필요 내용을 수정해 새로운 key, value를 만들기로 하니 여러 시행착오 끝에 문제를 해결할 수 있었다. Redis Config 여기서는 Redis Sentinel 및 Lettuce를 사용하여 Redis 데이터베이스의 고가용성을 확보하..

업무 기록/API 2023.10.25

프로젝트 요약 정리 SpringBoot 와 Node ExpressJs

들어가며 회사에서 하는 프로젝트는 SpringBoot 와 Node ExpressJs 를 사용하고 있다. 보안적인 기능은 제외하고 웹프로젝트를 간단하게 설명하겠다. 기존 코드는 회사에서 직접 사용하는 코드는 아니고 개인적으로 회사코드를 이해하기 위해 개인적으로 공부한 코드이다. 위 프로젝트는 Spring Boot 부분은 서버 사이드 코드로 데이터베이스와 상호 작용하고 비즈니스 로직을 처리하며, Node.js 부분은 클라이언트 사이드 코드로 사용자 인터페이스를 처리하고 서버와 통신한다. Spring Boot와 Node.js가 서로 협력하여 전체 애플리케이션을 구성하는 기능을 가지고 있다. 간단하게 업데이트하는 기능인 코드 실행 부분을 설명해보겠다. Node.js 부분 프론트 .ejs 등록부분 예시 하단 코드..

업무 기록/WEB 2023.10.21

Node js Express vs Spring boot 같이 사용

진행중인 프로젝트간 SpringBoot 와 Node Js Express를 같이 사용하면서 왜 같이 사용하는지 궁굼하여 찾아본 내용이다. Node.js Node.js는 서버 측 JavaScript 런타임 환경으로, 웹 애플리케이션 개발을 위해 사용된다. 기본적으로 비동기식, 이벤트 기반 아키텍처를 갖추고 있어 높은 확장성과 성능을 제공, Node.js는 브라우저가 아닌 서버 사이드에서 JavaScript 코드를 실행할 수 있게 한다. I/O 작업이 많은 애플리케이션에서 특히 유용하며, 실시간 데이터 처리나 빠른 응답을 요구하는 애플리케이션적합. Node.js의 패키지 매니저인 npm을 통해 다양한 라이브러리와 모듈을 사용할 수 있다. Express.js Node.js를 기반 으로 한 웹 프레임워크로, 웹 ..

업무 기록/ETC 2023.08.06

Node js, Express js - res.render 렌더링

res.render() 메서드는 Express 애플리케이션에서 뷰 템플릿을 렌더링하여 클라이언트에게 HTML 페이지를 제공하는 역할을 한다. 이 메서드를 사용하여 뷰 템플릿과 클라이언트 사이의 상호작용을 가능하게 한다. ✔ 예제 코드 res.render('mypage', {session: req.session, email_id: email[0], email_com: email[1], userInfo: result.data, accountList: accountList, csrfToken: req.csrfToken()}); res.render() 메서드: res.render(view, [locals], callback) 형태로 사용된다. view: 렌더링할 뷰 템플릿의 이름을 지정한다. 이 이름은 뷰 템플..

업무 기록/WEB 2023.08.01

Node js 환경설정(gulp, nodemon, npmrc, npm install)

✔ node js 1.node js 설치 필요 10 버전 - https://nodejs.org/download/release/v10.24.1/ 2.정상 설치 확인 3.Gulp 설치 npm install 전역설치 npm install gulp -g local 설치 npm install gulp --save-dev -> local에 설치하는 경우 node_modules, package-lock.json에 설치됨 사설망의 경우 npm install이 에러가 발생 이때 .npmrc 파일 추가 - c:\Users\user\.npmrc 이클립스 maven update와 유사하게 넥서스에서 설치를 할 수 있도록 해야한다. _auth=#################################(보안) registry=..

업무 기록/ETC 2023.07.26