안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드 토큰 인증에서 localStorage 대신 쿠키 기반 관리와 보안 속성 설정을 권장했습니다. XSS·CSRF 위험을 줄이기 위해 토큰 로테이션과 Refresh Token도 함께 제안했습니다.
#JavaScript#Next.js
13005분
필터 0
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 중심으로 기획, 디자인, 개발, QA를 실시간으로 연결하는 협업 방식의 장점을 소개했습니다. 과거의 파일 공유와 버전 관리 문제를 줄이고 생산성과 일관성을 높이는 흐름을 설명했습니다.
#Figma#UI/UX
4005분
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드 토큰 인증에서 Web Storage와 직접 토큰 주입 방식의 위험성을 짚었습니다. 쿠키 기반 관리와 토큰 로테이션으로 보안을 높이는 방법을 소개했습니다.
#React#Next.js
24005분
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드에서 토큰 기반 인증을 안전하게 관리하는 방법을 정리했습니다. Web Storage 대신 쿠키와 보안 설정, 토큰 로테이션으로 XSS와 CSRF 위험을 줄이는 전략을 소개했습니다.
#쿠키#XSS
36005분
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
스피너 대신 스켈레톤, Transition, Tanstack-Query를 활용해 웹앱 UX를 개선한 사례를 소개했습니다. 상황에 따라 로딩 UI를 다르게 적용해 체감 속도와 개발 생산성을 함께 높였습니다.
#Vue.js#SSR
30005분
웹앱 사용자 경험을 개선하는 기술 한 스푼
웹앱 사용자 경험을 개선하는 기술 한 스푼
웹앱의 로딩 경험을 개선하기 위해 스피너, 스켈레톤, 전환 애니메이션, Tanstack-Query를 도입한 사례를 소개했습니다. 화면 특성과 지연 시간에 따라 로딩 방식을 나누고 공통 컴포넌트로 구현 비용을 줄인 점이 핵심입니다.
#UI/UX#스켈레톤 UI
50005분
React 전역 상태 관리, 무슨 라이브러리 써야 할까? \:\ Redux, Zustand 특징과 장단점 비교
React 전역 상태 관리가 필요한 이유와 Context API의 한계를 먼저 설명했습니다. 이어서 Redux와 Zustand의 특징, 장단점을 비교해 선택 기준을 정리했습니다.
#React#Redux
41005분
부서 내 효율적 협업을 위한 Playground 개발
부서 내 효율적 협업을 위한 Playground 개발
부서 내 효율적 협업을 위해 Next.js 기반 Playground를 개발한 경험을 공유했습니다. 동료들과의 소통과 협업을 돕는 도구 구축 사례를 다뤘습니다.
#Next.js#cloud
0005분
13년 된 네이버 캘린더 안드로이드 앱,멀티 플랫폼 기반 모듈화 적용
13년 된 네이버 캘린더 안드로이드 앱,멀티 플랫폼 기반 모듈화 적용
13년 된 네이버 캘린더 안드로이드 앱에 멀티 플랫폼 기반 모듈화를 적용한 경험을 공유했습니다. 오래된 레거시 앱의 트러블슈팅, 빌드 개선, 운영 전략을 다뤘습니다.
#Android#module
46005분
React Compiler - 우리는 memo를 잊을 수 있을까요?
React Compiler로 React 코드 최적화를 자동화하는 흐름을 소개했습니다. 개발자의 memo 관리 부담을 줄이는 방향을 설명했습니다.
#React#compiler
35005분
사용자의 실수, 디자이너가 어떻게 해결할까?
사용자 실수를 줄이기 위한 위지윅 제품 설계와 적용 확산 과정을 다뤘습니다. 개발자 중심에서 PO 중심으로 전환한 이유와 설득 과정을 소개했습니다.
#UI/UX
15005분
문화에 대한 문제까지 ux로 해결할 수 있을까?
문화처럼 추상적인 문제를 UX로 다룰 수 있을지 고민한 글입니다. 디자이너가 문제를 계속 구체화하며 팀 문화를 지키는 과정을 다룹니다.
#UI/UX#문화
11005분