본문 바로가기

기술67

Chatbot Arena LLM 평가 비교 오픈 플랫폼 챗봇 아레나란?Chatbot Arena는 대규모 언어 모델(LLM)을 평가하고 비교할 수 있는 오픈 플랫폼이다.사용자 선호도를 기반으로 모델의 성능을 측정한다. 이 플랫폼은 두 개의 익명 모델을 무작위로 선택해 사용자 질문에 대한 답변을 나란히 제공하며, 사용자가 어느 답변이 더 나은지 투표하는 방식으로 운영된다. 이런 "대결" 형식을 통해 수집된 데이터를 바탕으로 모델의 순위를 매기는데, 주로 Elo 등급 시스템을 사용한다.Elo 시스템은 원래 체스와 같은 경쟁 게임에서 사용되던 방식으로, 모델 간의 상대적인 성능을 수치화한다. 챗봇 아레나의 특징Chatbot Arena의 특징은 크라우드소싱을 통해 다양한 사용자로부터 데이터를 수집하고, 이를 통해 실생활에서 LLM이 어떻게 활용되는지를 반영한 평가가 .. 2025. 3. 26.
실시간 대화 기록 요약 노트 AI 서비스, Tiro vs 클로바노트 수업 기록, 회의록 등 음성을 텍스트로 자동으로 변환 기록하고 요약까지 해준다. 그것도 실시간으로!  https://tiro.ooo 아이폰이 우리 삶을 급격히 변화시킨 것처럼, AI가 생활 패턴을 몇 배로 다르게 변화시킬 것 같다. AI 툴을 알아갈수록 학습의 방향도 바꾸고 업무 포지션도 바뀌게 될 것 같다는 생각이 든다. 전문가가 말했듯 5년이면 세상이 바뀔거라고. "티로 Tiro는 실시간 음성인식을 통해 자동으로 속기 및 요약노트를 작성해 주는 서비스다. 음성을 실시간으로 텍스트로 변환하여, 회의/강연/인터뷰 등 중요한 대화 중 메모를 하느라 주의력이 분산되는 것을 방지한다. 대화의 핵심을 담은 요약노트를 생성해 회의 이후 내용을 따로 정리할 필요가 없다." 위 내용이 티로 서비스의 개요다.  주요 .. 2025. 3. 24.
Vue.js vs React 4주 커리큘럼 비교 버전 Vue.js vs React.js 4주 완성 커리큘럼 비교표주차 Vue.js 커리큘럼 (Composition API 중심) React.js 커리큘럼 (Next.js 포함)1주차✅ Vue 기본 개념 및 개발 환경 설정✅ Vue 컴포넌트 시스템✅ 반응형 상태 관리 (ref, reactive)✅ Vue Router로 페이지 이동 구현✅ Vuex/Pinia 상태 관리 도입✅ React 기본 개념 및 개발 환경 설정✅ JSX 문법 및 컴포넌트 구조 이해✅ 이벤트 핸들링 및 상태 관리 (useState, useEffect)✅ React Router로 페이지 전환 구현✅ Redux 및 Zustand 상태 관리2주차✅ API 연동 (fetch, axios) 및 비동기 처리✅ Vue Query & Pinia 활용한 상태.. 2025. 3. 21.
React 실전 마스터 4주 과정 4주 안에 실무 수준까지 도달하는 React 커리큘럼기본 개념 + 상태 관리 + API 연동 + 성능 최적화 + UI 프레임워크 + 실전 프로젝트까지 다룬다.🕒 하루 학습 시간: 4~5시간 (주 6일 학습, 1일 복습 & 정리)📅 4주 (24일 학습) 안에 React 실무 개발자로 성장🔥 React 실전 마스터 4주 과정📌 목표:✅ React 기본 + 상태 관리 + API 연동 + 성능 최적화✅ Next.js 기반 SSR, SEO 최적화, 정적 사이트 생성(SSG)✅ UI 프레임워크 (Material-UI, Tailwind, Chakra UI) 활용✅ 실무 프로젝트 및 배포까지 완료📅 1주차: React 기본 개념 & 핵심 기능🎯 목표: React의 기본 개념 익히기 + 컴포넌트 시스템 학습✅.. 2025. 3. 20.
Vue.js & Nuxt.js 실무 마스터 4주 과정 Vue.js 기본 + Nuxt.js + UI 프레임워크까지 4주 만에 끝내는 집중 과정 작성한다.모든 내용을 4주 안에 압축하려면 하루 4~5시간 정도 학습 시간이 필요하다. 🔥 Vue.js & Nuxt.js 실무 마스터 4주 과정📌 목표:✅ Vue.js 기본 + 상태관리 + API 연동 + 성능 최적화✅ Nuxt.js 기반 SSR, SEO 최적화, 정적 사이트 생성(SSG)✅ UI 프레임워크 (Vuetify, Tailwind, Quasar, VueUse) 활용✅ 실무 프로젝트 및 배포까지 완료🕒 하루 학습 시간: 4~5시간 (주 6일 학습, 1일 복습 & 정리)🗓 4주(24일 학습) 안에 Vue.js 및 관련 생태계 완전 마스터 📅 1주차: Vue.js 핵심 개념 & 기본 기능🎯 목표: Vu.. 2025. 3. 19.
Composer PHP 패키지 관리 및 사용법 PHP 개발할 때 유용한 Composer 라는 툴이 있다. 한국에서는 중대형 프로젝트에 PHP를 사용하지 않지만 해외에서는 많이 사용하고, 국내도 중소기업에서 간혹 사용하는 것 같다. Composer가 무엇인지, 어떻게 사용하는지 알아본다.Composer PHP 패키지 관리PHP 의존성 관리 도구 Composer 사용법Composer: PHP의 의존성 관리 도구1. Composer란?Composer는 PHP의 패키지 및 라이브러리를 관리하는 의존성 관리 도구(Dependency Manager)다.프로젝트에서 필요한 외부 라이브러리를 쉽게 설치하고 자동으로 버전을 관리할 수 있도록 도와준다.2. Composer의 주요 기능패키지 관리: 프로젝트에서 사용할 외부 라이브러리 설치 및 제거자동 의존성 해결: 설.. 2025. 3. 15.
CSS 가상 선택자 정리, 가상 클래스, 가상 요소 종종 사용하는 CSS 가상 선택자를 사용할 때 찾아보는 수고를 덜기 위해 정리한다. CSS 가상 선택자 정리CSS 가상 클래스와 가상 요소 차이CSS :hover, ::before, :nth-child 사용법CSS 가상 선택자는 특정 상태의 요소를 선택하거나, 특정 요소 내부의 부분을 스타일링할 수 있도록 도와주는 선택자다.가상 선택자는 : 또는 ::로 시작하며, 크게 가상 클래스와 가상 요소로 나뉜다.1. 가상 클래스 (:)요소의 특정 상태나 사용자 동작에 따라 스타일을 적용하는 선택자입니다.(1) 동적 상태 관련선택자 설명:hover마우스를 올렸을 때 적용:active클릭되었을 때 적용:focus포커스가 맞춰졌을 때 적용 (ex. 입력 필드):focus-visible키보드로 포커스 이동 시만 스타일 .. 2025. 3. 14.
CMD 커맨드창, 파워쉘, 터미널 차이에 대해 알아보자 윈도우에서 파워쉘 PowerShell을 실행하거나 관리자 권한으로 실행하는 단축키를 알아보다 내친김에 정리했다. 파워쉘, 커맨드창, 터미널 차이에 대해 정리한다.  윈도우에서 터미널 Windows Terminal, 파워쉘 PowerShell, 커맨드 창 CMD/명령 프롬프트)는 모두 명령줄 인터페이스 CLI를 제공하지만, 기능, 용도, 설계 목적에 차이가 있다.  1. 파워쉘 PowerShell (기본 모드 실행, 관리자 모드 실행)마이크로소프트가 개발한 강력한 스크립팅 환경과 명령줄 도구로, .NET 프레임워크를 기반으로 설계됐다. 언어는 PowerShell 스크립트(.ps1) 사용 가능하고, 객체 지향적이며 파이프라인(|)을 통해 데이터를 객체로 처리한다. 시스템 관리(레지스트리, 서비스 제어), 네.. 2025. 3. 9.
SCSS vs SASS SCSS와 SASS는 CSS를 더 효율적이고 강력하게 작성할 수 있도록 도와주는 CSS 전처리기 (preprocessor)이다. 둘 다 SASS(Syntactically Awesome Style Sheets)라는 프로젝트에서 나온 문법이다. CSS에 변수, 중첩(nesting), 믹스인(mixin) 등 프로그래밍적인 기능을 추가해 개발 생산성을 높여준다.  SCSS와 SASS의 차이와 특징을 정리한다.  1. SASSSASS는 2006년 개발된 CSS 전처리기로, 두 가지 문법을 제공한다.1) SASS(들여쓰기 기반 문법): 확장자는 .sass 이며, 중괄호 {} 와 세미콜론 ; 을 사용하지 않고 들여쓰기로 구조를 표현한다. 2) SCSS(CSS와 유사한 문법): 확장자는 .scss 이며, CSS와 거의.. 2025. 3. 8.

티스토리툴바