#MicroFrontend #SolidJS #NextJS #React #iframe통합 #디자인시스템✅ 목차 1. 오늘의 TIL 키워드 2. 문제 설명 3. 해결 방법 4. 발생한 문제와 방안 5. 최종적인 해결 방법 6. 최적화 방안💡 그래서 오늘의 TIL(Today I Learned) 학습 키워드✨ iframe도 Micro FE의 한 방법이다✨ 기술스택이 달라도 아키텍처로 연결할 수 있다✨ TanStack Router의 Outlet은 iframe과 궁합이 좋다✅ 문제 설명Solid.js+Emotion로 만든 포트폴리오, Next.js 기반 DB/관리자 페이지, React+Shadcn기반 LCAP 디자인시스템 라이브러리까지...모두 따로 돌아가는데, 이걸 어떻게 하나의 시스템으로 묶지? 라..

#Next.js #pN룰 #디자인시스템 #Middleware #HTTPS #MUI #BDS #Playwright #CSRF ✅ BDS + MUI 마이그레이션 중 겪은 middleware 디버깅 & 코드리뷰 회고현재 프로젝트는 Buzzle Design System (BDS)과 MUI를 기반으로 한 디자인 시스템 마이그레이션이 최우선 과제로 진행 중이다.이와 함께 접근 제어를 위한 middleware 설정과 인증 구조 개선이 병렬로 진행되고 있다.이번 주에는 matcher 설정 누락, Secure 쿠키 인식 불가, 그리고 500 에러까지 겪으며 학습 포인트가 많았던 한 주였다.✅ 우선순위: 디자인 시스템 마이그레이션React 기반 UI 컴포넌트를 BDS + MUI 조합으로 정리 중컴포넌트 일관성 확보 및 ..

#Next.js #JWT #HttpOnly #CSRF #Frontend보안 #테스트자동화 #테스트고도화 그래서 오늘의 TIL(Today I Learned) 학습 키워드✨ HttpOnly 쿠키✨ CSRF 토큰 인증 흐름✨ 307 Redirect 이슈 처리✨ 테스트 자동화의 구조 설계 중요성✨ MCP Rule 생성 및 테스트 고도화 ✅ 문제 상황✅ 원인 분석✅ 해결 방법✅ 최종 정리✅ 오늘 배운 것과 느낀점 ✅ 문제 상황Next.js에서 로그인 후 /mypage로 이동하면 /login으로 계속 리디렉션되는 문제가 발생했습니다.콘솔에는 307 Temporary Redirect 응답이 뜨며, 로그인 상태임에도 인증되지 않은 것으로 처리되었습니다. ✅ 원인 분석백엔드 코드를 확인해보니, Acces..

#기술블로그 #디자인시스템 #MCP #CursorAI #Playwright #BDS 그래서 오늘의 TIL(Today I Learned) 학습 키워드✨ MCP 기반 마이그레이션 자동화✨ 크롬 자동완성 대응 스타일링✨ 사용자 경험 중심 테스트 룰 정립✅ 문제 설명✅ 해결 방법✅ 발생한 문제와 방안✅ 최종적인 해결 방법✅ 오늘 배운 것과 느낀점✅ 최적화 및 자동화✅ 문제 설명기존 레거시 페이지(findpassword)에 BDS 디자인 시스템 + MUI 를 적용하는 마이그레이션을 진행했습니다.단순 스타일 적용이 아닌, 재사용성과 접근성까지 고려한 리팩토링을 목표로 했습니다. ✅ 해결 방법Cursor AI + MCP(Memory-Conscious Prompt) 2종 연동Input, Text, Stack 등을..

더보기유지보수 용이를 위한 템플릿 문서입니다. 0.0.1 > 신규생성 # GPT 알고리즘 블로그 템플릿 사용 설명서 📘 > 이 템플릿은 Tistory, Brunch 등 HTML 기반 에디터에 최적화되어 있으며, GPT에게 그대로 입력 시 동일한 알고리즘 포스트를 생성할 수 있도록 구성되어 있습니다.---## ✅ 제목 형식[BOJ / 문제번호] 백트래킹 느렸다면? 비트마스크로 최적화하는 문제 제목 #비트마스크 #백트래킹- `[BOJ / 번호]`는 자동 대입, 프로그래머스는 PGS- "백트래킹 느렸다면? ..."은 임팩트 있게 편집 가능- 마지막 해시태그는 사용된 알고리즘 키워드 중심---## ✅ 전체 포스트 HTML 템플릿 구조```html#알고리즘 #백준 #문제유형 #핵심키워드 ✅ 문제 ..

2025.02.043. 💻  AI 모델 세팅 도전기  본격적인 프로젝트 세팅에 앞서서 깃허브의 6. How to Run Locally를 읽어보면 DeepSeek-V3은 Mac이랑 Window가 아닌 Linux에서만 작동해요. Oillama를 설치해서 AI모델을 효율적으로 관리해봐요.  https://github.com/deepseek-ai/DeepSeek-V3/blob/main/README.md#6-how-to-run-locally DeepSeek-V3/README.md at main · deepseek-ai/DeepSeek-V3Contribute to deepseek-ai/DeepSeek-V3 development by creating an account on GitHub.github.com  htt..