파일 구조의 일관성 유지

• 프론트엔드 파일 조직 방법의 논쟁 존재
• 개인적 판단보다 팀 단위의 일관성 필요

팀 일관성의 중요성

• 기존 구조에 맞춰 조정 선호
• 일관된 코드베이스 유지가 중요
• 파일명 규칙 적용으로 불필요한 논의 피하기
• unicorn/filename-case 규칙 예시 사용

배럴 파일 사용 중단의 필요성

• 배럴 파일 정의 및 사용 장점 설명
• 순환 참조 문제 발생 가능성
• 배럴 파일 사용 자제 권장

함께 읽으면 좋은 참고 자료

• React 프로젝트 파일 조직 방법
• 효과적인 자바스크립트 패턴
• 클린 코드 관련 서적 추천

LFI 라이브러리 개요

• LFI는 자바스크립트와 타입스크립트를 위한 Lazy Functional Iteration 라이브러리임.
• 동기, 비동기 및 동시(iteration) 처리를 지원함.
• 독립적 연산 수행 설계로 성능 우수함.

동시(iteration) 처리

• 각 데이터 아이템 개별적으로 처리함.
• 전체 반복 작업 처리 속도 향상시킴.
• 매핑과 필터링 동시에 수행하여 시간 단축함.

성능 비교

• LFI 사용 시 처리 시간이 6초로 단축됨.
• p-map 사용 시 처리 시간이 10초 소요됨.
• LFI로 병목 현상 최소화하여 효율성 높임.

지연 평가 및 메모리 효율성

• 지연 평가 방식 채택해 메모리 사용 최적화함.
• 대규모 데이터 처리 시 메모리 낭비 줄임.
• 배열 미리 생성하지 않고 필터링과 매핑 수행 가능함.

추천 자료

• Functional Programming in JavaScript
• Asynchronous JavaScript: Patterns and Practices
• Efficient Data Processing with Concurrent Iteration

WXT 소개

• WXT는 웹 확장 프로그램 개발을 빠르게 수행.
• 오픈 소스 웹 익스텐션 프레임워크로 설계.

주요 기능

다양한 브라우저 지원

• Chrome, Firefox, Edge, Safari 등 지원.
• 하나의 코드베이스로 여러 브라우저 타겟화 가능.

MV2 및 MV3 지원

• Manifest V2와 V3 모두 지원.
• 동일 코드베이스로 다양한 브라우저용 확장 프로그램 빌드 가능.

빠른 개발 모드

• 초고속 HMR과 콘텐츠/백그라운드 스크립트 빠른 리로드 제공.
• 개발 속도 크게 향상.

파일 기반 엔트리포인트

• 파일 기반으로 매니페스트 생성.
• 프로젝트 구조 단순화 및 관리 용이.

TypeScript 기본 지원

• TypeScript 기본 지원으로 안정적 개발 가능.
• 타입 안전성으로 버그 감소.

자동 임포트

• 모듈 자동 임포트 기능 제공.
• 코드 작성 번거로움 감소.

자동화된 퍼블리싱

• 압축, 업로드, 제출, 퍼블리싱 자동화.
• 반복 작업 시간 낭비 방지.

프론트엔드 프레임워크 독립적

• Vite 플러그인을 통해 다양한 프레임워크 호환.
• 개발자 선택의 자유 제공.

모듈 시스템

• 코드 재사용성을 높이는 모듈 시스템 제공.
• 유지보수 용이성 증가.

프로젝트 템플릿

• 다양한 프로젝트 템플릿 제공.
• 초기 설정 시간 단축.

번들 분석 및 원격 코드 다운로드

• 최종 번들 분석 도구 제공.
• 원격 코드 다운로드 가능.

빌더 패턴 정의

• 복잡한 객체 생성 과정과 표현 분리
• 단계별 객체 생성 방법 제공
• 가독성과 유지보수성 향상

문제점 해결

• 선택적/상호 의존적 객체 생성 복잡성 해결
• 다양한 속성을 가진 캐릭터 생성 예시
• 코드 복잡성 감소 및 유연성 유지

실제 프로젝트 활용

• 게임 개발에서 캐릭터 생성 단순화
• TypeScript로 구현된 빌더 패턴 예시
• 가독성 향상 및 확장 용이성을 제공

참고 자료

• 디자인 패턴 관련 서적
• GoF 디자인 패턴
• 클린 코드 관련 서적

litdb 개요

• litdb는 TypeScript/JavaScript용 타입 안전 SQL 빌더
• SQLite, MySQL, PostgreSQL과 호환 가능

주요 기능

• SQL과 유사한 문법 사용 가능
• 타입 안전한 쿼리 빌더 구조 제공

설치 및 호환성

• npm으로 간편 설치
• 브라우저에서 모듈 형태로 사용 가능

지원되는 드라이버

• 다양한 RDBMS에 대한 경량 드라이버 제공
• Bun SQLite, better-sqlite3, postgres.js, mysql2 지원

드라이버 사용법

• 각 드라이버는 커스텀 파라미터화된 SQL 실행 가능
• 경량 데이터 어댑터로 동기/비동기 API 권장