블로그

파일

언어

도움말

블로그

개발 관련 글과 경험을 공유합니다.

JavaScript (8)

Next.js (6)

Express (5)

React (5)

TypeScript (5)

UX (4)

Backend (3)

CodePen (3)

Date (3)

Frontend (3)

Game Dev (3)

Git (3)

Productivity (3)

Session (3)

Troubleshooting (3)

이력서 RAG 채팅을 만들며 정리한 구조와 고민

개인 이력서에 질문할 수 있는 RAG 채팅을 만들면서 벡터 DB, 텍스트 검색, Codex app-server, 공개 채팅 보안, 실패 UI를 어떻게 나눠 생각했는지 기록합니다.

2026-07-0617 min read

드디어 안티그래비티에 스킬스가 추가되었습니다.

안티그래비티의 새로운 기능, 'Skills'를 소개합니다. 에이전트의 능력을 확장하고 복잡한 작업을 효율적으로 처리하는 방법을 알아보세요.

2026-01-197 min read

갤럭시탭 넌 죽지못해

termux활용하여 유휴 갤럭시탭 서버로 활용하기

2026-01-037 min read

게임 유저를 늘리기위한 여정 (기능 구현부터 OG 삽질까지)

Sky Drop 게임의 공유 기능을 만들며 겪었던 기능 구현, 버그 수정, 그리고 Next.js OG Image의 기술적 한계와 디자인 시행착오에 대한 생생한 기록입니다.

2025-12-255 min read

플레이 경험을 완성하는 디테일: Sky Drop UX 개선

게임의 핵심 로직만큼이나 중요한 것이 바로 사용자 경험(UX)입니다. Sky Drop 게임을 플레이하면서 느꼈던 불편함을 해소하고, 더 몰입감 있는 환경을 만들기 위해 진행했던 UX 개선 작업을 기록합니다.

2025-12-245 min read

딸깍, 안티그래비티 워크플로우

안티그래비티 워크플로우로 반복 작업 단순화 시키기

2025-12-217 min read

Knip은 뭘까?

코드 깔끔쟁이 들을 위한 라이브러리

2025-12-217 min read

Next.js 라우팅 트러블슈팅: URL vs 로컬 스토리지

로컬 스토리지 기반의 히스토리 탭 기능을 구현하면서 겪은 강제 리다이렉트 문제와 이를 해결하기 위해 URL을 진실의 원천(Source of Truth)으로 변경한 과정을 공유합니다.

Troubleshooting

2025-12-217 min read

사이드바 UX 개선기: 가독성, 페이지네이션, 그리고 검색까지

사이드바의 가독성을 개선하고 페이지네이션을 구현한 후, 블로그 대시보드에 검색 및 자동완성 기능을 추가한 과정을 기록합니다.

2025-12-219 min read

Git 기본 명령어: 작업 흐름 마스터하기

Git의 가장 기초적이면서도 필수적인 명령어인 init, status, add, commit, push, pull을 완벽하게 이해하고 작업 흐름을 마스터해봅시다.

2025-12-193 min read

Git 브랜치 전략: 협업을 위한 필수 명령어

Git의 강력한 기능인 Branch를 활용하는 방법과 협업 시 필수적인 merge, checkout, log 등의 명령어를 알아봅니다.

2025-12-193 min read

Sky Drop 게임 제작기: React와 Phaser의 만남

React 환경에서 Phaser를 이용해 'Sky Drop' 게임을 개발하며 겪은 시행착오와 개선 기록. 렌더링 이슈부터 반응형 디자인, 그리고 재미 요소를 더하기까지의 여정을 공유합니다.

2025-12-197 min read

React&Next.js 보안 이슈: React2Shell 대응

React Server Components 취약점 대응을 위해 영향을 확인하고 패치·검증하는 절차를 정리합니다.

2025-12-116 min read

블로그를 시작하며

MDX로 구현한 블로그의 첫 번째 포스트입니다.

2024-12-131 min read

moment.js를 사용하면 안 될 이유

moment.js가 레거시로 전환된 배경을 정리하고 대안으로 Luxon을 선택해 사용하는 이유와 예제를 소개합니다.

Library Migration

2023-03-064 min read

Javascript Array.Reduce

Array.prototype.reduce의 동작 원리와 누적값 패턴을 간단한 예제로 풀어보며 실전 활용 방법을 정리합니다.

Functional Programming

2023-02-075 min read

window 와 document 차이

브라우저 환경에서 window와 document의 관계를 콘솔 예제로 확인하며 차이를 간단히 정리합니다.

2022-07-163 min read

JavaScript 매달 마지막 날 계산

Date 객체를 활용해 월별 마지막 날짜를 간단히 구하는 방법과 코드 해석 포인트를 정리합니다.

2022-06-293 min read

쓰려고 하면 기억 안 나는 Window Web Api

자주 잊기 쉬운 window Web API들을 예제와 함께 정리해 반응형 처리와 스크롤 제어에 바로 쓸 수 있게 정리합니다.

2022-06-085 min read

JavaScript 만나이 계산

JavaScript로 만나이를 계산하는 로직을 예제 코드와 함께 설명하고 날짜 비교 시 주의할 점을 정리합니다.

Age Calculation

2022-04-122 min read

코드펜 사용하기

CodePen의 기본 개념부터 가입, 에디터 사용법과 코드 공유 방식까지 프론트엔드 실습에 필요한 흐름을 정리합니다.

2022-02-074 min read

setState로 리렌더링이 안 되는 이유..

React에서 setState를 호출했는데 리렌더링되지 않던 원인을 참조형 상태 업데이트 관점에서 정리한 트러블슈팅 글입니다.

State Management

Troubleshooting

2021-09-223 min read

TypeScript, Express-session 을 이용한 로그인 처리 (3)

TypeScript와 Express-session 로그인 구현 3편으로 쿠키를 이용한 자동 로그인 처리 방법을 정리합니다.

2021-09-184 min read

SCSS 사용하는 이유, SCSS 장점과 실 사용 예제

SCSS를 도입하는 이유와 장점, 그리고 중첩·변수·믹스인 등 실무에서 자주 쓰는 문법 예제를 정리합니다.

2021-09-1510 min read

TypeScript, Express-session 을 이용한 로그인 처리 (2)

TypeScript와 Express-session 로그인 구현 2편으로 SessionData 타입 확장과 로그인 처리 로직을 정리합니다.

2021-09-114 min read

REAT API 테스트 툴 POSTMAN

REST API 테스트 도구 Postman 설치부터 요청 작성과 응답 확인까지 기본 사용 흐름을 예제로 정리합니다.

2021-09-103 min read

TypeScript, Express-session 을 이용한 로그인 처리 (1)

TypeScript와 Express-session 기반 로그인 구현의 1편으로 개념과 초기 세팅 과정을 다룹니다.

2021-09-085 min read

CentOS 8 MySQL 설정 기록과 안전한 계정 생성

지원 종료된 CentOS 8 환경을 점검할 때 필요한 MySQL 상태 확인과 최소 권한 계정 생성 기준을 정리합니다.

2021-09-045 min read

쉽게 놓치고 지나갈 수 있는 실수 정리 : HTML (1)

사이드 프로젝트에서 겪은 HTML 경고 사례를 바탕으로 body 시멘틱과 input autocomplete 같은 놓치기 쉬운 포인트를 정리합니다.

2021-09-017 min read

CentOS8 MySQL 깨끗하게 삭제하기

CentOS 8 환경에서 MySQL을 완전히 제거하고 잔여 설정 파일까지 정리하는 순서를 명령어와 함께 정리합니다.

2021-08-312 min read

TypeScript를 사용한 React를 기존 Express 서버에 올리기

기존 Express 서버에 TypeScript React 앱을 올리고 concurrently로 개발 서버를 함께 운영하는 방법을 정리합니다.

2021-08-286 min read

반드시 필요하진 않지만, 알아두면 유용한 사이트 정보 (2)

화면 설계와 디자인 작업에 도움이 되는 색상·아이콘·템플릿 사이트를 중심으로 유용한 링크를 정리합니다.

2021-08-254 min read

node 환경 변수 설정하기

Windows 환경에서 Node 명령어가 동작하지 않을 때 PATH 환경 변수를 확인하고 설정하는 과정을 정리합니다.

Environment Variables

Troubleshooting

2021-08-242 min read

TypeScript로 Express 서버 시작하기

지원 중인 Node.js와 tsx를 기준으로 TypeScript Express 서버를 구성하는 방법을 정리합니다.

2021-08-2210 min read

Github 토큰 인증

GitHub 비밀번호 인증 종료 이후 Personal Access Token을 발급하고 원격 저장소 인증에 적용하는 방법을 정리합니다.

2021-08-173 min read

반드시 필요하진 않지만, 알아두면 유용한 사이트 정보 (1)

개발·디자인 작업 시 알아두면 유용한 웹사이트들을 기능별로 소개하고 활용 포인트를 정리합니다.

Developer Tools

2021-08-024 min read

Putty 설치 및 사용방법

PuTTY의 개념과 설치 방법, 원격 접속 프로토콜(SSH/Telnet 등) 기초를 초보자 관점에서 정리합니다.

2020-11-167 min read

귀도 반 로섬, 파이썬 창시자의 이직

파이썬 창시자 귀도 반 로섬의 Microsoft 합류 소식을 정리하고 개발 생태계 관점에서 의미를 간단히 기록합니다.

Guido van Rossum

2020-11-162 min read

Create-React-App으로 React 시작하기.

create-react-app으로 리액트 프로젝트를 시작하는 준비 단계와 설치, 실행 과정을 초보자 기준으로 정리합니다.

Create React App

Getting Started

2020-11-134 min read

[Windows] RDP (원격 데스크톱 사용방법)

Windows 원격 데스크톱(RDP)의 개념과 설정, 실제 접속 절차를 처음 사용하는 사람 기준으로 정리합니다.

2020-11-124 min read

Kotlin으로 iOS 개발이 가능??

Kotlin/Native를 계기로 Kotlin이 안드로이드 외 iOS 및 멀티플랫폼 개발에 활용되는 흐름을 살펴본 메모입니다.

2020-11-111 min read

블로그