본문 바로가기
반응형

분류 전체보기1062

알고리즘 문제 링크 A형 필수 알고리즘을 체계적으로 배우고 싶다면? (인프런 바로가기) 삼성 A형 전체 링크삼성 B형 전체 링크삼성 C형 전체 링크디버깅 C++ - 백준 문제에서 assert를 이용하여 디버깅하기알고리즘 테스트 용 Visual Studio Setting - Output Visual Studio LNK1168: 쓰기용으로 열 수 없습니다 해결방법스택 BOJ 10828 - 스택BOJ 10773 - 제로BOJ 9012 - 괄호BOJ 1406 - 에디터BOJ 5397 - 키로거BOJ 3954 - Brainf**k 인터프리터BOJ 1918 - 후위 표기식BOJ 1935 - 후위 표기식2BOJ 1708 - 볼록 껍질큐 BOJ 10845, 18258 - 큐, 큐2BOJ 11866, 1158 - 요세푸스 문제 0, 요세푸.. 2024. 1. 4.
Electron 링크 A형 필수 알고리즘을 체계적으로 배우고 싶다면? (인프런 바로가기) 일렉트론 설치하기 (Download Electron) 리액트 프로젝트 빌드하기 (Build Electron App with React)Menu 모듈로 메뉴 만들기 (Create Native Application Menus and Context Menus) 2024. 1. 4.
일렉트론 - Menu 모듈로 메뉴 만들기 (Create Native Application Menus and Context Menus) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Electron 전체 링크 참고 - https://www.electronjs.org/docs/latest/api/menu electron.js를 아래와 같이 수정한다.const { app, BrowserWindow, Menu } = require("electron"); // Menu 추가const path = require("path");const isDev = require("electron-is-dev");function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegra.. 2024. 1. 3.
일렉트론 - 리액트 프로젝트 빌드하기 (Build Electron App with React) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Electron 전체 링크 참고- Hash Router로 gh-pages 배포하기 리액트 프로젝트를 먼저 생성하자.yarn create react-app react-with-electron 설치가 완료되었다면, 생성한 프로젝트로 이동하자.cd react-with-electron 이제 electron을 설치한다.npm install electron 앱 개발 환경을 구분하기 위한 패키지 electron-is-dev를 설치한다.npm install electron-is-dev 여러 명령어를 병렬 실행하기 위해 concurrently를 설치한다. (리액트 + 일렉트론 실행)npm install concurrently 특정 조건을 만족할 때까.. 2024. 1. 2.
일렉트론 설치하기 (Download Electron) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Electron 전체 링크 Node를 설치하면 일렉트론을 설치할 수 있다.여기서 사용하는 Node 버전은 다음과 같다.$ node -vv16.19.0 electron_app 폴더를 만들고, 해당 폴더에서 npm init을 실행한다.entry point가 electron app의 main이 된다. 여기서는 기본으로 설정된 index.js로 하였다.$ npm initThis utility will walk you through creating a package.json fiIt only covers the most common items, and tries to guess sensSee `npm help init` for definiti.. 2023. 12. 31.
Node JS - PM2 ecosystem.config.js로 환경 변수 설정하기 Node JS 전체 링크 참고 - 인증 토큰 획득 서버 구현하기 pm2로 프로세스를 관리할 때, dotenv로 환경 변수를 적용하더라도 잘 반영되지 않는 경우가 있다. pm2의 ecosystem을 이용해서 환경 변수를 설정해 보자. pm2를 전역으로 설치한다. npm install pm2 -g 정상적으로 설치가 되었다면 version을 확인해 보자. $ pm2 -version 5.3.0 pm2 start [Node App 진입점](여기서는 server.js) 으로 백그라운드로 App을 실행할 수 있다. $ pm2 start server.js [PM2] Starting D:\github\node-server\server.js in fork_mode (1 instance) [PM2] Done. ┌────┬─.. 2023. 12. 25.
Node JS - Express 중첩 라우팅 설정하기 (Setting Nested Routing) Node JS 전체 링크 Express에서 중첩 라우팅을 설정해보자. server.js에 router_test를 추가한다. const express = require("express"); const app = express(); const cors = require("cors"); app.use(cors()); const router_test = require("./routes/router_test"); app.use("/router_test", router_test); app.listen(3002, () => { console.log("Node.js Server is running on port 3002..."); }); router_test.js는 다음과 같다. const express = requi.. 2023. 12. 23.
깃허브 액션 - Push 될 때 메일 보내기 (Send Email using GitHub Actions) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Git / GitHub 전체 링크  참고- Node JS + jest를 GitHub Actions로 실행하기- nodemailer로 구글, 네이버, 다음 카카오 메일 보내기- 메일 알림 설정하기 깃허브 액션을 이용하여 repo에 push될 때마다 메일을 보내보자. 먼저 링크를 참고하여 아래의 sendEmail.js를 repository에 저장하자.참고로 gmail의 경우 from을 설정할 필요가 없다.const nodemailer = require('nodemailer');async function sendEmail() { const transporter = nodemailer.createTransport({ service: .. 2023. 12. 16.
리액트 - useLocation으로 페이지 이동시 스크롤 상단으로 초기화하기 (Scroll to Top on Page Transition) 리액트 전체 링크 리액트에서 페이지를 이동할 때, 스크롤을 상단으로 옮겨보자. 테스트를 위해 아래와 같은 라우터를 만든다. Scroll1.js는 다음과 같다. (Scroll2는 Component의 이름만 다르다.) import React from "react"; const Scroll1 = () => { const numbers = Array.from({ length: 100 }, (_, index) => index + 1); return ( {numbers.map((number) => ( Scroll 1 : {number} ))} ); }; export default Scroll1; 스크롤이 만들어지도록 태그를 100개 생성하였다. Scroll1에서 Scroll2로 번갈아가며 움직여보자. 위의 결과대로.. 2023. 12. 16.
반응형

티스토리툴바