키보드 입력이 딴 데로 튄다? React key='index'의 저주

React 콘솔에 뜨는 'unique key prop' 경고, 귀찮아서 index로 때우셨나요? 그 사소한 습관이 입력 폼 데이터를 뒤죽박죽으로 만들고 사용자를 미치게 만듭니다. Virtual DOM의 동작 원리와 함께 왜 index를 key로 쓰면 안 되는지, 제 '삽질' 경험을 통해 파헤칩니다.

2025년 8월 27일

Codemapo

Tailwind CSS: 유틸리티 퍼스트 CSS

클래스 이름 짓기 지치셨나요? HTML 안에 CSS를 직접 쓰는 기괴한 방식이 왜 전 세계 프론트엔드 표준이 되었는지 파헤쳐봤습니다.

#CS#Web#Frontend#CSS

실무개발·2025년 5월 12일

Tailwind 스타일이 적용 안 될 때 체크해야 할 5가지 (The Case of Missing Styles)

분명히 클래스를 적었는데 화면은 그대로다? 개발자 도구엔 클래스가 있는데 스타일이 없다? Tailwind 실종 사건 수사 일지.

#TailwindCSS#Debugging#CSS#Frontend

Tailwind 스타일이 적용 안 될 때 체크해야 할 5가지 (The Case of Missing Styles)

컴퓨터과학·2025년 6월 27일

웹 접근성(A11y): 모두를 위한 웹

시각 장애인, 마우스가 고장 난 사용자, 그리고 미래의 나를 위한 배려. `alt` 태그 하나가 만드는 큰 차이.

#CS#Web#Frontend#A11y

·2025년 11월 28일

Android 빌드가 빨간 줄을 뱉어요 (Gradle의 늪에서 탈출하기)

안드로이드는 Xcode보다 낫다고요? Gradle 지옥에 빠져보면 그 말이 쏙 들어갈 겁니다. minSdkVersion 충돌, Multidex 에러, Namespace 변경(Gradle 8.0), JDK 버전 문제, 그리고 의존성 트리 분석까지 완벽하게 해결해 봅니다.

#Flutter#Android#Gradle#Debugging

Android 빌드가 빨간 줄을 뱉어요 (Gradle의 늪에서 탈출하기)

목록으로 돌아가기

키보드 입력이 딴 데로 튄다? React key='index'의 저주

관련 포스트

Tailwind CSS: 유틸리티 퍼스트 CSS

Tailwind 스타일이 적용 안 될 때 체크해야 할 5가지 (The Case of Missing Styles)

웹 접근성(A11y): 모두를 위한 웹

Android 빌드가 빨간 줄을 뱉어요 (Gradle의 늪에서 탈출하기)