✅ 3단계: computed, watch — 반응형 계산과 상태 변화 감지 ✅ 1. computed: 자동으로 계산되는 값 💡 개념 정리 computed는 기존 상태를 바탕으로 파생된 값을 자동으로 계산해줘. 종속된 상태(ref, reactive)가 바뀌면 자동으로 재계산됨. 성능상 이점도 있어: 변경되지 않으면 캐싱됨. ✅ ...

✅ 3단계: 컴포넌트 분리 + Props + Emits ① 컴포넌트 기본 구조 Vue 3에서는 .vue 파일 하나가 하나의 컴포넌트 기본 구조: <template> ... </template> <script setup lang="ts"> ... </script> <style scoped> ....

✅ 1단계: 프로젝트 생성 + 템플릿 문법 기초 ① Vite로 Vue 3 + TypeScript 프로젝트 생성하기 npm create vite 프롬프트가 나오면 아래처럼 선택 ✔ Project name: vue3-ts-tutorial ✔ Framework: Vue ✔ Variant: Vue + TypeScript cd ...

✅ 오늘의 목표 커밋 메시지 컨벤션 자동 검사 기능 도입 GitHub PR 리뷰를 위한 diff 기반 인터페이스 구현 PR 상세 페이지 이동 시 state 기반 데이터 전달 구조 개선 🧩 문제 상황 / 배경 협업 중 커밋 메시지 컨벤션(feat/fix 등)을 도입했지만, 팀원마다 일관되지 않아 리뷰 품질과 이력 추적에 어려...

✅ 오늘의 목표 허수 커밋 탐지를 위한 로직 구현 커밋 API 호출 시 기간 필터 적용 PR 리스트 UI 개선 및 기능 추가 🧩 문제 상황 / 배경 팀 프로젝트에서 Git 커밋 히스토리를 깔끔하게 관리하는 것은 협업 효율성과 코드 품질 향상에 매우 중요합니다. 하지만 종종 console.log 추가, 불필요한 주석 수정 등...

✅ 오늘의 목표 GitHub API 요청 시 JWT 토큰을 포함한 인증 방식 일괄 변경 사용자별 커밋 수 분석을 통해 이번 주 MVP 추출 PR 설명에 Markdown 렌더링 적용 🧩 문제 상황 / 배경 현재 팀 프로젝트에서 GitHub API를 활용해 조직, 레포지토리, 커밋 데이터를 가져오고 있었습니다. 그러나 클라이언트에...

✅ 오늘의 목표 GitHub 조직의 레포지토리와 멤버 목록 불러오기 선택한 레포지토리의 커밋 내역 가져오기 요일별 커밋 수 계산 및 시각화 🧩 문제 상황 / 배경 GitHub 조직의 협업 기여도를 주간 단위로 한눈에 파악하기 어려움 단순 커밋 수만 보여주는 방식은 누가 언제 활동했는지 파악하기 힘들었음 협업 활성화와...

✅ 오늘의 목표 GitHub 조직 API 연동을 위한 React Query 커스텀 훅 작성 사용자 username(localStorage) 기반으로 조직 리스트 불러오기 사이드바 내 반복 코드 제거 및 동적 렌더링 🧩 문제 상황 / 배경 다른 팀원이 Github 로그인 기능을 구현한 상태였고, 사용자 인증은 JWT 기반으로...

✅ 오늘의 목표 React Query 전역 설정 및 Devtools 연결 throttle 유틸 함수 작성 React Router 구성 (라우터 트리, 레이아웃 적용) 사이드바 구현 🧩 문제 상황 / 배경 프로젝트 초기 세팅 중, 다음과 같은 상황이 있었습니다: 서버 상태를 효율적으로 관리하기 위해 React Q...

🔄 구성 흐름 [프론트엔드] 프론트엔드에서 입력값 유효성 검사를 통해 잘못된 값은 서버에 보내지 않음 [백엔드] 백엔드는 Express로 서버를 구성하고, CORS 문제 해결 [데이터베이스] MongoDB에 Mongoose를 통해 사용자 정보를 저장 1. 프론트엔드 (React) ✅ 정규표현식 이용한 유효성 검사 정규 표현식은 ...