#React #Next.js #시맨틱태그 #Fragment #TypeScript ---📌 목차들어가며React.FC / NextPage를 쓰지 않는 이유Fragment를 쓸 때 주의할 점상위 Layout의 역할시맨틱 태그란?오늘의 TIL✅ 들어가며오늘은 React와 Next.js를 쓰면서 평소 고민하던 것들에 대해 정리해보았다.Fragment는 언제 써야 하고, React.FC 타입은 왜 점점 안 쓰는 분위기일까?프로젝트에 적용하며 마주한 구조적 이슈와 고민들을 공유해본다.✅ 1. React.FC / NextPage를 쓰지 않는 이유React.FC나 NextPage를 쓰면 children이 자동 포함되고, defaultProps나 propTypes가 암묵적으로 설정된다.이는 타입 명시성이 떨어지고, 제..

#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 조합으로 정리 중컴포넌트 일관성 확보 및 ..

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

싸이 대전 흠뻑쇼를 갔다왔습니다. 마지막 무대를 마치기 전 인상깊었던 한 마디입니다. 23살에 데뷔를 해서 전성기를 지금 맞이했습니다. 댄스가수로서 유통기한이 얼마나 남았을까요 마음이 싱숭생숭해지는 말씀이었습니다. 저는 현재 로우코드, 노코드에 관심이 있으며 회사에선 로우코드로 개발하고 있습니다. 개발자로서 얼마나 유통기한이 남았을까요 매 순간을 최선을 다하려고 노력했습니다. 최근 당근 커피챗을 다녀와서 컨셉, 이라고 하죠 개발철학을 생각해봤습니다. 저는 밀도있는 시간을 추구하는 몰입형 개발자입니다. Bio IT를 꿈꿔왔던 것도, 160학점을 4년 만에 이수한 것도, 9개의 IT 대외활동을 사이에 진행한 것도, 개발자 경험을 개선하기 위한 것도, 노코드 프로젝트를 진행한 것도, 로우코드 부서에 배정받은 ..

졸업유예 이후 카카오테크캠퍼스와 함께 공부하고 있었습니다. 그동안 학점에 치여서 정말 개발에만 열중하고 싶었는데 이 기간엔 행복하게 개발에만 열중할 수 있었습니다. 4월부터 6월까지 압축성장 기간이었습니다. 정말 운이 좋게도 졸업유예기간동안 허허한 공백기에 카카오테크캠퍼스를 할 수 있었습니다. 감사하게도 학교 대표로 특강도 할 수 있었습니다. 정말.. 떨리고도 값진 경험이었습니다. 그러나 저는 STEP 1을 미수료하게 됐습니다. 정말 부끄러운 일이지만,,, 아르바이트와 필수 특강 시간이 겹쳐서 끝까지 듣지 못한게 출석처리가 안 된다거나... 9주차에 입사로 인한 하차 의사를 전달해드렸고 9주차 10주차 학습일지에서 강의 내용을 안 적어서 삼진아웃된거 같습니다.. 하하하... 아쉽지만 추후에 진행될 STE..

보호되어 있는 글입니다.