크게 한 스푼 담은, 소화 잘 되는 기술 이야기
Next.js 앱 라우터와 Tailwind CSS를 활용해 모바일과 PC의 UI를 명확히 분리하는 견고한 아키텍처를 소개합니다. 폴더 구조 기반 라우팅과 커스텀 variant를 통해 유지보수성과 개발 경험을 극대화하는 방법을 다룹니다.
같은 DOM인데 instanceof가 false라고? 알고 보면 iframe은 자기만의 세상이 있어요.
Release of Tailwind Nextjs Starter Blog template v2.0, refactored with Nextjs App directory and React Server Components setup.Discover the new features and how to migrate from V1.
An overview of the new features released in v1 - code block copy, multiple authors, frontmatter layout and more
How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.
Example of a markdown file with code blocks and syntax highlighting
SSR 환경에서는 하이드레이션 오류가 비교적 자주 발생하지만, React가 제공하는 다양한 API를 적절히 활용하면 충분히 방지할 수 있습니다. 각 접근 방식의 특징과 한계를 소개해 보겠습니다.
React Navigation의 Material Top Tabs 컴포넌트를 커스터마이징하여, 탭이 많아졌을 때도 자연스럽게 스크롤되도록 설정하는 방법을 설명합니다.
Redux-toolkit, redux-persist, AsyncStorage를 함께 사용하여 React Native 앱의 상태를 영구적으로 저장하는 방법을 다룹니다. 스토어 설정부터 적용까지 전체 과정을 예제 코드를 통해 확인해 보세요.
The blog template supports posts in nested sub-folders. This can be used to group posts of similar content e.g. a multi-part course. This post is itself an example of a nested route!
In this article we introduce adding images in the tailwind starter blog and the benefits and limitations of the next/image component.
블로그 포스팅에 필요한 헤더, 목록, 이미지, 표 등 모든 마크다운 문법을 정리한 치트시트입니다. GitHub Flavored Markdown을 기반으로 한 예시와 함께 쉽게 알아보세요.
React Native의 Animated API와 커스텀 훅을 활용해 스크롤 위치에 따라 헤더 타이틀을 자연스럽게 페이드 인/아웃시키는 방법을 다룹니다.
인턴 활동 이후 성장을 목표로 사이드 프로젝트에 도전하며, 가상 화폐 데이터를 시각화하고 포트폴리오 기능을 제공하는 앱 ‘Bitfolio’를 기획하는 과정을 담았습니다.
Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template.
The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes.
