해당 글에서는 PM2를 이해하고 특징에 대해서 상세히 알아봅니다.   💡 [참고] 아래의 Socket.io와 관련된 글들을 참고하시면 도움이 됩니다분류링크Socket.io 기반 소켓 서버 구축 방법 -1 : 구성 요소 및 흐름 + React 기반 채팅 화면 구성https://adjh54.tistory.com/548Socket.io 기반 소켓 서버 구축 방법 -2 : Room, Namespace 별 소켓 통신 방법https://adjh54.tistory.com/549Socket.io 기반 소켓 서버 구축 방법 -3: PM2 클러스터링 + Redis 기반 분산 처리https://adjh54.tistory.com/567  PM2(Process Manager 2) 이해하고 주요 특징 알아보기https://ad..

해당 글에서는 소켓 통신을 위해 Socket.io를 기반으로 소켓 서버를 구현하고, 채팅을 하는 예시를 구축해 봅니다.  💡 [참고] 아래의 Socket.io와 관련된 글들을 참고하시면 도움이 됩니다분류링크Socket.io 기반 소켓 서버 구축 방법 -1 : 구성 요소 및 흐름 + React 기반 채팅 화면 구성https://adjh54.tistory.com/548Socket.io 기반 소켓 서버 구축 방법 -2 : Room, Namespace 별 소켓 통신 방법https://adjh54.tistory.com/549Socket.io 기반 소켓 서버 구축 방법 -3: PM2 클러스터링 + Redis 기반 분산 처리https://adjh54.tistory.com/567  PM2(Process Manager..

해당 글에서는 상황에 따라 Node 버전을 바꿀 수 있는 방법에 대해 알아봅니다. 1) 문제점 💡 문제점 - 프로젝트마다 기준이 되는 Node 버전이 있기에 각각 상황에 따라 Node 버전을 지웠다가 다시 설치하는 반복적인 작업이 필요했습니다. 그렇기에 이를 해결하기 위해 필요에 따라 Node를 변경할 수 있는 방법에 대해 알아봅니다. 2) Node 버전 바꾸기 1. n 라이브러리 전역 설치 💡 n 라이브러리 전역 설치 - Node가 설치되어 있고 npm이 설치되어 있다는 가정하에 전역으로 라이브러리 n을 설치합니다. # 전역으로 라이브러리 'n'을 설치합니다. $ sudo npm install -g n n Interactively Manage All Your Node Versions. Latest ve..

해당 글에서는 Front-end에서 용어들에 대해서 정확하게 알고 개념을 이해하기 위한 목적으로 작성한 글입니다. 1️⃣ 저장소 1. 쿠키(Cookie) 💡 웹 브라우저 상에 작은 ‘텍스트 파일’로 저장이 되는 만료 기간이 존재하는 저장소를 의미합니다. [사용 예시] 로그인 화면에서 ‘아이디 자동완성’ 기능에 사용 팝업 화면에서 ‘오늘 하루 보지 않기' 기능에 사용 미 로그인 상태에서 ‘장바구니 담기’ 기능에 사용 2. 로컬 스토리지(Local Storage) 💡 만료기간이 존재하지 않고 페이지를 변경하거나 브라우저를 닫아도 반영구적으로 유지되는 저장소를 의미합니다. 사용 예시 로그인 화면에서 ‘자동 로그인' 기능에 사용 3. 세션 스토리지(Session Storage) 💡 브라우저의 탭 안에서만 유효한..

해당 글에서는 Front에서 용어들에 대해서 정확하게 알고 개념을 이해하기 위한 목적으로 작성한 글입니다. 1️⃣ 구조 1. 컴파일러(Complier) 💡 ‘프로그래밍 언어(고급 언어)’를 컴퓨터가 이해할 수 있는 ‘기계어’로 변환하는 컴파일을 수행하는 것을 의미합니다. [예시] typescript → Javascript로 컴파일을 수행합니다. [예시] Java(.java) → Java(.class)로 컴파일을 수행합니다. [참고] Typescript의 경우 컴파일 단계에서 사전에 오류가 될 사항에 대해 오류를 찾아서 런타임 되기 이전에 확인할 수 있습니다. 2. 트랜스 파일러(Transplier) 💡 트랜스 파일링(Transpling)을 통하여 '특정 언어'를 '다른 언어'로 바꿔 주는 것을 의미합니다..