juni

begin insert into public.users (id, email, nickname, created_at) values ( new.id, new.email, coalesce(new.raw_user_meta_data->>'user_name', 'default_name'), now() ) on conflict (id) do nothing; return new;end;추가 컬럼과 기본값 처리기존 Eun 함수는 id, email, nickname만 넣었습니다.새 함수는 created_at까지 함께 채우고, raw_user_meta_data->>'user_name' 값이 없을 때 default_name으로 대체합니다.이렇게 하면 가입 시각이 기록되고, 닉네임이 비어도 에러 ..

vitest ts -> mtsvitest.config.mts 에서 보이는 Cannot find module '@vitejs/plugin-react' TS2307 경고는 IDE의 타입 체커가 구성 파일을 ESM으로 다루면서도 해당 패키지에 대한 타입 선언을 찾지 못했다고 표시하는 것입니다-> // @ts-nocheck를 추가해 IDE 타입 경고를 끄는 방식으로 처리했습니다.이 주석은 해당 파일에서 타입 검사만 비활성화하고, 테스트 실행에는 영향을 주지 않습니다. 이제 pnpm test를 실행하면 경고 없이 정상 동작합니다. 광고 우회 모니터링 기능 / sentry 로그 안남음 / 미들웨어 설정을 통해 개발환경에서 문제 없도록 해결 / 엔드포인트 따로 없어서 안해도 되는게 맞음 / 배포 후 영향 없음 / ..

작업 도중 Git이 이미 재배치 상태로 묶여 있지 않은지 먼저 확인합니다.git statusrebase in progress 같은 문구가 보인다면:git rebase --abortRemove-Item .git\HEAD.lock # 잠금 파일이 있다면 삭제Remove-Item -Recurse -Force .git\rebase-merge # 필요 시 잔여 rebase 폴더도 삭제git checkout jun-dev # 브랜치 재확인git status이제 “nothing to commit” 상태여야 합니다.인터랙티브 리베이스 실행git rebase -i --rebase-merges eb2e90e^여기서 eb2e90e^ 는 해당 커밋 바로 이전 부모를 의미합니다.에디..

🎯 Jest의 핵심 특징 ✅ 장점: Zero Config: 설정 없이 바로 사용 가능 Snapshot Testing: UI 변경사항 자동 감지 Mocking: 외부 의존성 쉽게 모킹 Coverage: 코드 커버리지 자동 측정 Parallel: 테스트 병렬 실행 Watch Mode: 파일 변경 시 자동 재테스트 ❌ 단점: 느린 실행: 대규모 테스트 시 속도 저하 메모리 사용량: 많은 테스트 시 메모리 부족 복잡한 설정: Next.js 등과 연동 시 설정 복잡 🎯 Mock 파일 모킹이란? 1️⃣ 정의실제 파일을 가짜 파일로 대체하는 테스트 기법 Jest 환경에서 브라우저 파일 처리를 위한 방법 테스트 속도 향상과 오류 방지를 위한 기법 모킹의 기본값은 undefined// 모킹하지 않은 함수의 기본값c..

package 추가@testing-library/jest-dom: Jest DOM 매처 (toBeInTheDocument 등) @testing-library/react: React 컴포넌트 테스트용 @testing-library/user-event: 사용자 이벤트 시뮬레이션 @types/jest: Jest 타입 정의 jest: JavaScript 테스트 프레임워크 jest-environment-jsdom: 브라우저 환경 시뮬레이션 @lhci/cli: Lighthouse CI (웹 성능 테스트) @playwright/test: E2E 테스트 프레임워크 puppeteer: 브라우저 자동화 (성능 모니터링용) . jest.config.js - Jest 설정 파일 nextJest: Next.js와 Jest 통합..

[1] 학습 주제 및 실습 목표IT교육 운영매니저로서 수강생 데이터를 기반으로 문제 정의 → 인사이트 도출 → 실행 전략 설계 과정을 반복하며 실습을 진행실습은 총 4개 주제로 구성되며, 실제 트랙 운영 데이터를 기반으로 개선 방향을 도출하는 데 집중✅ [2] 실습별 요약 & 인사이트실습 주제 분석 대상 주요 인사이트 개선 핵심1. 이탈 사유 분석Spring 트랙 중도 하차자숙련 주차 이탈 집중, 실력 ‘하’ 비율 높음수준별 과제 분화, 팀 내 역할 균형2. 기수 간 비교 분석UX/UI 기수 비교특정 기수 NPS·만족도 낮음, 팀 운영 이슈 많음협업 몰..

1. FACTS (사실, 내가 한 일)자사 및 경쟁사 분석, JD 분석, 수강생 피드백 기반 실행 방안 도출 과제를 수행함팀스파르타, 구름, 메디치이앤에스 등 운영 매니저 채용공고 5건 이상 분석팀스파르타, 구름 아티클 3편 분석 및 정리PM 트랙 운영 만족도, 피드백 데이터를 기반으로 강점과 개선점을 구조화교육 운영 설계와 협업 구조 개선에 대한 개인 아이디어 정리운영 상황 시뮬레이션 및 피드백 커뮤니케이션 훈련2. FEELINGS (느낌, 감정)이번 주는 꽤 많은 정보와 실습이 한꺼번에 몰려와서 정리가 안 되는 느낌도 있었지만, 그 속에서도 하나씩 구조화해 나가면서 운영이라는 직무의 이해도를 높였다.특히 ‘운영’이라는 단어가 단순히 관리가 아닌, 경험 설계자로서의 역할임을 인지하면서 책임감도 가져야겠..

Canvas란?Canvas는 HTML5에서 제공하는 2D 그래픽을 그릴 수 있는 요소입니다. JavaScript를 사용하여 실시간으로 그래픽을 렌더링할 수 있으며, 게임, 애니메이션, 데이터 시각화 등에 주로 사용됩니다. Canvas 기본 사용법1. Canvas 요소 생성2. Canvas 컨텍스트 가져오기const canvas = document.getElementById('myCanvas');const ctx = canvas.getContext('2d');3. 기본 도형 그리기 - 사각형// 채워진 사각형ctx.fillStyle = 'red';ctx.fillRect(x, y, width, height);// 테두리만 있는 사각형ctx.strokeStyle = 'blue';ctx.strokeRect(x,..