최근 chatGPT가 이전 모델에 비해 엄청난 발전을 이루면서 다양한 분야로 많이 발전했다. 지금까지 어떻게 발전해 왔는지 알아보고 지금은 어떤 방향으로 발전하고 있는지 조사한 결과다. 챗봇의 시작 1950년 Turing Test 튜링테스트는 인간이 기계와 대화하고 있다는 사실을 깨닫지 못한 채로 5분 동안 대화한다면 튜링 테스트를 통과한것으로 본다. 즉, 사람이 인지 하지 못할 정도의 지능을 가졌는지 판별하는 테스트입니다. 앨런 튜링은 기계가 인간의 생각을 모방할 수 있는지를 판별하기 위한 시험을 만들고 이를 통해 기계의 수준을 판별할 수 있도록 만들었습니다. 과정은 아래 그림처럼 진행하게 됩니다. 각각 격리된 방에서 진짜 사람과 컴퓨터는 시험관과 대화를 하게되고, 시험관은 어느쪽인 컴퓨터인지 둘다 사..

OSRM 를 통해 경로 찾기를 만들고 싶다면, 앞서 소개했었던 OSRM http API를 사용하면 된다. 2021.09.15 - [개발/OSRM] - OSRM 이란 하지만, 커스텀이 필요한 경우나 다양한 처리가 필요한 경우 제한적이기 때문에 원하는 서비스 형태에 따라 바꾸기 위해서는 경로 찾기 서버를 따로 만들어 주는 것이 더 편리하다. Product level 의 관점에서는 아래 내용을 참고해보면 좋다. [running osrm in production?] https://github.com/Project-OSRM/osrm-backend/issues/1768 OSRM 공식 홈페이지에 따르면 Docker를 이미지를 다운하여 빠르고 쉽게 osrm backend를 구축할 수 있다고 한다. 그러기 위해서는 Do..

OSRM 은 Open Source Routing Machine 의 약자로 Routing Machine을 open source 로 만들어 둔 프로젝트이다. Naver Map이나 Google Map 같은 경우 API 호출 건당 얼마씩 걷어간다.... Naver 의 경우 한달에 몇건까지 무료이고, 넘어가면 얼마씩 비용이 청구된다. 그에 비해 OSRM은 open source이므로 범위내에서 원하는 로직으로 customization도 가능하고, 가격 측면에서도 장점을 가져갈 수 있게 된다. 그래도 Naver Map은 OSRM보다 훨씬 잘되어있지 않을까라는 생각이 들 수 있다. 물론, 더 많은 고도화가 되어있겠지만 base는 OSRM을 채택한 모습도 볼 수 있었다. https://deview.kr/2020/sess..

naver map api 예제를 보고 한땀한땀 component를 만들어서 사용해도 되지만, npm 을 뒤적거려보면 react-naver-maps 라는 잘되어있는 모듈을 만날 수 있다. (필요하면 상황에 맞게 수정해서 쓰면 된다.) 설치 npm install react-naver-maps Sample Code (지도 1개만 그릴 때) import React from 'react'; import { RenderAfterNavermapsLoaded, NaverMap } from 'react-naver-maps'; function NaverMapComponent() { const id = this.props.itemData.id; return ( ); } function App() { return ( ); }..

PWA - Progressive Web App 브라우저에서 실행되는 Web App을 마치 네이티브 앱처럼 만들어 주는 기술이다. 네이티브 앱"처럼" 이기때문에 네이티브의 기능을 사용할 순 없지만 읽기 속도, 표시 속도, 오프라인에서의 실행 등 이점을 얻을 수 있다. 서비스 형태에 따라 PWA 사이트에 접속한 경우, 바탕화면에 PWA를 설치할까요? 라는 팝업을 띄울 수도 있다. 바탕화면에 설치하게 되면, 다른 네이티브 앱들처럼 새로운 앱이 설치된것마냥 녹아들게 된다. React 앱을 PWA 로 제공해주기 위해서는 몇가지 준비가 필요하다. - PWA 지원 브라우저 - Service Worker - icon 설정 PWA를 지원하는 브라우저마다 동작이 조금씩 다르므로 확인하는 것이 좋다. PWA는 Service..

1. gh-pages 설치 npm i gh-pages 2. package.json 수정 deploy , predeploy, homepage부분을 추가해주면 된다. "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "gh-pages -d build", "predeploy": "npm run build" }, "homepage": "https://[사용자ID].github.io/[Project이름]", 3. run deploy npm run deploy -> run deploy를 하면 자동으로 predeploy script (npm run build) 가 돌게 된다. 과정이 끝나면, 원하는 링크에 퍼블리..