React 2

Gatsby(개츠비)

😎 한 줄 요약(잘난 척용)“Gatsby는 리액트로 만든 ‘초고속 정적 웹사이트’ 프레임워크다.”Gatsby(개츠비)란 무엇인가?리액트 기반 정적 웹사이트 개발 프레임워크1. Gatsby를 한 문장으로 설명하면Gatsby는 리액트(React)를 사용해 정적 웹사이트를 만드는 프레임워크다.여기서 중요한 포인트는 두 가지다.리액트 기반정적(static) 웹사이트2. 정적 웹사이트가 뭐길래? (아주 쉽게)정적 웹사이트는 이렇게 동작한다.미리 HTML 파일을 만들어 두고사용자가 접속하면 그대로 보여준다그래서빠르고안정적이고서버 부담이 적다👉 블로그, 회사 소개 페이지, 포트폴리오에 딱이다.3. Gatsby는 뭐가 특별할까?1️⃣ 리액트로 만든다Gatsby는 내부적으로 리액트 컴포넌트를 사용한다.JSX 문법 사..

카테고리 없음 2025.12.25

shadcn/ui

😎 한 줄 요약(잘난 척용)“shadcn/ui는 ‘복붙해서 쓰는’ 리액트 UI다.”shadcn/ui란 무엇인가?디자인 시스템을 코드로 가져다 쓰는 UI 컬렉션1. shadcn/ui를 한 문장으로 설명하면shadcn/ui는 미리 만들어진 리액트 UI 코드를 ‘라이브러리처럼 설치’하는 대신, ‘내 프로젝트로 복사해 쓰는’ UI 모음이다.즉, npm으로 덩어리를 깔아두는 게 아니라 필요한 컴포넌트 코드만 내 코드로 가져와서 직접 소유한다.2. 왜 shadcn/ui가 등장했을까? (아주 쉽게)기존 UI 라이브러리는 편하지만 이런 단점이 있다.커스터마이징이 어렵다내부 구조를 건드리기 힘들다버전 업 시 깨질 수 있다shadcn/ui의 생각은 다르다.“라이브러리로 숨기지 말고,그냥 좋은 코드를 너 프로젝트에 넣어라..

카테고리 없음 2025.12.22
반응형