Archives

토스 프론트엔드 개발자 면접 과정에서의 경험과 배움, 그리고 향후 개발자로서의 성장 방향에 대한 생각을 정리한 면접 후기

AstroPaper v5: keep the clean look, updates under the hood.

Learn how to add LaTeX equations in Astro blog posts using Markdown, KaTeX, and remark/rehype plugins.

Comment function on a static blog hosted on GitHub Pages with Giscus.

AstroPaper v4: ensuring a smoother and more feature-rich blogging experience.

How to use Git Hooks to set your Created and Modified Dates on AstroPaper

AstroPaper Version 3: Elevating Your Web Experience with Astro v3 and Seamless View Transitions

How to update project dependencies and AstroPaper template.

AstroPaper with the enhancements of Astro v2. Type-safe markdown contents, bug fixes and better dev experience etc.

New feature in AstroPaper v1.4.0, introducing dynamic OG image generation for blog posts.

Some of the well-crafted, predefined color schemes for AstroPaper blog theme.

How you can enable/disable light & dark mode; and customize color schemes of AstroPaper theme.

Some rules & recommendations for creating or adding new posts using AstroPaper theme.

How you can make AstroPaper theme absolutely yours.

EXAMPLE POST: About Tailwind Typography Plugin and how you can use it effectively.

EXAMPLE POST: Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. Includes features like autocomplete, multiple themes, command hints etc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est

EXAMPLE POST: My experience about developing my first portfolio website and a blog using NextJS and a headless CMS.

~~프엔(X) 그냥 몬스터(O)~~

막 리액트를 다루는 기술 책을 끝냈을 무렵, 무슨 프로젝트를 해볼까 서성거리던 차에 좋은 토이 프로젝트 아이디어를 발견했다.

트렐로를 활용한 개발 프로젝트 관리 회고

결과 사진이랑 다 깃허브에 올려두었습니다.

프로그래머스 Dev-Matching 웹 프론트엔드 개발자 회고

Promise의 동작 원리부터 Async/Await 패턴까지, JavaScript 비동기 처리 완벽 가이드

로버트 C. 마틴의 클린 코드 서적 리뷰

무한 스크롤, 지연 로딩, 애니메이션 트리거를 위한 Intersection Observer 실전 가이드

DOM 생성부터 화면 출력까지, 브라우저의 렌더링 파이프라인 심화 이해

일명 `Udacity React Nanodegree.` 뒤의 `React Nanodegree`는 줄여서 `reactnd`라고들 합니다.

Dragula 라이브러리를 활용한 직관적인 드래그 앤 드롭 UI 구현 방법과 실제 프로젝트 적용 사례

Fisher Yates Shuffle 알고리즘의 원리와 JavaScript 구현: 배열을 효율적으로 무작위 섞기

백준 10867번 문제의 최적화된 해결 방법: 해시 테이블 개념을 활용한 효율적인 중복 제거 및 정렬

백준 10867번 문제 해결: N개의 정수를 오름차순으로 정렬하되 같은 정수는 한 번만 출력하는 알고리즘 구현

개발 생산성을 극대화하는 VS Code 확장 프로그램 모음: 협업, 테마, 편의성 도구 추천