Post

Node.js

[React][Node.js] 실시간 알림 시스템 구축 (feat. WebSocket, SSE)

개발중에 DB의 값이 변하면 실시간으로 웹페이지에 값이 변하는 기능을 구현을 하고있었다. (물론 새로고침 없이) 리액트 쿼리를 사용하기 등 여러 방법을

26 2월

git

[Git] 깃모지(gitmoji) 가이드

소프트웨어 개발을 할 때, 커밋 메시지는 팀 협업과 히스토리 추적에 있어 매우 중요한 역할을 담당한다. 그런데 원래 커밋 메시지는 텍스트

30 1월

React

[React] Redux Toolkit 사용하기

리액트 프로젝트를 진행하다가 페이지 매뉴를 여러곳에서 사용할 일이 생기다 보니 코드가 너무 지저분해져서 Redux Toolkit을 사용하여 깔끔하게 작업을 했다. 이번

27 1월

Typescript

[Typescript] Discriminated Union 타입

Discriminated Union(식별 가능한 유니언 타입) 은 타입스크립트의 타입 추론 시스템을 극대화하는 핵심 기술이다. 복잡한 타입 관계를 단순화하고 런타임 안정성을

27 1월

Typescript

[Typescript] Union 타입

타입스크립트의 Union 타입은 단순한 기술을 넘어 타입 시스템의 유연성과 안정성을 동시에 잡는 핵심 기능이다. 1. Union 타입이란? 🌈 여러 타입을 하나로

27 1월

Typescript

[Typescript] 타입스크립트의 꽃 🌸 Type Alias

타입스크립트의 Type Alias(타입 별칭) 는 코드의 가독성과 유지보수성을 높여주는 핵심 기능이다. 이 기능을 제대로 활용하면 타입스크립트 개발의 효율성이 200%

27 1월

Typescript

[Typescript] 타입스크립트의 기본 타입

타입스크립트의 주요 기본 타입 10가지에 대해서 예제 코드와 함께 설명한다. number: 숫자타입 let age: number = 30; let price: number = 9.

26 1월

IntelliJ

[IntelliJ] 💾인텔리제이 터미널에서 cmder 사용하기

IDEA에서 cmder 사용하기 IntelliJ 터미널은 기본 Powershell을 사용하고 있다(윈도우 기준) 나는 cmder을 주로 사용하고있는데 IDAE의 터미널을 cmder로 사용할수 없나

25 1월

vscode

[VSCode] settings.json 설정 가이드

나는 원래 IntelliJ IDEA를 사용해왔었다. 그러다 개인 사정으로 VSCode를 사용하게 될 일이 있어서 요 근래 VSCode로 계속 코딩을 하다 보니

24 1월

React

[React] useState와 useEffect 활용 예제

React 개발을 하면서 useState와 useEffect를 언제 사용해야 하는지 고민했던 경험과 실전에서 활용 가능한 몇가지 예제들을 공유하고자 한다. 사용자 입력 관리

13 1월

React

[React]Vite + React 프로젝트에 Tailwind CSS 설정하기

Vite + React로 생성한 프로젝트에서 Tailwind CSS 설정 시 제대로 사용이 되지 않는 어려움이 있어서 설정 및 사용법에 대해서 포스팅 해본다.

13 1월

React

[React]useState와 useEffect 가이드(Hook) 및 useState와 useEffect의 유의사항

1. React 훅(Hook)이란? React는 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 기능을 활용하기 위해 Hook이라는 개념을 도입했다. useState와

07 1월

ubuntu

[Ubuntu] Docker 설치하기🐳✨

1. Docker란 무엇인가? 🤔 Docker는 애플리케이션을 컨테이너라는 가상 환경에서 실행할 수 있도록 하는 플랫폼이다. 컨테이너는 애플리케이션과 그에 필요한 라이브러리, 종속성을 묶어

01 1월

ubuntu

[Ubuntu] GeoIP와 Fail2Ban을 이용해 해외 IP 차단으로 SSH 보안 강화하기 🌍🔒

1. GeoIP와 Fail2Ban을 사용하는 이유 서버를 안전하게 운영하기 위해 SSH 보안은 필수이다. 특히 해외 IP를 통한 무차별 대입 공격을 방지하기

30 12월

NAS

[NAS]Synology NAS에서 Portainer 설치 및 초기 설정하기 🛠️✨

1. 왜 Synology NAS에서 Portainer를 사용할까? 🤔 Portainer는 컨테이너 관리 도구로, Docker 환경을 시각적으로 관리할 수 있는 강력한 인터페이스를 제공한다. Synology

28 12월

Docker

[Docker] [NAS] Synology NAS에서 Docker(Container manager)가이드(Gitea 설치하면서 배워보자)

Synology NAS에서 Container Manager 가이드 With. Gitea 🛠️✨ Docker란 무엇인가?🤔 Docker는 어플리케이션을 컨테이너라는 표준화된 단위로 패키징하고 실행할 수 있게 해주는 플랫폼이다.

27 12월

Node.js

[Node.js] 디버깅을 해보자(Feat. IntelliJ IDEA)

IntelliJ IDEA에서 Node.js 디버깅하기 🛠️✨ IntelliJ IDEA 2024.03 (한글 환경 기준) 1. 왜 IntelliJ에서 Node.js를 디버깅할까? 🤔 IntelliJ IDEA는

18 12월

Node.js

[Node.js] TCP/IP 소켓 통신하기

Node.js에서 TCP/IP 사용하는 법 🌐✨ 1. TCP/IP란 무엇인가? 🤔 * *TCP/IP(Transmission Control Protocol/Internet Protocol)**는 인터넷과 네트워크에서

18 12월