Webpack Module Federation 도입 전에 알아야 할 것들
Webpack Module Federation 도입 전에 알아야 할 것들
Webpack Module Federation의 원격 모듈 로딩 구조와 컨테이너 구성 요소를 설명했습니다. 독립 배포의 장점과 타입·환경별 경로 관리의 제약을 함께 짚었습니다.
#Webpack#Module Federation
2600
프론트엔드 기술 블로그 최신 글
필터 0
7주 차 신입 프론트엔드 개발자, 온보딩 적응기
7주 차 신입 프론트엔드 개발자, 온보딩 적응기
7주 온보딩에서 Angular와 RxJS를 학습하고 코드 리뷰·스크럼으로 실무 적응 경험을 공유했습니다. 공식 문서 정독, 학습 기록 체계화, IDE 메모리 조정의 개선점을 정리했습니다.
#Angular#RxJS
2600
신입 웹프론트엔드 개발자 1개월 차 후기
신입 웹프론트엔드 개발자 1개월 차 후기
웹프론트엔드 신입의 온보딩 경험을 통해 스크럼, 코드 리뷰, WebStorm, Angular 학습 과정을 공유했습니다. 컨벤션 문서 정비와 리뷰어 자동 태그로 협업 흐름을 개선할 지점을 제안했습니다.
#Angular#RxJS
2200
MSW 사용하여 테스트 코드 작성하기 with GraphQL, react-query
MSW로 GraphQL·react-query 요청을 네트워크 수준에서 모킹하는 Jest 테스트 구성을 소개했습니다. 공통 렌더러와 핸들러로 응답별 UI를 검증하는 방법을 설명합니다.
#MSW#GraphQL
3300
GraphQL Interface 자동생성으로 빠르게 프론트엔드 개발하기
GraphQL Interface 자동생성으로 빠르게 프론트엔드 개발하기
GraphQL 스키마를 기반으로 Apollo Codegen에서 TypeScript 인터페이스를 자동 생성하는 방법을 소개했습니다. JSON 스키마를 분석해 프로젝트 요구에 맞는 생성 로직으로 확장하는 방향도 설명합니다.
#GraphQL#React
4500
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북의 독립 렌더링 과정에서 컴포넌트의 책임 과다와 환경 의존성을 발견했습니다. 표현·데이터·레이아웃을 분리해 재사용성과 검증 가능성을 높였습니다.
#Storybook#React
100
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북의 독립 렌더링은 컴포넌트의 과도한 책임과 환경 의존성을 드러내 리팩토링을 유도합니다. 렌더링·데이터·레이아웃을 분리하고 입력 범위를 제한하는 방식을 소개합니다.
#storybook#React
3500
인프콘 티저 페이지 개발기 (like 해커톤)
SEO와 짧은 개발 기간을 고려해 Next.js 정적 페이지를 Cloudflare Pages에 배포했습니다. Mantine 초기 렌더링 이슈와 GA 누락을 운영 직전 보완한 경험을 공유합니다.
#Next.js#Cloudflare Pages
000
React Hook Form의 isDirty와 dirtyFields를 알아보자
React Hook Form의 isDirty와 dirtyFields가 서로 다르게 계산되는 구조를 설명했습니다. setValue 사용 시 shouldDirty 옵션이 상태 재계산에 미치는 영향을 정리했습니다.
#React#React Hook Form
100
웹 접근성이란?
웹 접근성이란?
웹 접근성과 웹 표준의 공통점과 상호 보완 관계를 설명했습니다. 대체 텍스트, WAI-ARIA, 시맨틱 태그 적용 방법을 소개했습니다.
#웹 접근성#웹 표준
3200
무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요?
짧은 API 응답에 스켈레톤을 무조건 노출하면 오히려 화면이 덜그럭거릴 수 있음을 설명했습니다. React Suspense와 성능 지표를 활용한 지연 노출 방식을 제안했습니다.
#React#Suspense
1000
하이브(Hive) SDK 초기화 속도 개선기
Hive SDK의 파일 I/O와 직렬 네트워크 통신, 재시도 구조를 분석해 초기화 지연을 개선했습니다. API 병합·병렬화와 분산 서버 전략으로 3G 환경 초기화 시간을 약 30% 단축했습니다.
#Hive SDK#iOS
3200
리덕스 사가(Redux Saga)란 무엇인가?
Redux의 상태 관리 원칙과 미들웨어의 부수 효과 처리 방식을 설명했습니다. Redux Saga의 제너레이터·이펙트 기반 비동기 제어 API를 정리했습니다.
#React#Redux
2700
지금은 맞고 그때는 틀리다 (기술 블로그 개편 여정)
지금은 맞고 그때는 틀리다 (기술 블로그 개편 여정)
Jekyll 기반 기술 블로그의 기능·확장 한계를 분석하고 Docusaurus로 재구축했습니다. 태그, 목차, 다크 모드와 URL 리다이렉트 기반 마이그레이션을 적용했습니다.
#Docusaurus#Jekyll
2600