
Controlled Component와 Uncontrolled Component
🧩 Controlled Component란? Controlled Component(제어 컴포넌트)는 입력 요소의 값(value)을 리액트의 상태(state)로 관리하는 컴포넌트이다. 즉, 입력 값의 주도권이 DOM이 아닌 리액트에 있다. 리액트의 상태가 입력 요소의 값을 결정하고, 사용자가 입력을 변경하면 onChange 이벤트를 통해 상태를 업...

🧩 Controlled Component란? Controlled Component(제어 컴포넌트)는 입력 요소의 값(value)을 리액트의 상태(state)로 관리하는 컴포넌트이다. 즉, 입력 값의 주도권이 DOM이 아닌 리액트에 있다. 리액트의 상태가 입력 요소의 값을 결정하고, 사용자가 입력을 변경하면 onChange 이벤트를 통해 상태를 업...

리액트의 props와 state에 대해서 설명해주세요 ! props props는 부모 컴포넌트가 자식 컴포넌트에 전달하는 데이터입니다. 읽기 전용으로, 자식 컴포넌트는 props를 수정할 수 없습니다. function ChildComponent(props) { props.name = "LeeYeeun"; // 오류 발생 가능 re...

이벤트 루프(Event Loop)란? 자바스크립트의 이벤트 루프는 싱글 스레드 기반 언어임에도 비동기 처리를 가능하게 하는 핵심 메커니즘이다. 즉, 한 번에 하나의 작업만 처리할 수 있는 자바스크립트가 동시에 여러 일을 하는 것처럼 보이게 만드는 비밀 ! 자바스크립트의 실행 구조 자바스크립트 엔진은 크게 세 가지 구성요소로 나뉜다. ...

✅ 오늘의 목표 GPT-4.1-mini Function Calling으로 가족결합 할인 계산 기능 구현 프론트 React + 백엔드 Express 기반 챗봇 서비스 구축 결합 할인 금액 계산 로직 모듈화 및 Function Schema 설계 🧩 문제 상황 / 배경 LG U+ 요금제에 대한 상담/추천 기능을 챗봇 형태로 제공...

✅ 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를 활용해 조직, 레포지토리, 커밋 데이터를 가져오고 있었습니다. 그러나 클라이언트에...