개발 | d3h1 Blog

내가 LCP를 개선한 방법

따로 글을 쓰지 않았지만, 최근 블로그를 개선하는 작업을 하고 있습니다. 이 블로그는 2023년 Jekyll를 이용하다, Next.js를 기반으로 Contentlayer라는 종속성에 의존하여 개발되었었습니다. 최근 제가 작성했던 코드들을 개선하고자 블로그를 최근 @next/mdx에 의존하도록 변경하고, 여러 문제점을 해결해나가는 중에 LightHouse 검…

이제 Next.js에서 파라미터 쓰는 법

App Router를 쓰는 Next.js 15부터 많은 동기 API가 비동기화 되었습니다. 그 중, params와 searchParams가 비동기 Promise화가 되었습니다. Client Component에서는 use() 훅을 통한 동기 접근이 가능해집니다. 이에 대한 변경점에 대해 알아봅니다. params와 searchParams는 왜 Promise가…

Next.JS 블로그 사이트맵 만들기

Next.JS로 블로그를 개편한 지도 거의 2개월이 되어가는데요. 검색했을 때 블로그가 나오게 하려면 웹마스터 도구에 등록해야 합니다. 하지만 글을 작성할 때마다 글의 주소를 일일이 등록해 주어야 합니다. 하지만 사이트맵이 있다면, 그럴 필요가 없는데요. 만들어 봅시다. 본 내용은 next-contentlayer를 사용한 프로젝트를 기준으로 합니다. 정적…

Termius 학생 인증 받기

Termius는 SSH 접근을 돕는 아주 유용한 도구입니다. 깔끔하고 사용하기 편해 아주 인기가 높죠. 하지만 월 $10짜리 Pro 요금제를 구독을 하지 않는다면 Autocomplete, SFTP, Environment Variables와 같은 자동화를 돕는 도구나 SOCKS Proxy, HTTP Proxy 같은 터널링 기능을 사용할 수 없습니다. 조금 웃…

JetBrains 무료 교육용 라이선스 받기

저번에는 GitHub Student Developer Pack을 받아봤습니다. 이제 이것을 이용해서 JetBrains IDE를 무료 교육용 라이선스를 이용해 사용할 수 있는데요. 바로 받아봅시다. 받기 JetBrains 무료 교육용 라이선스를 받기 위해 먼저 www.jetbrains.com/shop/eform/students/에 들어가면 아래와 같이 여러…

GitHub Student Developer Pack 받기

만약 학생(중학생, 고등학생, 대학생 등)이거나 교직원이라면 GitHub Student Developer Pack을 받을 수 있습니다. 이것을 받게되면 일단 GitHub Profile에 Pro Label이 추가가 되며, GitHub Copilot, JetBrains Licenses를 얻는 등 다양한 혜택이 주어집니다. 바로 받아봅시다. 받기 GitHub S…

Next.JS로 블로그를 다시 만들었습니다.

블로그가 개설된 지 2개월 하고도 1주일이 지났습니다. 올릴 글은 많았지만 올리지 않았습니다. 블로그가 개설된 이후 제가 짜 놓은 코드 꼬락서니가 마음에 들지 않았고 그래서 글도 쓰기 싫어 방치했습니다. 사실 그것도 있고 시간이 많이 없었는데요. 어떤 기회로 Next-Contentlayer를 사용하는 프로젝트를 할 기회가 있어서 그 프로젝트로 어느 정도 감…

개발

Jekyll를 이용해 블로그를 만들었습니다.

안녕하세요. 오늘은 블로그를 개설하고 처음 제대로 된 글을 작성해보려고 합니다. 이 블로그를 만든 경험과 사용된 코드들을 공유하려고도 합니다. 블로그가 가지고 싶어! 어느 날, 자기 전에 블로그가 가지고 싶다는 생각이 들었습니다. 급하게 이불을 걷어 차고 책상 앞에 앉아 주로 사용되는 티스토리와 네이버 블로그를 비교하기 시작했습니다. 티스토리: 수익 창출…