자바스크립트 모듈의 역사
제텔카스텐
js
views
이 글은 Next.js 블로그에서 rehype-pretty-code 플러그인을 사용하여 코드 블록에 제목, 줄 번호, 줄 단위 및 단어 단위 하이라이팅을 추가하는 방법을 다룹니다. 이 플러그인을 사용하여 블로그 글을 더 깔끔하고 이해하기 쉽게 작성할 수 있습니다.
Blog
2023년 부터 주로 웹 개발에 대해 글을 쓰고 있어요. 기술 자체보다 문제 해결을 위한 활용에 더 관심이 많은 개발자에요. 지금까지 블로그에 총 3개의 글을 작성했어요.
All Posts
Next.js 블로그에서 코드 블록 꾸미기, rehype-pretty-code 플러그인 활용법
views
이 글은 Next.js 블로그에서 rehype-pretty-code 플러그인을 사용하여 코드 블록에 제목, 줄 번호, 줄 단위 및 단어 단위 하이라이팅을 추가하는 방법을 다룹니다. 이 플러그인을 사용하여 블로그 글을 더 깔끔하고 이해하기 쉽게 작성할 수 있습니다.
Chrome Devtools와 Vue Devtools를 활용한 Vue 앱의 퍼포먼스 이슈 원인 분석
views
프론트엔드 프로젝트에서 발생한 퍼포먼스 이슈를 해결하는 과정을 다룹니다. Chrome Devtools의 퍼포먼스 프로파일링과 Vue Devtools를 활용하여 원인을 분석하고, 특정 컴포넌트의 과도한 Mount 이벤트가 문제의 원인임을 확인합니다. 이후 적절한 컴포넌트로 교체하여 성능 개선을 확인합니다. 이 글은 웹 앱 개발자들에게 효과적인 퍼포먼스 디버깅과 개선에 대한 인사이트를 공유하고자 작성되었습니다.