인턴 기간 중 사내 업무 일지 기록과 동료 칭찬 서비스인 '포레스트'를 재구축하였다. 배포 전 QA를 진행하던 중, 엣지 케이스에서 동일한 유형의 장애가 반복적으로 발견되었다.어떤 화면은 API 실패 시 Alert만 표시된다.어떤 화면은 데이터가 없는 것처럼 빈 화면만

프로젝트를 진행하다 보니 코드 자체의 복잡도보다 '코드 리뷰 기준의 불일치' 문제가 자주 언급되었다. 분명 같은 코드인데도, 어떤 리뷰어가 보느냐에 따라 피드백이 매번 달라지곤 했다.A 리뷰어는 "비즈니스 로직과 UI가 잘 분리되어 구조가 깔금하다"고 평가한 반면,B

HTTPS 전송 보안의 한계 극복을 위한 클라이언트 사이드 RSA 암호화 도입의 기술적 이해 및 구현. 서버-클라이언트 간 암호화 프로토콜 설계와 트러블슈팅 경험 공유

React Query 도입 전후의 API 연동 방식과 상태 관리 방법을 비교하여, 도입 배경과 장점을 정리한 실사용 기반의 기술 회고 글

성능 최적화 지표에 기반한 WebP 전환의 기술적 이해

JPEG → WebP 변환에 따른 웹 성능 지표(LCP, Performance, 이미지 용량) 변화

이번 프로젝트에서 순차적으로 열리는 3개의 모달을 구현하는 과정에서, 모달 간 의존성이 생기는 문제가 발생했다. 기존에는 useState를 활용한 개별 상태 관리와 ModalPortal을 사용했지만, 다중 모달을 다루기에는 비효율적이었다. 이번 글에서 다중 모달을 효율적으로 관리하는 방법을 소개하려고 한다. 기존 모달 구현 방식 1. useState를 ...

React Query를 활용한 서버 상태 관리 방법

FSD로 프로젝트 폴더 구조를 효율적으로 정리하는 방법