· software
SQL이 나를 불편하게 만든다.
제 실무적이며 이론적이지 않은 이해에 따르면, object‑oriented programming은 전통적인 functional paradigm에 대한 단순한 대안이 아니라 종종 ...처럼 느껴진다.
-
-
- · software
Next.js에서 Hydration 오류 수정
수화 오류의 일반적인 원인 브라우저/환경 문제 - 속성을 주입하는 브라우저 확장 프로그램, password managers, ad blockers, accessibility tools - Br...
- · software
CapsuleRSC: React Server Components를 위한 안전한 서버/클라이언트 경계 강제 적용
개요 CapsuleRSC는 React Server Components(RSC)를 위한 안전한 서버/클라이언트 경계를 강제하는 최소한의 프레임워크로, 강력하고 기계적인 보장을 제공합니다. It d...
- · software
React 코딩 챌린지: 카드 플립 게임
React 카드 뒤집기 게임 – 코드 tsx import './styles.css'; import React, { useState, useEffect } from 'react'; const values = 1, 2, 3, 4, 5; type Card = { id: numb...
- · software
Next.js에서 Tiptap으로 깨끗한 Rich Text Editor 구축 (실제 프로젝트 설정)
Next.js 대시보드에서 실제 텍스트 편집기 구축하기 대시보드나 SaaS 앱을 만들 때, 어느 순간 단순한 것이 아니라 실제 텍스트 편집기가 필요합니다 — not a simple , not a f...
- · software
다른 화면에서 타입을 사용할 수 있나요
문제: 큰 TypeScript 타입이 toto.tsx에 정의되어 있고 이를 다른 화면(e.g., titi.tsx)에서 재사용해야 합니다. 타입을 copy‑pasting 하면 maintenance diff가 발생합니다.
- · software
Windows에서 JavaScript 웹 앱을 다른 기기에서 접근하도록 허용하는 방법
Windows에서 JavaScript 웹 앱을 다른 장치에서 접근 가능하도록 하기 Windows에서 Next.js/React 앱을 개발 모드로 실행할 때, 다른 장치에서 접근할 수 없을 수 있습니다.
- · software
Angular vs React vs Vue: 2026년에 어떤 것을 배워야 할까요?
Angular, React, 또는 Vue? 2026년에 실제로 배울 가치가 있는 것은 어느 것일까? 프론트엔드 개발에 발을 들여놓으려는 경우—이미 개발자라 하더라도—
- · software
오늘 나는 useEffect Cleanup 및 Race Conditions을 이해했다 (usePopcorn에서 얻은 실제 교훈)
오늘 나는 useEffect Cleanup 및 Race Conditions에 대해 이해했다 – usePopcorn에서 얻은 실제 교훈의 표지 이미지.
- · software
우리가 Next.js에서 Vite와 Hono로 마이그레이션한 이유
마이그레이션 개요 (2025년 말) 2025년 말에 우리는 Pluslide를 Next.js에서 완전히 마이그레이션했습니다. 새로운 스택은? 프론트엔드에는 Vite + React, API에는 Hono를 사용합니다.
- · software
React에서 비동기 폼 검증은 어렵다 — 이를 해결하는 예측 가능한 방법
폼은 처음에 간단해 보입니다: inputs, errors, submit. 하지만 async validation을 추가하면 상황이 금방 복잡해집니다. 실제 React 앱을 작업해 본 적이 있다면,…