케빈의 기술블로그

인공지능 기술의 급속한 발전으로 ChatGPT와 Claude 같은 대화형 AI 모델들이 우리 일상과 업무에 깊숙이 자리 잡았습니다. 2025년 현재, 이 두 모델은 각자의 강점을 바탕으로 치열한 경쟁을 펼치고 있습니다. 이번 글에서는 ChatGPT와 Claude의 주요 특징과 성능을 상세히 비교해보겠습니다.1. 언어 이해 및 생성 능력언어 모델의 가장 기본적인 능력인 언어 이해와 생성 능력에서 두 모델은 모두 뛰어난 성능을 보여주고 있습니다.Claude:200,000 토큰(약 150,000 단어)의 맥락 윈도우긴 문서 처리에 유리복잡한 맥락 이해와 유지에 강점ChatGPT:128,000 토큰의 맥락 윈도우더 간결하고 명확한 응답 생성에 강점다양한 언어 지원 (100개 이상의 언어)Claude의 더 큰 맥..

우리는 지금 기술의 대변혁기에 살고 있습니다. 10년 전만 해도 상상 속에서나 가능했던 일들이 이제는 일상이 되었죠. 스마트폰으로 전 세계 정보를 손바닥 안에서 확인하고, AI 비서와 대화를 나누며, 가상현실 속에서 여행을 즐기는 시대입니다. 그렇다면 앞으로는 어떤 변화가 우리를 기다리고 있을까요? 2025년은 그리 멀지 않은 미래입니다. 하지만 이 짧은 시간 동안 IT 기술은 또 한 번 큰 도약을 이룰 것으로 예상됩니다. 저는 IT 분야에서 15년 넘게 일하면서 기술의 발전 속도가 점점 더 빨라지고 있음을 체감하고 있습니다. 특히 최근 몇 년간의 변화는 그 어느 때보다도 급격했죠. 이 글에서는 제가 경험과 연구를 바탕으로 예측한 2025년의 주요 IT 트렌드 5가지를 소개하려고 합니다. 이 트렌드들은 ..

양자 컴퓨팅이란?양자 컴퓨팅은 양자역학의 원리를 이용해 정보를 처리하는 새로운 형태의 컴퓨팅 기술입니다. 일반 컴퓨터가 0과 1만을 사용하는 것과 달리, 양자 컴퓨터는 0과 1, 그리고 그 중간 상태를 모두 사용할 수 있어 훨씬 더 복잡한 계산을 빠르게 수행할 수 있습니다큐비트: 양자 컴퓨터의 기본 단위양자 컴퓨터에서 정보의 기본 단위를 '큐비트'라고 합니다. 큐비트는 일반 컴퓨터의 비트와 비슷하지만, 0과 1의 상태를 동시에 가질 수 있는 특별한 성질이 있습니다. 이를 '중첩'이라고 하며, 이 덕분에 양자 컴퓨터는 여러 계산을 동시에 수행할 수 있습니다양자 컴퓨팅의 원리양자 컴퓨팅은 다음과 같은 주요 원리를 바탕으로 작동합니다:중첩: 큐비트가 여러 상태를 동시에 가질 수 있는 능력얽힘: 두 개 이상의 ..

지인 추천으로 구매한 크롬캐스트를 사고 굉장히 만족해 하고 있습니다.제가 산 모델은 크롬캐스트 3입니다. 아래 이미지 처럼 요 작은 녀석이 다양한 기능을 제공합니다! 크롬캐스트로 대부분 유튜브나, 넷블릭스 를 미러링하는데 많이 사용할 텐데요. 저는 그것보다는 집에서 PC영화 화면을 TV에서 큰 화면으로 보고 싶어서 구매하게 되었습니다.처음에는 폰으로 하니 생각보다 많이 끊기더라고요. 당연한게, 폰도 와이파이로 스트리밍하는데, 폰에서 크롬캐스트(TV)도 와이파이 스트리밍이니 끊길 수 밖에요. 그렇다고 매번 폰으로 옮겨서 보기도 귀찮고요그런데, 유튜브는 많이 안 끊기는 거 보니 폰 미러링 방식이 아닌 크롬캐스트에서 직접 플레이를 하나봐요. 정확한 거는 잘 모르겠네요아무튼, 그래서 생각한게 유선으로 연결된 데..

리액트에서 컴포넌트는 가장 큰 장점 중 하나이며, 리액트를 쓰는 가장 큰 이유이기도 합니다. 컴포넌트는 단순한 템플릿 이상이라고 표현합니다. 쉽게 재 사용이 가능할 뿐만 아니라 라이플 사이클 API를 통해서 작업들을 처리할 수 있으며, function 또는 method 등을 이용해서 화면을 정의할 수 있습니다. 무엇보다도 기능 단위 또는 화면 단위로 컴포넌트를 관리할 수 있어서 관리도 수월하며, 한 파일에 모두 작성하지 않아도 되어, 코드 작성 시 가시성이 좋습니다. 1. 컴포넌트 생성 그럼 이제 간단한 컴포넌트를 생성하는 실습을 해보도록 하겠습니다. 어떠한 편집기를 사용해도 상관 없지만, 필자는 Visual Studio Code를 사용하였습니다. 그럼, 아래 그림과 같이 src/sample 하위에 오른..

VM Ware에 해킨토시를 설치하고 React Native 개발환경 구성을 해보겠습니다. 아래는 제가 설치한 해킨토시 버전입니다. catalina를 설치 했고, 해킨토시 설치 하는 방법은 구글에 많이 있으니 참고하시면 됩니다. 개발을 위해서 램을 10기가를 잡았는데도 조금은 버벅 거리네요. 1. Homebrew 설치 homebrew 설치 확인을 위해서 brew 버전을 확인해 봅니다. $brew --version Homebrew 2.2.5 Homebrew/homebrew-core (git revision 52ab; last commit 2020-02-12) 저는 2.2.5가 설치되어 있네요. 만약 설치가 안된 분들은 아래 링크로 접속하셔서 homebrew을 설치하시기 바랍니다. 아래 내용을 복사하셔서 te..

const는 ES6에서 새로 도입한 것으로 한번 지정하고 나면 변경이 불가능한 상수를 선언할 때 사용하는 키워드이며, let은 동적인 값을 담을 수 있는 변수 값을 선언할 때 사용하는 키워드입니다. ES6 이전에는 var 키워드를 사용했는데요, var 키워드는 사용할 수 있는 범위가 함수 단위였습니다. function fun1() { var val = 'hello' if(true) { var val = 'bye' console.log(val) //bye } console.log(val) //bye } 실제 결과 bye bye 위의 결과를 보면 5라인에서 출력한 변수 값은 bye가 출력되고, {} 불럭이 끝난 8라인에서는 'hello'가 'bye' 가 출력되는 것을 볼 수 있습니다. 이유는 위에서도 언급했..

요번 강좌에서는 자바스크립트의 확장형인 JSX에 대해서 알아보도록 하겠습니다. 또한, JSX에서 사용하는 조건부 연산과 자바스크립트 표현에 대해서 간략하게 살펴보겠습니다. 1. 코드 이해 Node.js의 주요 특징은 코드를 모듈화하여 재사용할 수 있다는 것입니다. Node의 내장된 모듈을 사용하거나, 자신의 코드를 모듈화 하여 재사용할 수 있습니다. 또한 남들이 만든 모듈도 npm 을 이용해서 쉽게 적용할 수 있습니다.이렇게 설치된 모듈은 import라는 키워드를 사용해서 불러와서 사용할 수 있습니다. 하지만 이는 Node.js의 기능이기 때문에 자바스크립트에서 이 기능을 지원하지 않습니다. 이러한 기능을 사용하기 위해서는 번들링(bundling) 도구를 이용해야 합니다. 번들은 파일을 묶는다는 의미로 ..

1. 프로젝트 생성 실습에 앞서 간단한 프로젝트를 생성해보겠습니다. 프로젝트는 create-react-app 도구를 이용해서 생성할 수 있습니다. create-react-app도구는 npm 또는 yarn 으로 설치 할 수 있습니다. yarn 설치 시 global(전역)으로 설치하시면 됩니다. $ yarn global add create-react-app create-react-app 이 설치가 완료되면 아래 명령어로 프로젝트를 생성할 수 있습니다. 명령어 형태는 create-react-app 입니다. $ create-react-app hello-react Creating a new React app in /Users/jeon-mac/Documents/dev/git/study-project/reactJS/..

Spring Boot 2.0을 이용하여 간편히 excel을 다운로드 하는 방법을 가이드 해드리겠습니다. ​ 우선 pom.xml 파일에 maven dependency 추가 합니다. spring boot는 기본적으로 셋팅되었다는 가정하에 진행하겠습니다. ​ pom.xml org.springframework.boot spring-boot-starter-web org.apache.poi poi 3.17 엑셀 다운로드를 위한 propertis 정의합니다. 저는 properties 파일을 yml파일을 사용하기 때문에 아래와 같이 정의합니다. 가이드하는 예제에서는 아래 내용을 정의하지 않아도 예제를 구현하는데 문제가 없습니다. 필요가 없으신 분들은 넘어 가셔도 됩니다. ​ application.yml spring: ..