WEB (8) 썸네일형 리스트형 Node.js 오류 시에도 서버 끄지 않기 코드 하단에 아래 코드를 입력하니 서버가 꺼지지 않고 오류 메세지는 출력됩니다!! process.on('uncaughtException', (err) => { console.error('Uncaught Exception 발생:', err); // 서버 종료를 방지하고 오류 로그만 출력});// 예기치 않은 비동기 오류 처리process.on('unhandledRejection', (reason, promise) => { console.error('Unhandled Rejection 발생:', promise, '이유:', reason); // 서버 종료를 방지하고 오류 로그만 출력}); Node.js에서 SMS 보내기(COOLSMS사용) Node.js에서 특정 대상에게 SMS를 보내는 작업을 수행했습니다.먼저 coolsms 사이트에 접속하여 회원가입을 해주세요. 회원가입 후 사용에 관한 api, secret 키를 받을 수 있습니다.처음 가입 시 무료로 사용할 수 있는 포인트를 주기 때문에 사용해보시고 괜찮다면 추가로 충전하여 사용하시면 됩니다!!혹여 Api또는 Secret키를 까먹으셨다면 홈페이지에 로그인 후 해당 위치의 API Key 관리에 들어가면 Api와 Secret을 다시 확인할 수 있습니다. Api, Secret키를 받았다면 https://github.com/coolsms/coolsms-nodejs 주소에서 설명한 내용과 같이 npm install —save coolsms-node-sdk을 이용하여 node.js에서 cool.. React에서 파일 다운로드 구현 React를 사용하여 버튼을 누르면 특정 파일이 다운로드 되는 방법에 대해 설명하고자 합니다. 일단 파일은 이전 글(node.js 에서 Excel로 데이터 저장)에서 사용한 엑셀 파일을 사용하겠습니다. 먼저 누를 버튼을 생성하겠습니다. React 관련 디자인들이 있는 MUI CORE 사이트의 버튼을 쓰겠습니다. 해당 사이트의 버튼을 쓰기위해 일단 필요한 패키지를 다운받습니다.npm install @mui/material @emotion/react @emotion/styled @mui/icons-material 그리고 아래 코드를 이용해서 플로팅 버튼을 만듭니다.import React from "react";import Fab from '@mui/material/Fab';import Box from '@.. node.js 에서 Excel로 데이터 저장 참조 유튜브: https://youtu.be/GHmIQJ0hEYU?si=HRzMXEhMVxzPtFnq사용 라이브러리: https://www.npmjs.com/package/exceljs?activeTab=readme 터미널에 라이브러리 다운을 위한 npm install 진행 npm install exceljs 사용 코드 // 라이브러리 사용을 위한 선언const ExcelJS = require('exceljs');const workbook = new ExcelJS.Workbook();const sheet = workbook.addWorksheet('Data');// 행 합치기sheet.mergeCells('A1:D1');// 데이터 삽입sheet.getCell('A1').value = `Date: ${n.. .env 환경변수 설정 [초보 주의] 리액트와 node.js 를 사용하여 웹페이지를 만들던 중 .env 파일을 사용하는 경우를 발견했다.이게 뭐지? 하며 찾아보니 원래 대부분 Api Key 또는 IP는 .env를 통해 환경변수를 사용해서 외부에 노출되는 것을 막는 것이 일반적이라고 한다. 생각해보니 당연한데 생각없이 그냥 만들고 있었다.... 이제 알았으니 사용해보고자 한다. 일단 본인이 환경변수를 설정하고자 하는 폴더의 최상단에 .env 파일을 생성한다. (꼭 .env가 아니어도 괜찮음 근데 env는 포함 되어야함) 그후 npm install dotenv 을 통해 dotenv를 설치해줌. 이제 .env 파일에 아래와 같이 본인이 원하는 민감한 Key 들을 넣어주면 됨(COOLSMS를 이용하여 문자 보내는 것을 만드는 중이기.. React 정보를 Unity로 보내기 이전 글[ Unity build 내용을 web에 띄워보자 ]에서 react-unity-webgl을 이용해서 Unity를 web에 띄우는 것까지 했습니다.그런데 추가적인 처리 없이 unity가 실행된 페이지 이탈 후 다시 unity 페이지로 넘어가면위와 같은 에러 메세지가 뜨게 됩니다....해당 내용은 아마 Unity의 실행이 끝나지 않은 상태에서 페이지로 돌아오면 실행이 꼬여서 발생하는 것 같습니다...(?)혹시 아니라면 댓글로 알려주시면 정말 감사하겠습니다!!!! 일단 그래서 React에서 페이지 이탈 시 Unity에게 페이지 이탈을 알리고 Unity를 종료시키기 위해서 React 정보를 Unity로 보낼 필요가 있었습니다. 본 글은 이 페이지를 참고했습니다.일단 React 정보를 Unity에 보내기 .. Unity build 내용을 web에 띄워보자 Unity를 Web에 띄워야 할 일이 있어 찾아보니 Reat Unity WebGL 패키지를 사용하면 가능하다는 정보를 얻어서한번 도전해봤습니다.먼저 Reat Unity WebGL 에서 설명해준 방법과 같이 % npm install react-unity-webgl위의 명령어를 사용하여 패키지를 install 합니다. 그리고 원하는 Unity 패키지를 Build 해야하는데 이때 Build는 다음과 같이 WebGL로 설정한 후 Build를 해줍니다!! 그럼 위와 같이 폴더가 형성되는데 이때 빨간색 원의 Build 파일을 npx를 활용하여 만든 위치에 넣어주면 됩니다. 저는 아래 그림과 같이 Public 폴더에 넣어줬습니다. 그리고 Reat Unity WebGL 공식 사이트의 예시와 같이 App.js 파일.. nodemon은 무적이 아니네.... MERN을 사용하여 블로그를 만드는 클론 코딩을 따라하던 중 로그인 화면을 구현하기 위한 코드를 작성하고 있었는데요...강의 코드에서 const user = { username: request.body.username, name: request.body.name, password: hashedPassword}위의 코드를 사용하여 data를 관리하는 코드가 있었습니다. 하지만 이전에 username 대신 id라 표기하고 싶은 마음에 id로 지정하고 코드를 이어간 후 너무 헷갈려서 다시 username으로 변경하여 저장 후 nodemon을 사용하여 node를 실행했기에 자동 반영이 되었을꺼라 생각하고 해당 주소를 접속하니 계속 오류가 나길래당연히 코드문제라 생각하고 하나하나 다 봤지만 틀린게 없었습니다..... 이전 1 다음
