2025년 04월 06일 · 10분 분량

앵귤러는 화면을 어떻게 그릴까?

앵귤러 성능 개선의 핵심, 렌더링 원리 이해하기! Zone.js부터 변경 감지, 실제 DOM 업데이트까지 앵귤러의 작동 방식을 배우고, OnPush 전략을 적용하여 앱 성능을 최적화하는 방법을 알아보세요.

프론트엔드

앵귤러

렌더링

2024년 11월 21일 · 3분 분량

Sass @import 및 Legacy API 해결 방법

Sass의 @import 구문이 Dart Sass 3.0.0에서 사용 중단되며, Legacy JS API도 더 이상 지원되지 않습니다. 이 글에서는 @use와 @forward로의 전환 방법을 설명하고, Vite에서 Legacy API 경고를 해결하는 방법을 안내합니다. Sass와 Vite 설정을 최신 상태로 유지하여 원활한 개발 환경을 구축하세요.

프론트엔드

2024년 09월 08일 · 14분 분량

쉐도우 돔을 스타일링 하는 방법

HTML은 모두 DOM으로 변환된다. DOM은 자바스크립트로 엑세스하고 CSS로 스타일링 할 수 있다. Shadow DOM은 요소 내부에 Shadow DOM 이라는 자체 DOM을 생성할 수 있다. 웹 사이트의 소스를 보다가 위와 같은 것을 발견한다면 그것이 쉐도우 돔이 적용된 것이다. Shadow DOM을 사용하는 이유? 페이지의 다른 자바스크립트나 CSS로 부터 컴포넌트를 보호 컴포넌트에 대한 …

프론트엔드

2024년 07월 06일 · 7분 분량

React Suspense에 대해서 알아보자

React Suspense는 비동기 작업 완료까지 컴포넌트 렌더링을 잠시 멈추고, 로딩 상태를 보여줍니다. Suspense 컴포넌트는 fallback 속성을 사용해 대기 UI를 정의하며, React.lazy로 동적 로딩을 지원합니다. API fetch와 메모리 캐싱 기법을 통해 비동기 데이터 관리를 효율화합니다.

리액트

프론트엔드

2024년 05월 01일 · 4분 분량

BLEX 2024 4월 개발노트

BLEX의 2024년 4월 개발노트입니다. 초대장을 도입하여 오픈형 블로그에서 다소 폐쇠적인 서비스로 변경되었습니다. 메인 페이지, 프로필 페이지의 디자인이 리뉴얼 되었으며 시리즈 페이지의 UI가 개선되었습니다. 개발노트에 작성한 작업들을 진행하며 느낀점을 담은 월간회고를 작성하였습니다.

블렉스

개발노트

2024년 04월 27일 · 15분 분량

웹 앱 API 개발을 위한 GraphQL 1~4장 정리

GraphQL을 보다 잘 사용하기 위해서 '웹 앱 API 개발을 위한 GraphQL' 도서의 1-4장 부분에서 새롭게 알게된 것이나 주요한 내용들을 정리하였습니다. GraphQL 소개, 그래프 이론, GraphQL 쿼리 작성과 스키마 설계에 대한 내용을 다루고 있습니다.

백엔드

프론트엔드

2024년 04월 13일 · 4분 분량

Docker 이미지 사이즈 최적화

문득 내가 이용하는 도커 이미지들의 사이즈가 엄청 작다는 것을 알게 되었다. 내가 빌드한 것은 GB 단위여서 당연히 그게 정상인 줄 알았는데 애용한던 filebrowser/filebrowser는 30.6MB밖에 되지 않았다. 그래서 이번에 이미지 사이즈를 최적화 하는 방법에 대해서 알아 보았다. 시험삼아 이미지 사이즈를 최적화해 볼 이미지는 sd-prompt-palette 프로젝트다.

도커

2024년 04월 07일 · 11분 분량

2024 1분기 회고

1월 회고[업무]회사에서 중요한 프로젝트를 진행중이다. 이 작업을 하면서 내가 주체적으로 일하지 않는다는 생각이 강하게 들었다. 그냥 시키는 대로만 하고 그 외에 부분은 크게 신경쓰지 않는 태도로 작업을 했던것 같다. 아직 업무에 익숙하지 않아서 그런걸 수도 있겠지만, 다음 프로젝트에서는 개선하도록 해야겠다. [되고 싶지 않은 모습]뭘 해야될지 모를 때... 삶의 목표를 잡아주는 …

회고

2024년 03월 11일 · 3분 분량

2023년 12월 25일 · 1분 분량