Life goes slowly...

최근 AI 업계에서 가장 핫한 키워드를 꼽으라면 단연 Agent AI가 빠지지 않습니다. ChatGPT, Claude, Gemini 같은 대형 언어 모델(LLM)이 주목받은 데 이어, 이제는 단순히 "똑똑한 채팅"을 넘어 스스로 목표를 설정하고 실행하는 인공지능이 각광받고 있습니다.Agent AI에 대해 쉽게 설명하는 글을 찾아보았습니다. Agent AI란?Agent AI는 간단히 말해 스스로 판단하고 행동할 수 있는 인공지능입니다. 기존 AI가 질문에 답하거나 주어진 명령을 처리하는 데 그쳤다면, Agent AI는 더 나아가 "내가 지금 뭘 해야 하지?"를 스스로 생각하고, 목표를 달성하기 위한 계획을 세워 실행까지 할 수 있습니다.즉, 사람이 일일이 시키지 않아도 상황을 인식하고 알아서 움직이는 AI..

Redux를 사용할 때, 비동기 작업(API 호출, 웹소켓 등)을 깔끔하게 처리하고 싶으신가요?React Saga는 바로 그런 고민을 해결해주는 미들웨어 라이브러리입니다.React Saga는 복잡한 비동기 흐름을 선언적으로 표현하고, 유지보수성과 테스트 용이성을 높여주는 강력한 도구입니다.🔍 사이드 이펙트란?**사이드 이펙트(side effects)**란 애플리케이션의 주 흐름 외부에서 발생하는 작업을 말합니다.API 호출브라우저 캐시 접근웹소켓 통신등이 이에 해당되며, 이런 작업은 Redux의 순수한 액션/리듀서 구조에서는 직접 다루기 어렵습니다.🧠 React Saga란?React Saga는 Redux 애플리케이션에서 사이드 이펙트를 관리하기 위한 미들웨어입니다.**ES6 제너레이터(Generato..

ag-grid-react에서 엑셀 다운로드(Excel Export) 기능은 매우 강력하며, Enterprise 기능이 아닌 Community Edition에서도 사용 가능합니다. 단순 클릭으로 현재 그리드에 표시된 데이터를 .xlsx 또는 .csv 형식으로 내보낼 수 있습니다. ✅ 1. Excel 파일 다운로드 (XLSX)import React, { useRef, useState } from "react";import { AgGridReact } from "ag-grid-react";import "ag-grid-community/styles/ag-grid.css";import "ag-grid-community/styles/ag-theme-alpine.css";const GridExportExcel = (..

ag-grid-react에서 행(row) 편집 기능은 매우 강력하며, 인라인(in-place) 방식으로 데이터를 편집할 수 있습니다. React 개발자의 관점에서 보면, 셀 편집은 자동으로 관리되지만, 외부 상태 동기화나 저장 버튼과의 연동을 직접 제어할 수 있어야 실전에서 유용합니다.✅ 기본 행 편집 방식Ag-Grid는 셀 단위 편집을 지원하지만, 그리드 옵션을 조금만 설정하면 **행 단위 편집(row editing)**처럼 동작하게 할 수 있습니다. import React, { useState } from "react";import { AgGridReact } from "ag-grid-react";import "ag-grid-community/styles/ag-grid.css";import "ag-g..

✅ 사용자 정의 셀 렌더러란?기본적으로 AgGridReact는 텍스트 기반으로 데이터를 셀에 출력합니다. 하지만 복잡한 UI(버튼, 이미지, 링크, 조건부 스타일 등)를 출력하고 싶은 경우, React 컴포넌트를 셀 렌더러로 지정할 수 있습니다.이는 일종의 Cell View Layer를 개발자가 직접 구성할 수 있도록 해주는 구조입니다. 💡 동작 방식 요약React로 렌더러 컴포넌트를 작성한다.AgGridReact의 frameworkComponents에 등록한다.컬럼 정의(columnDefs)의 cellRenderer 속성으로 해당 컴포넌트를 지정한다.Ag-Grid가 각 셀에 대해 해당 컴포넌트를 mount한다.🔧 AgGridReact 에서 prop를 통한 이벤트 처리 예제 import React, ..

ag-grid-react는 React에서 강력한 데이터 그리드를 사용할 수 있게 해주는 라이브러리입니다. AgGridReact 컴포넌트를 사용하여 테이블을 만들고 다양한 기능을 쉽게 적용할 수 있습니다.✅ 기본 사용 예시import React, { useState } from "react";import { AgGridReact } from "ag-grid-react";import "ag-grid-community/styles/ag-grid.css";import "ag-grid-community/styles/ag-theme-alpine.css";const MyGrid = () => { const [rowData] = useState([ { make: "Toyota", model: "Celica", ..

30일 동안의 주차별 요일별 학습 타임테이블 평일은 하루 1~2시간 주말은 3시간 기준으로 맞춰서 구성 가장 취약한 스프레드시트를 각 주차마다 비중을 조정해서 반영한 학습테이블 매일 체크하면서 사용이 가능한 스터디 플래너 양식도 함께 학습을 하게 되면 좋을것 같습니다.

컴퓨터 활용 1급 자격증 필기 30일 학습 테이블직장인과 아이들이 있는 가장이라 하루에 평일 1~2시간 주말에는 3시간 시간 투자그리고 IT개발자로 컴퓨터 일반, 테이터베이스 일반 학습 비중보다는 스프레드시트 비중을 높인 학습테이블 추천자료는 시나공 컴퓨터활용능력 1급 필기문제풀이 Web 사이트로는 문제은행 - https://www.cbtbank.kr/category/%EC%BB%B4%ED%93%A8%ED%84%B0%ED%99%9C%EC%9A%A9%EB%8A%A5%EB%A0%A5-1%EA%B8%89 최강자격증 기출문제https://www.comcbt.com/xe/c1#google_vignette

타입스크립트(TypeScript)의 타입 호환이란 타입스크립트 코드에서 특정 타입이 다른 타입과 잘 맞는지를 의미합니다. 기본적으로 자바스크립트는 객체 리터럴이나 익명 함수 등을 사용하기 때문에 명시적으로 타입을 지정하는 것보다는 코드의 구조 관점에서 타입을 지정하는 것이 더 올바른 코드 방식입니다. interface user { name: string; } inteface login { name: string; } let i: user; i = new login(); 구조적 타이핑 예시 구조적 타이핑이란 코드 구조 관점에서 타입이 서로 호환되는지의 여부를 판단하는 것입니다. interface Users { name: string; } let loginName: Users; // 타입스크립트가 추론한 y..

타입스크립트(TypeScript) 코드의 인터페이스는 객체 내의 프로퍼티를 정의하는 방법입니다. 변수를 선언할 때마다 각각 타입을 지정하는 방법보다 인터페이스를 사용하는 방법이 편하고 재사용도 가능하기에 자주 사용하는 문법입니다. 타입스크립트(TypeScript) 인터페이스란? 프로그래밍 코드에서 상호간에 정의한 약속 혹은 규칙을 인터페이스라고 합니다. 타입스크립트(TypeScript)에서 인터페이스는 다음과 같은 범위에서의 약속을 정의가 가능합니다. 인터페이스를 통하여 값이 따라야 할 제약을 타입으로 표현 가능하며, 인터페이스 타입을 통하여 값의 형태를 서술이 가능합니다. 1. 클래스 2. 배열과 객체를 접근하는 방법 3. 함수의 파라미터 4. 객체의 스펙(속성과 속성의 타입) 5. 함수의 스펙(파라미..

타입스크립트(TypeScript) 고유문법 1. 타입 주석과 타입 추론 타입 주석이란 변수 뒤에 콜론(:)과 타입 이름을 말합니다. 하지만 타입 주석을 생략도 가능합니다. 타입 부분이 생략되면 대입 연산자(=)의 오른쪽 값을 분석하여 변수의 타입을 결정하는데 이를 타입 추론이라고 합니다. 타입스크립트(TypeScript)의 타입 추론 기능은 자바스크립트 코드와 호환성을 보장하는데 큰 역활을 하며, 이 때문에 자바스크립트로 작성된 '. js' 파일을 확장자만 '. ts'의 확장자로 바꾸게 되면 타입스크립트 환경에서도 동작이 가능합니다. //타입 주석 let num: number = 1; //타입 추론 let n = 10; 2. 튜플(Tuple) 튜플(Tuple)은 파이썬과 같은 몇몇 프로그래밍 언어에서 사..

타입스크립트(TypeScript) 코드에서는 어떠한 변수 또는 값의 타입을 표기하기 위하여 타입 표기를 사용합니다. 타입 표기는 식별자 또는 값 뒤에 콜론(:)을 붙여서 value:type 의 형태로 표기합니다. 타입스크립트(TypeScript) 기본 타입 1. Boolean - 타입의 진위 값을 확인하기 위한 타입, 참 또는 거짓을 나타내는 타입입니다. let status: boolean = true; 2. Number - 숫자를 나타내는 타입입니다. let count: number = 1; 3. String - 문자열을 나타내는 타입입니다. let str: string = "Hello World"; 4. Array - 배열을 나타내는 타입으로 요소의 타입까지 정의해야 합니다. let arr: numb..

자바스크립트에는 현재 세 가지 종류가 있습니다. 웹 브라우저에 동작되는 표준 자바스크립트 ES5(ECMA Script 5)와 2015년부터 새로운 버전을 발표하고 있는 ESNext(ES6), 그리고 ESNext에 타입(Type) 기능을 추가한 타입스크립트(TypeScript)가 있습니다. 타입스크립트(TypeScript)란? 타입스크립트는 마이크로소프트가 개발하고 유지하고 있는 오픈소스 프로그래밍 언어로써 2012년에 처음 발표되었습니다. 타입이 있는 자바스크립트라는 단어보다는 정적 타입 시스템을 도입한 자바스크립트라는 뜻으로 프로그램의 예상 동작을 타입으로 나타내고, 그 예상에 맞게 동작할 지의 여부를 실행전에 확인이 가능합니다. 따라서 타입스크립트(TypeScript)는 프로그래밍 언어이면서 도구입니..

파이썬(Python)의 sys 모듈 파이썬(Python)의 sys 모듈은 파이썬의 인터프리터를 제어하는 모듈로써, 인터프리터에 의해 사용되거나 유지되는 변수와 함수에 대해서 액세스를 제공합니다. 특히 파이썬(Python) 프로젝트의 입력을 받는 argument를 관리하거나 platform에 따라서 처리해야되는것들, 그리고 파이썬(Python)의 버전, 프로그램 종료등의 시스템 관련된 정보나 제어를 할 수 있는 기능을 제공합니다. import sys # 파이썬의 현재버전 정보 print(sys.version) # 파이썬의 모듈이 저장되어 있는 위치 print(sys.path) # 인수전달하기 (인자전체) print(sys.argv) # platform 확인하기 print(sys.platform) 파이썬(P..

파이썬(Python)의 schedule 패키지 파이썬(Python)의 schedule 패키지는 설정한 시간에 다라서 파이썬 스크립트가 자동실행 시키는 작업 라이브러리입니다. 이는 초, 분, 시간, 요일 등마다 실행이 가능합니다. #schedule 라이브러리 설치 ~/python > pip install schedule Collecting schedule Downloading schedule-1.2.0-py2.py3-none-any.whl (11 kB) Installing collected packages: schedule Successfully installed schedule-1.2.0 schedule 패키지는 파이썬 내장 라이브러리인 time 모듈과 함께 사용됩니다. import schedule im..