Fredric News

Tag: 프론트엔드

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

    💡 핵심 요약 (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…

  • CSS 선택자(Selector) 완벽 가이드: 복합 선택자와 명시도

    💡 핵심 요약 (Executive Summary) 본 가이드는 css 선택자(selector) 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents 1. CSS selector에 대해 2. 기본 CSS selector 3. 복합 CSS selector 4. 가상 클래스 셀렉터…

  • Vue 2에서 Vue 3 마이그레이션: Composition API 도입

    💡 핵심 요약 (Executive Summary) 본 가이드는 vue vue2→vue3 migration 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. Reference & Guidelines (NOTE) BookMarkshttps://dev.grapecity.co.kr/bbs/board.php?bo_table=Insight&wr_id=73 https://vuejs.org/#breaking-changes https://ui.toast.com/weekly-pick/ko_20200804 https://webpack.kr/configuration/dev-server/#devserver https://kyounghwan01.github.io/blog/Vue/vue3/global-state/#%E1%84%86%E1%85%A9%E1%86%A8%E1%84%91%E1%85%AD https://v3-migration.vuejs.org/migration-build.html#installation https://www.vuemastery.com/blog/vue-3-migration-build/ https://github.com/logaretm/vee-validate/issues/3438 //vee-validate 3 to 4 migration is failed…

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

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

  • 웹 유틸리티 허브 v1.0.41.5 릴리즈: 글로벌 및 지역 특화 광고 체계 구축 & 숏 배너 단일 규격 일원화

    안녕하세요! 웹 유틸리티 허브(apps.fredric18.uk) 서비스 팀입니다. 이번 v1.0.41.5 릴리즈에서는 국내외 사용자의 사용자 경험(UX)을 극대화하고 검색 유입 트래픽에 맞춰 광고 수익화 구조를 최적화한 글로벌 vs 지역 특화 광고 교차 순환 체계 및 Short 배너 단일 규격 일원화 업데이트가 적용되었습니다. ⭐️ 1. 글로벌 vs 지역 특화(ko) 제휴 광고 분리 및 로케일별 최적 노출 이전까지 일률적으로 배치되던 제휴…

  • [릴리즈 노트] Web Utility Hub v1.0.39 업데이트: 전체 30개 유틸리티 다국어 모듈레이션 및 제로 컨디션 아키텍처 완성

    안녕하세요, Fredric18 Web Utility Hub 개발팀입니다. 오늘 v1.0.39 릴리즈를 통해 서비스 내 전체 30개 웹 유틸리티에 대한 국·영문 다국어(i18n) 모듈레이션 100% 완료 및 프론트엔드 제로 컨디션(Zero-Condition Outside i18n) 아키텍처를 정식 적용하였습니다. 🌟 주요 업데이트 및 아키텍처 개선 사항 1. 전체 30개 웹 유틸리티 국·영문 다국어(i18n) 모듈레이션 완료 기존의 거대한 단일 딕셔너리 구조를 7대 도메인별 딕셔너리(금융,…

  • Essential Utility for Designers & Devs: Smart Color Picker & Converter

    Translating colors across HEX, RGB, HSL, and CMYK formats is a routine task for web designers and front-end developers. The Smart Color Picker provides an intuitive interactive palette along with instant cross-format conversion. With one-click clipboard copying, it streamlines modern UI/UX design workflows. Key Features: Interactive visual color picker, instant HEX/RGB/HSL/CMYK conversion, quick clipboard copy.…