Articles / Archive / P03

전체 글

관심사와 경험, 문제를 해결하며 배운 내용을 주제별로 기록합니다.

043 ENTRIES

Latest first

All articles

최신 발행순 · 전체 43개 중 21–30

A023Frontend / ReactReact 프로젝트에 vitest로 Unit Test 환경 구축하기Vitest를 사용하여, Vite 기반의 React 프로젝트에서 unit test 환경을 구축하는 방법에 대해 소개합니다. 그리고, CI 단계에서 자동화 테스트를 위해, Github Actions과 연동하는 방법도 같이 소개합니다.2025. 05. 30.9 MIN
A022Frontend / Next.jsutterances로 Next.js 블로그에 댓글 기능 추가하기 (블로그 테마에 따른 댓글 UI)GitHub Issues 기반의 댓글 시스템인 utterances를 Next.js에 적용하여, 자신의 블로그에 댓글 기능을 추가하는 방법에 대해 소개합니다. 그리고 블로그 테마 변환에 따른 댓글 UI도 같이 변환 되도록 하는 방법에 대해서도 같이 설명합니다.2025. 05. 29.5 MIN
A021Frontend / ReactWordle 게임 만들며 겪은 문제, 트러블 슈팅React로 Wordle 게임을 만들어 보며, 겪었던 문제와 고민에 대해 설명합니다.2025. 05. 22.10 MIN
A020Computer Science / Algorithm이진 탐색(Binary Search) 알고리즘이진 탐색(Binary Search)은 정렬된 배열에서 원하는 값을 빠르게 찾는 알고리즘입니다. 본 글에서는 이진 탐색에 대해 설명하고 예제를 통해 실제로 어떻게 문제를 해결하는지 설명합니다.2025. 05. 09.5 MIN
A019Computer Science / Algorithm해시맵(HashMap)을 이용한 빈도 계산 알고리즘해시맵은 키와 값으로 이루어진 데이터 구조로, 해시맵을 이용하여 빈도 계산하는 알고리즘에 대해 설명합니다. 또한, 예제를 통해 실제로 어떻게 문제를 해결하는지 같이 소개합니다.2025. 05. 09.4 MIN
A018Computer Science / Algorithm슬라이딩 윈도우(Sliding Window) 알고리즘슬라이딩 윈도우(Sliding Window)는 배열이나 문자열처럼 선형 구조에서 연속된 구간(윈도우)을 효율적으로 탐색할 때 쓰는 기법입니다. 투 포인터와 비슷하지만 약간의 차이가 있고, 본 글에서는 슬라이딩 윈도우에 대해 설명합니다.2025. 05. 06.4 MIN
A017Frontend / Next.jsNext.js 15에서 Google Analytics 4 설정하기Next.js 15에서 Google Analytics 4 설정하는 방법을 소개합니다. 또한, nextjs의 Script 컴포넌트에 대해 자세하게 설명합니다.2025. 05. 02.4 MIN
A016Frontend / Toolingprettier plugin으로 import 순서 자동 정렬하기React 프로젝트에서 import 문들의 순서를 자동으로 정리할 수 있도록 도와주는 @trivago/prettier-plugin-sort-imports 플러그인 적용하는 방법을 소개하고, 사용벙을 설명합니다.2025. 04. 24.5 MIN
A015Backend / GoGin 프레임워크에 swagger 적용하기Go 언어의 웹 서버 프레임워크인 Gin 프레임워크에서 Swagger를 적용하고, 활용하여 REST API 문서를 자동으로 생성하고 관리하는 방법에 대해 설명합니다.2025. 04. 23.1 MIN
A014Frontend / ReactTurborepo에서 React 패키지 Storybook 설정하기Turborepo를 사용하는 Monorepo 프로젝트에서, React 패키지에 Storybook을 설정하는 방법을 설명합니다. 추가적으로 tailwindcss를 적용하는 방법도 설명합니다.2025. 04. 20.9 MIN