트러블슈팅
1.커뮤니티 좋아요 기능 개선하기
좋아요 기능을 javascript를 이용해 구현해보고, 이를 사용자경험(UX)와 서버 리소스 측면에서 개선할수 있는 방법을 고민해봅니다
2023년 2월 14일
2.탭 전환시 화면이 깜빡거리는 문제 해결하기
이미지 렌더링 과정에서의 문제를 소개하고 이를 다양한 방법으로 최적화 해봅니다.
2023년 2월 18일
3.클러스터링을 활용하여 지도 렌더링 최적화하기(feat. 오픈소스 배포하기)
클러스터링을 이용해 지도의 렌더링을 최적화한 사례 및 이를 오픈소스로 배포한 경험을 공유합니다.
2023년 3월 20일
4.Next.js 의 SSG, SSR, ISR 적절하게 적용하기
Next.js에서의 pre-render에 대해서 자세히 알아보고 이를 효율적으로 적용하는 방식에 대해서 알아봅니다.
2023년 2월 21일
5.react 컴포넌트 분리하기
react로 프로젝트를 개발하다보면 컴포넌트를 어떻게 분리해야할지에 대해 고민하게됩니다. 이에 대해 제가 고민했던 내용을 소개합니다.
2023년 2월 24일
6.무한 스크롤 만들어보기(with.react)
react를 이용하여 Infinity scroll을 구현하고 이를 최적화해봅니다
2023년 2월 27일
7.무한 캐러셀 만들어보기(with. react)
배너라고 불리는 캐러셀중, 요소를 계속해서 넘길수 있는 무한캐러셀을 만드는 방법에 대해서 알아봅니다.
2023년 3월 3일
8.requestAnimationFrame api 사용하기
requestAnimationFrame api에 대해 소개합니다.
2023년 3월 10일
9.lazy loading을 적용하여 초기 로드시간 개선하기
lazy loading을 사용해 이미지 성능최적화를 시도한 사례를 공유합니다.
2023년 3월 17일
10.pre loading으로 이미지 렌더링 개선하기
pre loading으로 ui를 개선해본 경험을 공유합니다
2023년 3월 19일
11.react 에서는 어떻게 이벤트를 처리하고 있을까?
react에서 이벤트를 처리하는 방식에 대해서 소개합니다.
2023년 3월 14일
12.webpack 과 babel을 이용하여 프로젝트 세팅하기
create-react-app을 이용하지 않고 webpack과 babel을 이용하여 react 프로젝트 개발환경을 구축해봅니다.
2023년 3월 8일