Minstudio - 프론트엔드 개인 개발 노트
웹 리소스 & 레퍼런스
웹 개발에 필요한 에셋과 레퍼런스 도감입니다. 원하는 항목을 빠르게 찾아 복사하세요.
HTML 엔티티 코드
웹 페이지에서 특수 문자를 안전하게 표현하기 위해 자주 사용하는 HTML 엔티티 코드 모음입니다. 클릭하여 바로 복사하세요.
필수 SVG 아이콘
웹 디자인에 필수적으로 사용되는 깔끔한 SVG 아이콘 모음입니다. 외부 라이브러리 없이 순수 SVG 코드를 클릭하여 복사하세요.
CSS 커서 도감
다양한 CSS 커서(Cursor) 속성들을 직접 마우스오버하여 체험해보고, 필요한 CSS 코드를 클릭하여 복사하세요.
필수 무료 웹 폰트
실무에서 가장 많이 사용되는 상업용 무료 폰트 모음입니다. 웹폰트 import 구문과 font-family 코드를 클릭하여 바로 복사하세요.
프론트엔드 개발
웹의 화면을 구성하고 사용자와 상호작용하는 프론트엔드 핵심 기술을 체계적으로 학습합니다.
HTML (마크업 & API)
웹 페이지의 뼈대를 이루는 마크업 구조부터 브라우저 내장 웹 API(Fetch, Storage, Observer 등)까지 체계적으로 학습합니다.
CSS (스타일 & 애니메이션)
기초 스타일링부터 Flexbox/Grid 레이아웃, 그리고 화려한 @keyframes 애니메이션 기법까지 마스터합니다.
JavaScript (ES6+)
초보자를 위한 코어 문법부터 DOM 조작, 이벤트 루프, 비동기(Promise, Async/Await) 등 모던 JS의 모든 것을 배웁니다.
TypeScript
정적 타입 기초, 제네릭, 유틸리티 타입 등 안전하고 견고한 애플리케이션을 작성하기 위한 실무 타입스크립트를 다집니다.
React
컴포넌트와 상태 관리(Hooks) 기초부터 Zustand, React Query 활용, 나아가 Next.js App Router 입문까지 실무 기술을 마스터합니다.
Next.js 14+
서버 컴포넌트(RSC), 서버 액션, 강력한 데이터 패칭 및 캐싱 전략 등 실무 표준 풀스택 프레임워크를 학습합니다.
Vue 3
초보자도 쉽고 빠르게 배우는 Vue 3! 최신 Composition API와 Pinia를 활용하여 직관적이고 강력한 SPA를 개발합니다.
Nuxt 4+
최신 디렉토리 구조와 Nitro 서버 엔진을 활용하여 직관적이고 강력한 풀스택 웹 애플리케이션을 개발합니다.
검색 엔진 최적화 (SEO)
웹사이트가 구글, 네이버 검색에 잘 노출되도록 하는 핵심 메타 태그와 기술적 SEO 최적화 기법을 배웁니다.
백엔드 개발
데이터베이스, API, 서버 등 웹의 보이지 않는 뒷단을 구축하는 백엔드 기술을 학습합니다.
PHP & 아키텍처
서버 사이드 렌더링 기초, 데이터베이스 연동, 그리고 Modern PHP 아키텍처(OOP, 라우팅 패턴)를 다집니다.
Slim Framework(PHP)
마이크로 프레임워크인 Slim 4를 활용하여 의존성 주입(DI), 미들웨어, REST API 설계 등 견고한 웹 백엔드 시스템을 구축합니다.
Node.js & Express
V8 엔진과 논블로킹 I/O 원리부터 Express 라우팅, JWT 인증, 소켓 통신(Socket.io) 등 실무 최상위 백엔드 기술을 마스터합니다.
Java (기초 & 모던 자바)
객체지향 프로그래밍(OOP)의 원리부터 JVM 메모리 구조, 그리고 제네릭과 스트림(Stream API)까지 엔터프라이즈 백엔드 필수 언어를 마스터합니다.
Kotlin (기초 & 중급)
간결하고 안전한 모던 문법으로 자바를 완벽히 대체하는 코틀린! 기초 문법부터 널 안전성, 고차 함수 등 실무 필수 개념을 학습합니다.
소프트웨어 아키텍처 & 공학
유지보수가 쉽고 확장 가능한 시스템을 설계하기 위한 핵심 원칙과 패턴을 학습합니다.