made by 이형주
업데이트 기록..
-
2024-06-09 검색기능
프론트쪽에서 검색기능 구현위해 lunr.js를 활용해 인덱스 생성
검색결과 목록을 클릭해 페이지 이동시 모바일과 같은 렌더링이 느린 기기에서 보면 제대로된 위치로 이동이 잘 안되는 경우 발생 - 개선 필요
PC와 같이 렌더링 속도가 빠른 기기에서는 해당 현상이 거의 발생하지 않음
해당 블로그 만든 이유
- gatsby, vuepress와 같은 SSG 빌드할 수 있는 프레임워크 사용했으나 커스텀 어려움 겪음
- 내가 원하는 모든걸 커스텀할 수 있도록 아예 어떤 프레임워크도 쓰지않고 블로그 만듦
-
이 블로그 만들면서 사용한 기술스택
- javascript, nodejs
- markdown parsing - marked
- code block - prismjs
- image optimizing - sharp
- minify, uglify - terser
- yaml
- meta - front-matter
- indexing for search - lunr
- monorepo - pnpm
- git action
- robots, sitemap for SEO
- 기타 등등..
위 기술들을 적용했지만 아직 보완이 필요한 부분들이 많음