어서와, 개발은 처음이지?

영상으로 보기 - https://youtu.be/8QtXKioQbl4 1. 들어가기 전에nextjs 13.4부터 본격적으로 도입된 app router와 react server componets 이후로 위젯 주도 개발 방법론 (https://alexei.me/blog/widget-driven-development/) 에서 언급하는 api wrapper layer가 하던일을 next fetch가, 무려 server 에서만 실행되는 코드로 동작할 수 있게 되었는데요.  이로인해 이제는 react query나 swr같은 라이브러리를 코드 베이스에서 제거하더라도 (어느정도 추가 구현에 대한 불편함은 있을 수 있지만) 이런 방법론을 구현할 수 있게 되었습니다.번들 사이즈로부터 훨씬 더 자유로워지면서요! 2. 코드를..

이전에 플러스 친구와 외부 API 연동에 관한 글을 작성한 적 있습니다.하지만 지난 2년동안 플러스 친구에 많은 변화가 생겼는데요. 카카오 플러스 친구의 명칭이 카카오 채널로 바뀌고, 챗봇 세팅 방식이 기존 [카카오 플러스 친구 - 외부 API 연동] 구조에서 오픈빌더가 추가되어 [카카오 채널(구 플러스 친구) - 카카오 i 오픈빌더 - 외부 API 연동] 구조로 바뀌었습니다. 이번 글에서는 오픈빌더의 챗봇 시나리오 관리 기능을 간단히 소개하고 외부 API를 연동하는 예제를 다뤄보겠습니다.(연동파트는 5번 항목부터 보시면 됩니다.) 1. 블록 블록은 오픈빌더에서 질의/응답을 관리하는 최소 단위로, 사용자의 발화와 챗봇의 대답을 입력할 수 있습니다. 예를들어 인사라는 블록을 만들고 인사에 해당하는 사용자 ..

Text To Speech(TTS)는 텍스트를 음성으로 바꿔주는 음성 합성 기술입니다. 이번 글에서는 nodejs로 AWS에서 제공하는 TTS 서비스인 Polly를 사용하는 방법을 다뤄보겠습니다. 예제 코드에 대한 부분은 이 글을 참고했습니다. 1. AWS IAM 사용자 생성 Polly를 사용하기 위해 npm에서 aws-sdk 패키지를 설치할 것인데 aws-sdk를 이용하기 위해서는 인증 정보가 필요합니다. 이 인증 정보를 생성하기위해 AWS에서 IAM 콘솔로 이동합니다. [사용자 추가] 메뉴에서 사용자 -> 사용자 추가를 선택하여 사용자를 생성하도록 합니다. 기본 정보를 입력할 수 있는 페이지가 나타납니다. [기본정보 입력] aws-sdk를 사용할 것이기 때문에 프로그래밍 방식 엑세스는 필수적으로 선택..

Session 세션은 클라이언트-서버 간 인증 정보를 기록하여, 특정 시간동안 인증절차 없이 사용자를 신뢰하고 서비스 이용에 편의와 여러가지 정보를 제공하는데에 사용됩니다. 세션이 생성되면 세션을 식별할 수 있는 id가 쿠키형태로 클라이언트에 저장되고, 서버에 요청할 때 이 id를 같이 전송합니다. 서버는 이 id로 각 클라이언트를 식별하고, 해당 클라이언트의 세션을 사용합니다. Express Session express-session은 express.js에서 세션관리 기능을 제공하는 미들웨어입니다. 간단한 사용법은 아래와 같습니다. "use strict"; const express = require('express'); const session = require('express-session'); co..

(안내) 이 글은 카카오 오픈빌더에 맞추어 새로 작성되었습니다. 카카오 오픈빌더와 외부 API 연동(feat.Nodejs)(안내) 2019년 초부터 카카오 플러스 친구 정책 변경으로 신규 가입자는 본 글에 작성된 방식으로 외부 API를 사용할 수 없고 카카오 i 오픈빌더를 통해서만 스마트 채팅 제작이 가능합니다. 본론에 들어가기 앞서, 카카오 플러스친구는 스마트 채팅이라는 자동 응답기능을 제공하는데요.관리자 페이지의 스마트 채팅 메뉴에 들어가면 FAQ형과 API형을 선택할 수 있습니다. FAQ는 10개 정도되는 질문과 그에 해당하는 답변을 관리자가 미리 입력하여 사용하는 간단한 형태입니다.이에 반해 API형은 챗봇 등에 연결하거나 cs분석을 위해 별도의 DB에 기록하는 등 고객의 대화내용에 따라 여러가지..