컬러 테마 버튼 플리커링 예방하기
2024-12-25 ko제 블로그는 라이트 테마와 다크 테마를 지원합니다. 헤더에 있는 컬러 테마 버튼을 누르면 리로딩 없이 심리스 하게 변경됩니다. 모두 클라이언트 자바스크립트 덕분이죠. 제 블로그는 Sveltekit 으로 작성되었으며 따로 서버가 없기 때문에 Prerender 된 HTML에 클라이언트 코드에서 업데이트를 합니다. 컬러 테마 버튼도 Prerender 되는데 여기서 문제가 발생합니다. HTML 파일을 생성할 때 서버는 클라이언트가 어떤 컬러 테마를 사용할 지 알 수 없기 때문입니다.Prevent Color Theme Button Flickering
2024-12-25 enMy blog support light and dark themes. You click the color theme button inside the header and it updates without reloading, seamlessly. It all thanks to client Javascript.Let's Migrate Github Blog to Sveltekit: Markdown
2024-10-24 enThe most important point when it comes to making a blog. Show your blog posts. Before migrating to Sveltekit I had been using Jekyll with Markdown files. I wanted to port the Markdown files as-is, so I needed to somehow render Markdown contents into HTML.Chrome 129 does not Show Network Response Preview
2024-09-28 (E. 2024-10-20) enYou might have noticed that something strange is going on inside Chrome Dev tool recently. You cannot see the preview or response on network tab. Not every network request is affected, but some of them.Let's Migrate Github Blog to Sveltekit: List Posts
2024-08-17 enThere will be more than one or two posts in my blog. That means I should list the posts to users to encourage them to read what I've written. Listing posts is an important feature in blog services. If they don't feel good or not function well, people would not spend time reading on my blog.Typescript 5.5 주목할만한 변경점
2024-05-18 koTypescript 5.5 베타가 2024년 4월 25일 릴리즈 되었습니다! https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-betaTypescript 5.5 Noticeable Changes
2024-05-18 enTypescript 5.5 beta has been released on April 25th, 2024! https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta- lazy.nvim is one of neovim plugin managers that helps you install plugins. By specifying Github repositories or local directories, you can install designated plugins easily.
Let's Migrate Github Blog to Sveltekit: Routing
2024-03-16 enRouting (paths, specifically) is one of the essential parts when you create a web app. You may want to take extra times designing the structure as it is not easy to change them as every single change may come as a breaking change. Web browsers remember your website's URLs or even readers might have saved links to your pages.Windows 11 한글 IME 입력 이슈
2024-02-12 ko웹앱 개발 중 윈도우 11에서 발생하는 한글 입력 중 마지막 음절이 지워지는 아주 골 때리는 현상을 겪었습니다. 한글 입력 중 다른 창/탭으로 포커스가 이동하면 입력 중인 글자가 지워지는 것인데요. 또한 같은 window의 다른 엘리먼트 마우스 클릭으로 인하여 포커스를 잃을 경우에도