JiYoung Dev 🖥

DMZ(Demilitarized Zone)란 무엇인가?DMZ하면 군대가 떠오른다. 하지만 여기서 말하는 DMZ는 네트워크의 어느 한 영역을 말한다. 군사 용어상 DMZ는 Demilitarized Zone, 비무장지대를 말한다. 우리나라와 북한 사이에도 비무장지대가 있는데 비무장지대는 말 그대로 무기를 들고 들어갈 수 없는 중립 지대이다. 서로 간의 직접적인 무력 충돌을 방지하기 위한 완충 구역인 것이다.  군사 용어인 DMZ가 어떻게 네트워크 영역에도 적용된 것일까?네트워크에서도 외부 인터넷(외부망)과 내부 네트워크(사내망)가 직접 만나면 위험하다. 외부에서 어떠한 위험이 존재할지 모른다. 디도스 공격이 될 수도 있고, 여타 다른 공격일 수 있다. 따라서 네트워크 망 사이에도 완충 구역을 만든다. 외부망..

📁 병렬 프로그래밍병렬 프로그래밍은 CPU가 싱글 코어가 아닌 멀티 코어 컴퓨터 환경에서 여러 개의 작업을 보다 빨리 실행하기 위한 목적으로 개발되는 프로그래밍이다.  💾 병렬 프로그래밍을 구현하는 방법1️⃣ 멀티프로세싱(Multiprocessing)여러 개의 프로세스를 동시에 실행하여 병렬 처리를 구현한다. 각 프로세스는 독립적으로 실행되며, 서로 메모리 공간을 공유하지 않으므로 프로세스 간 통신(IPC)가 필요하다. 멀티 프로세싱은 CPU 코어를 여러 개 활용할 수 있어 멀티코어 시스템에서 성능을 크게 향상시킬 수 있으며, 각 프로세스가 독립적으로 실행되므로 다른 프로세스와 충돌 없이 안전하게 실행할 수 있다.  2️⃣ 멀티스레딩(Multithreading)하나의 프로세스 내에서 여러 스레드를 생..

파이썬은 GIL 특성 때문에 멀티 스레드를 사용한 병렬 처리에서 제한을 받는다. 따라서 파이썬은 멀티 프로세싱을 활용하여 병령 처리를 하고, 제대로 된 병렬 처리를 구현하기 위해 프로세스를 생성하는 3가지 방법을 이해하는 과정이 필요하다.  ** GIL(Global Interpreter Lock) : 파이썬 인터프리터가 스레드를 관리하는 방식 중 하나로, 한 번에 하나의 스레드만이 파이썬 객체에 접근할 수 있도록 제한한다. 이를 통해 멀티스레딩 환경에서 파이썬 프로그램의 실행을 안전하게 만들어주지만, 동시에 성능 저하의 원인이 되기도 한다.  📁 fork()fork()는 현재 실행 중인 프로세스(부모 프로세스)를 복제하여 새로운 프로세스를 생성한다. 새로운 프로세스를 자식 프로세스(child proce..

지난 글에서 MariaDB 클러스터링을 위한 두가지 방법에 대해 알아보았다. Galera Cluster를 통한 MariaDB 이중화 구성 (1) MariaDB 이중화 종류(Replication, Galera Cluster)DB 혹은 스프링 부트 서버와 같은 시스템을 구성할 때, 단 하나의 서버보다는 이중화 혹은 그 이상으로 하여 아키텍처를 설계하는 경우가 많다. 이중화의 목적은 고가용성인데, 재해 발생이나 예danyoujeong.tistory.com Replication을 통해 Master-Slave 방식으로 구성하는 방법과 Galera Cluster를 통해 멀티 마스터 방식으로 클러스터를 구성하는 방식에 대해 개념 정도를 알아보았는데, 이번 글에서는 그래서 실제로 Galera Cluster 어떤 동작 ..

DB 혹은 스프링 부트 서버와 같은 시스템을 구성할 때, 단 하나의 서버보다는 이중화 혹은 그 이상으로 하여 아키텍처를 설계하는 경우가 많다. 이중화의 목적은 고가용성인데, 재해 발생이나 예상치 못한 장애 상황에서도 시스템이 멈추지 않고 정상적으로 운영되도록 하고자 함이다.  오늘은 DB 중에서도 관계형 데이터베이스의 한 종류인 MariaDB를 이중화하는 방법에 대해 알아보고자 한다. 필자는 MariaDB의 여러 이중화 방법 중에서 Galera Cluster를 사용하여 이중화를 시도했고, 그 과정과 관련된 이론을 정리해 보았다. ⭐MariaDB를 이중화하는 여러가지 방법들본론에 들어가기에 앞서 MariaDB를 이중화하는 여러 방법에 대해 먼저 알아보자. Galera Cluster를 통한 방법도 있지만, ..

React + Typescript 프로젝트 시작하기현재 경로에 typescript React 앱 프로젝트 생성yarn create react-app . --template typescript  tsconfig.js타입스크립트를 자바스크립트로 변환 시키는 컴파일 설정을 한꺼번에 정의 해놓는 파일브라우저에서는 타입스크립트를 읽지 못하기 때문에 자바스크립트로 컴파일 해야 한다. 프로젝트를 컴파일 하는데 필요한 루트 파일, 컴파일러 옵션 등을 상세히 설정할 수 있다.  { //컴파일 대상에서 제외할 파일들을 지정하는 속성 "exclude": [], // 타입스크립트 컴파일러의 옵션들을 지정하는 속성 "compilerOptions": { "target": "es5", ..

Props Drilling 지우기 Props Drilling 지우기Guidelines for easily modifiable frontend codefrontend-fundamentals.com  구독중인 유튜버가 하나의 영상을 새롭게 올렸는데, 토스에서 작성한 Frontend Fundemental을 소개하는 영상이었다. Frontend Fundemental은 Toss 개발자가 작성한 좋은 프론트엔드 코드의 기준을 자신들의 기준에 맞춰 작성한 문서이다. 프론트엔드 개발을 하면서 다양한 소스를 보지 못해 어떤 코드가 좋은 코드인지 모르겠다는 생각을 했는데 이 문서를 정독하여 좋은 코드란 무엇인지 읽어보고 현재 나의 코드는 어떤지 돌아보고 나만의 좋은 코드를 작성하기 위해 생각을 정리해보는 시간을 가지고자 ..

2025년 새해 새로운 목표로 프로젝트를 진행하기로 했다. 디스코드 클론코딩인데 기능 구현을 하려다 보니 WebSocket과 WebRTC에 대해서 필수로 알고 있어야 해서 내 나름대로 머리에 잘 들어오는 순서대로 정리해 보았다.  아래 내용에서 구현하거나 자료를 찾다가 틀린 부분이나 추가할 내용이 있으면 계속해서 추가할 예정이다. 웹의 통신 방식에는 여러 가지가 있다.대표적으로 HTTP, Websocket, Polling, gRPC, SSE, GraphQL 등이 있는데, 각각의 방식마다 특징이 있어 웹 애플리케이션의 특성에 따라 알맞은 것을 선택하여 사용한다.HTTP는 웹 통신의 기본 프로토콜로 요청-응답 방식 기반으로 한 대표적인 통신 프로토콜이다.WebSocket은 실시간 양방향 통신을 지원하는 프로..

이번에 30초 마다 API를 호출하는 코드를 구현하면서 setInterval 함수를 사용하였다. 사용법은 알고 있었는데 setInterval이 어떤 건지 찾아보다가 비동기와 관련된 개념들이 나와서 정리를 하게 되었다. 따라서 오늘은 비동기 개념에 등장하는 Call Stack, Callback Queue, Event Loop에 대해 알아보았다.  본론에 들어가기 전에 브라우저에서 HTML 내부 Javascript로 작성된 코드가 실행되는 과정에 대해 잠시 정리해보자. 🔎 Javascript 실행원리웹 브라우저는 아래와 같은 구조로 구성된다. 사용자 인터페이스: 검색창, 뒤로가기/앞으로가기 버튼, 새로고침 등 브라우저 프로그램 자체 GUI브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어렌더..

부트캠프에서 React를 처음 접했을 때 CRA(react-create-app)을 통해 앱을 구성하고 실행하였다. 회사에 입사한 후 프론트엔드 개발을 맡게 되면서 프로젝트를 구성하게 되었는데, CRA의 경우 내장 라이브러리가 많아서 규모가 커지면 성능 문제가 발생할 수 있다는 글을 보게 되었다. 따라서 이번 프로젝트에서는 CRA가 아닌 직접 Webpack을 적용하였는데(CRA가 자동으로 Webpack을 적용), 그 과정에서 Webpack이 무엇인지, 어떤 역할을 하는지, 각 설정에 대해 알아보고자 한다. 🔎 Webpack이란 Webpack은 모던 Javascript 애플리케이션을 위한 정적 모듈 번들러이다.Javascript를 위한 모듈 번들러가 Webpack만 있는 것은 아니다. 하지만 이번 포스팅에..