React: 컴포넌트
컴포넌트(Component)는 React UI를 구성하는 독립적이고 재사용 가능한 최소 단위입니다. 마치 레고 블록처럼, 작은 컴포넌트들을 조합해 복잡한 UI를 만듭니다.
개발 지식 노트
주제를 골라 개념과 사용 예제를 살펴보거나, 아래에서 최근 글을 확인하세요.
프로그래밍 언어
클라우드와 컨테이너
- Kubernetes 23개 글
- 플랫폼 3개 글
- AWS 4개 글
- 네트워킹 1개 글
- Argo 3개 글
- 클라우드 서비스 모델 9개 글
- BaaS 2개 글
- Docker 4개 글
- 서비스 메시 4개 글
데이터와 데이터베이스
- MySQL 5개 글
- 도구 1개 글
- 기본 개념 8개 글
- Mongodb 1개 글
- Redis 1개 글
- Dynamodb 1개 글
- Clickhouse 1개 글
- Duckdb 1개 글
- PostgreSQL 1개 글
- SQL 5개 글
- Elasticsearch 9개 글
시스템과 네트워크
소프트웨어 개발
관측과 모니터링
AI
- AI 31개 글
알고리즘
- 알고리즘 7개 글
보안
에세이
- 에세이 4개 글
웹 개발
- React 24개 글
최근 포스트
React: JSX
JSX(JavaScript XML)는 JavaScript 코드 안에서 HTML과 유사한 문법을 사용할 수 있게 해주는 React의 문법 확장입니다. JSX는 브라우저가 직접 이해하지 못하므로 Babel/Vite가 일반 JavaScript로 변환합니다.
React: TypeScript 기초
React 포스트의 모든 예제 코드는 TypeScript로 작성되어 있습니다. TypeScript는 JavaScript에 타입을 추가한 언어로, 코드 작성 시 오류를 미리 잡아줍니다. React 개발에 필요한 TypeScript 기초만 간단히 정리합니다.
React: Hello World
React에서 첫 화면을 출력하는 방법을 알아봅니다.
React: 환경 설정
React 프로젝트는 Vite를 사용해 생성하는 것이 현재 표준입니다. Vite는 빠른 개발 서버와 최적화된 빌드를 제공합니다.
React: npm 명령어
React(Vite) 개발에 사용되는 핵심 명령어들을 카테고리별로 정리합니다. 모든 npm 명령어는 npm help 로 상세 도움말을 확인할 수 있습니다.
React: 릴리스 노트
React는 Meta(구 Facebook)가 개발한 오픈소스 JavaScript UI 라이브러리
React: 개요
Meta(구 Facebook)가 개발한 오픈소스 JavaScript UI 라이브러리
GitHub: coverage badge
GitHub Actions CI/CD 파이프라인에서 테스트 커버리지를 자동으로 계산하고, GitHub Gist와 Shields.io를 활용하여 README에 동적 커버리지 뱃지를 표시하는 방법을 소개합니다.
PostgreSQL: PG Back Web
사용자 친화적인 웹 인터페이스로 손쉽게 PostgreSQL을 백업하는 툴