[Node.js 마이크로서비스 코딩 공작소 #1] - 모놀리스 구현하기

마이크로서비스에 대해서 말로만 들어봤지 직접 구축해본 적이 없었기에, 이를 구현해보고자 했습니다.블로그 등의 레퍼런스보다 책을 읽으며 구현하는 것이 더 자세히 배울 수 있을거라 판단하여 thebook의 'Node.js 마이크로서비스 코딩 공작소'라는 책을 읽으며 공부 중입니다. node.js의 http 모듈을 사용하여 Row level에서부터 구현하도록 되어있으며, 책에서는 MariaDB를 사용하였으나 저는 PostgreSQL을 사용하여 구현하였습니다. 책에서 만들 프로젝트는 간단한 상품구매 서비스이며 아키텍처는 다음과 같습니다.  사용자에게 요청을 받아 회원 관리와 상품 관리, 구매 관리 비즈니스 로직을 처리하는 서비스이며, 하나의 애플리케이션 프로세스에서 이 3가지를 모두 구현하는 모놀리스 구조부터 ..

• format_list_bulleted 백엔드 개발/Node.js&Nest.js
• · 2024. 8. 13.
• textsms

백준 1976 - 여행 가자 (유니온 파인드 알고리즘을 함께 알아보자)

문제동혁이는 친구들과 함께 여행을 가려고 한다. 한국에는 도시가 N개 있고 임의의 두 도시 사이에 길이 있을 수도, 없을 수도 있다. 동혁이의 여행 일정이 주어졌을 때, 이 여행 경로가 가능한 것인지 알아보자. 물론 중간에 다른 도시를 경유해서 여행을 할 수도 있다. 예를 들어 도시가 5개 있고, A-B, B-C, A-D, B-D, E-A의 길이 있고, 동혁이의 여행 계획이 E C B C D 라면 E-A-B-C-B-C-B-D라는 여행경로를 통해 목적을 달성할 수 있다.도시들의 개수와 도시들 간의 연결 여부가 주어져 있고, 동혁이의 여행 계획에 속한 도시들이 순서대로 주어졌을 때 가능한지 여부를 판별하는 프로그램을 작성하시오. 같은 도시를 여러 번 방문하는 것도 가능하다.입력첫 줄에 도시의 수 N이 주어진..

• format_list_bulleted CS지식/코딩테스트
• · 2024. 7. 18.
• textsms

백준 10026 - 적록색약

문제적록색약은 빨간색과 초록색의 차이를 거의 느끼지 못한다. 따라서, 적록색약인 사람이 보는 그림은 아닌 사람이 보는 그림과는 좀 다를 수 있다.크기가 N×N인 그리드의 각 칸에 R(빨강), G(초록), B(파랑) 중 하나를 색칠한 그림이 있다. 그림은 몇 개의 구역으로 나뉘어져 있는데, 구역은 같은 색으로 이루어져 있다. 또, 같은 색상이 상하좌우로 인접해 있는 경우에 두 글자는 같은 구역에 속한다. (색상의 차이를 거의 느끼지 못하는 경우도 같은 색상이라 한다)예를 들어, 그림이 아래와 같은 경우에RRRBBGGBBBBBBRRBBRRRRRRRR적록색약이 아닌 사람이 봤을 때 구역의 수는 총 4개이다. (빨강 2, 파랑 1, 초록 1) 하지만, 적록색약인 사람은 구역을 3개 볼 수 있다. (빨강-초록 2..

• format_list_bulleted CS지식/코딩테스트
• · 2024. 7. 17.
• textsms

2024년도 1학기 회고

이번 학기에 내가 도대체 뭘 했는지, 어떤 점이 아쉬웠는지 파악해 보고자 회고를 남기려고 합니다.  개발 일정 1. 연구실에서 하는 프로젝트 연구실에서 진행 중인 프로젝트에 현직 개발자 분께서 참여하시게 되어 코드 내, 외적으로 배울 수 있었던 것 같습니다.  2. 졸업작품졸업작품은 현재 순조롭게 가는 것 같지만 배포 프로세스를 간소화시켜야겠다는 생각은 하고 있습니다. 3. 항해 플러스 프론트엔드 1기 수료 항해 플러스 프론트엔드를 갔다오면서 시야가 더 확장이 되었습니다. 개발적인 열정이 가득한 분들을 보며 내가 이 길을 선택한 것을 잘한 건가라는 생각도 하고, 어떤 일을 하더라도 좀 더 꼼꼼해야겠다는 생각이 들었습니다. (시간 내에 개발을 완료하는 것도 중요하지만 내가 개발한 부분에 대해 책임지고, 발..

• format_list_bulleted Life/회고
• · 2024. 7. 15.
• textsms

Three.js 공부하기 1 - 기본 파일 세팅하기

1. 초기 세팅하기 먼저 vite를 이용해서 vanilla TS 파일을 만들어보자. 다음 명령어를 통해 Vanilla + TS 프로젝트의 초기 세팅의 도움을 받을 수 있다.npm create vite@latest . 그리고 three.js 관련 의존성을 설치해주자. npm i three --save TypeScript를 쓸 것이고, Three.js에서는 아직 별도의 d.ts 파일을 제공해주지 않기 때문에 @types/three를 설치해주도록 하자npm i --save-dev @types/three 이렇게 되면 초기 설정은 다 되었다. 2. 코드 작성이제 코드를 작성해보도록 하자.먼저 필요한 속성들과 생성자들을 작성해보도록 하자.class App { private renderer: THREE.WebGLR..

• format_list_bulleted 프론트엔드 개발
• · 2024. 6. 26.
• textsms

포트폴리오 사이트 제작기 1탄: React SEO 최적화하기에서 발생한 문제와 그 해결 과정

1. SEO 최적화 코드가 배포시에 동작하지 않았던 문제SEO 최적화를 위한 코드는 다음과 같았습니다. import { defineConfig, loadEnv } from "vite";import react from "@vitejs/plugin-react";import prerender from "@prerenderer/rollup-plugin";import puppeteerRenderer from "@prerenderer/renderer-puppeteer";export default defineConfig(({ mode }) => { const env = loadEnv(mode, process.cwd(), ""); return { plugins: [ react(), prere..

• format_list_bulleted 프로젝트들
• · 2024. 6. 19.
• textsms