Fredric News

Tag: WebDev

  • CSS Selectors : Compound Selectors

    💡 CSS Selectors : Compound Selectors — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for CSS Selectors : Compound Selectors. About CSS selectors CSS (Cascading Style Sheets) is responsible for providing styles to HTML elements. To do so, you need to be familiar with selectors because you need to specify the…

  • OAuth 2.0 & OIDC Token Analysis: ID vs Access

    💡 OAuth 2.0 & OIDC Token Analysis: ID vs Access — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for OAuth 2.0 & OIDC Token Analysis: ID vs Access. References and Guidelines (NOTE) ID Token and Access Token are the two main tokens used in the OAuth 2.0 and OpenID Connect (OIDC)…

  • Node.js npm Sheet: Dependency Mgmt & Audit

    💡 Node.js npm Sheet: Dependency Mgmt & Audit — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Node.js npm Sheet: Dependency Mgmt & Audit. Related pages Sub-item Install Command Global / regional classification bash Copy # 현재 프로젝트 (package.yaml) 기준으로 패키지 인스톨 npm i -y $package npm install -y $package #…

  • 모던 프론트엔드 자바스크립트 생태계와 상태 관리 비교

    💡 핵심 요약 (Executive Summary) 본 가이드는 js feature diff Libraries 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • Next.js VS Express.js VS NestJS Next.js VS Express.js VS NestJS 프레임워크 역할 주요…

  • 타입스크립트 고급 타입 시스템: 제네릭·유니온·조건부 타입

    💡 핵심 요약 (Executive Summary) 본 가이드는 typescript 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • Utility Type Utility Type TypeScript의 **유틸리티 타입(Utility Types)**은 이미 정의된 타입들을 변형하거나 새로운 타입을 쉽게 생성할…

  • Node.js npm 패키지 매니저 치트시트: 의존성 관리와 감사

    💡 핵심 요약 (Executive Summary) 본 가이드는 js node npm 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents 1. 관련 페이지 2. Install Command • 전역 / 지역 구분 • Prod / Dev…

  • 모던 자바스크립트 개발 도구: 린터·포매터·번들러 생태계

    💡 핵심 요약 (Executive Summary) 본 가이드는 javascript tools 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • Runtime • Package Manger • Testing Tools • Build Tools • Compiler • ETC The…

  • 자바스크립트 핵심 원리: 이벤트 루프와 비동기 프로그래밍

    💡 핵심 요약 (Executive Summary) 본 가이드는 javaScript 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents 1. 문법 • 타입 • 조건문 • 반복문 • 연산자 2. Features • Number formatting • Sort…