오픈소스 컨트리뷰션 아카데미 지원부터 발대식까지
2023 오픈소스 컨트리뷰션 아카데미의 Backend.AI 프로젝트에 멘티로 참여하게 되었습니다. 오픈소스 컨트리뷰션 아카데미 소개와 발대식 참여 후기에 대해 작성했습니다.
2023-07-09 · 3 min read
오픈소스는 처음이라 :: MDN 문서 번역
MDN Web Docs 번역해서 오픈소스에 기여하는 방법입니다. 번역에 필요한 가이드 문서와 파일 생성 방법에 대해 소개합니다.
2023-02-21 · 4 min read
Gatsby 블로그 배포 속도 개선으로 생산성 높이기 (2)
1편에서는 의존성 캐싱으로 배포 속도를 개선하고 이번에는 빌드 결과물 캐싱으로 개선했습니다. Gatsby의 빌드 과정과 캐싱 방법을 소개합니다.
2022-12-04 · 5 min read
Gatsby 블로그 배포 속도 개선으로 생산성 높이기 (1)
블로그 변경 사항에 비해 배포에 드는 시간이 길다고 느껴 이를 개선해봤습니다. GitHub에서 제공하는 캐시(cache) 액션으로 워크플로우 실행 시간을 단축한 경험을 공유합니다.
2022-11-14 · 5 min read
FEConf 2022 후기
프론트엔드 개발 컨퍼런스인 FEConf 2022 참석 후기입니다. 운이 좋게 티켓팅에 성공하여 평소 가보고 싶었던 컨퍼런스에 오프라인으로 참석할 수 있었습니다.
2022-10-29 · 7 min read
Vercel로 웹 프론트엔드 배포하고 도메인 설정하기
웹 프론트엔드 프로젝트를 Vercel로 배포한 후 커스텀 도메인을 설정하는 과정입니다. Production Branch 등 세부 설정에 대한 내용도 포함하고 있습니다.
2022-01-14 · 2 min read
Gastby 블로그 검색엔진 최적화 방법
Gatsby 프로젝트의 Sitemap.xml, Robots.txt를 생성하고 Google Search Console에 등록하는 과정입니다.
2021-12-31 · 4 min read
react-virtualized를 사용한 무한 스크롤 최적화
react-virtualized 라이브러리를 사용한 무한 스크롤 최적화 방법입니다. windowing 기법과 개발자 도구를 활용한 성능 측정 방법도 포함하고 있습니다.
2021-05-30 · 6 min read
Gatsby는 처음이라 :: 개념부터 프로젝트 시작까지
Gatsby란 무엇인지, 어떠한 장점이 있는지 전반적인 개념에 대해 알아본 후 튜토리얼을 통해 Gatsby 개발을 시작하는 방법에 대해 정리했습니다.
2021-05-24 · 7 min read
useRef는 처음이라 :: 개념부터 활용 예시까지
React useRef 개념과 대표적인 3가지 활용 방법을 예제와 함께 정리했습니다. 특정 DOM 선택하기, 컴포넌트 안의 변수 만들기, 리렌더링 방지하기
2021-05-14 · 7 min read