블로그 | 엔빌 (Anvil)

처음부터 RESTful API 구축하기 💻

RESTful API를 처음부터 빌드하기 💻 오늘은 RESTful API를 처음부터 빌드해 보겠습니다. 이는 웹 애플리케이션의 여러 부분 간에 데이터가 전송되는 방식을 이해하는 데 좋은 방법입니다. 서버 설정하기 먼저 서버를 설정해야 합니다. 이를 위해 Node.js와 Express.js를 사용하겠습니다. 설정 방법은 다음과 같습니다: 경로 생성하기 다음으로 몇 가지 경로를 생성하겠습니다. 다음은 API가 응답할 다양한 URL입니다. 다음은 GET 경로의 예시입니다: 데이터 처리하기 API는 데이터를 처리해야 합니다. 이를 위해 API의 일반적인 데이터 형식인 JSON을 사용하겠습니다. 다음은 몇 가지 JSON 데이터를 전송하는 방법입니다: CRUD 연산 RESTful API는 CRUD 연산을 처리할 수 있어야 합니다: 생성, 읽기, 업데이트, 삭제. 이러한 경로를 설정하는 방법은 다음과 같습니다: 여기까지입니다! 기본적인 RESTful API를 처음부터 구축했습니다. 더 배워야 할 것이 많지만, 이것으로 좋은 시작을 할 수 있을 것입니다. 즐거운 코딩 되세요! 💻

10 months ago

Mastering JavaScript Promises 🌟

Mastering JavaScript Promises 🌟 Promises in JavaScript are a way to handle asynchronous operations. They can be in one of three states: Pending: The Promise is still running and hasn't resolved yet. Fulfilled: The Promise has finished and it was successful. Rejected: The Promise has finished and it was unsuccessful. Here's a simple example of a Promise: In the above code, and are functions provided by the Promise constructor. We call when we want to indicate that the Promise was successful, and when something went wrong. To handle the result of a Promise, we use for a successful Promise, and for a failed Promise: Or, you can separate the success and failure handlers: Promises are a powerful tool in JavaScript, allowing us to write asynchronous code that is easier to understand and manage. Mastering Promises will make your web development journey much smoother! 🚀

10 months ago

Mastering Flexbox for Responsive Layouts 🌐

Mastering Flexbox for Responsive Layouts 🌐 Flexbox, short for Flexible Box Module, is a layout model that allows you to easily manage space distribution and alignment of items in a container, even when their size is unknown or dynamic. This makes it a powerful tool for building responsive web layouts. Let's dive into some key concepts and properties of Flexbox. Flex Container and Flex Items: When you apply to an element, it becomes a flex container. The direct children of this container are called flex items. Main Axis and Cross Axis: The main axis is defined by the property, and the cross axis runs perpendicular to it. Flex-grow, Flex-shrink, and Flex-basis: These properties allow you to control how flex items grow and shrink to fill the available space in the container. Align-items and Justify-content: These properties align flex items along the cross axis and main axis respectively. Flex-wrap: This property defines whether flex items are forced onto one line or can wrap onto multiple lines. With these properties, you can create complex layouts with ease. Flexbox is a powerful tool in your responsive design toolkit, so make sure to practice and experiment with it!

10 months ago

2024년 02월 01일

GPTs, GPT Store 가이드

GPTs, GPT Store 가이드 개요 작년 11월경 OpanAI는 유저들이 다양한 프롬프트, 스킬, 지식들을 연동하여 커스터마이징하여 사용할 수 있는 를 발표하였습니다. GPT의 챗봇은 지금 현재도 다양한 방면으로 유저들에게 사용되어오지만, 프롬프트나 지시가 없이 사용하는 GPT는 환각 현상이 발생하기 쉬우며 목적에 맞는 답변을 얻기위하여 질문을 수정하는 과정을 거쳐야합니다. LLM의 환각 현상 (Hallucination)은 제공된 소스 콘텐츠에 대해 터무니없이 불성실한 생성 콘텐츠로 정의됩니다. 환각의 예제 사용자: "Weather"라는 단어에 알파벳 "m"이 몇개 있어? AI: "Weather"라는 단어에는 한 개의 "m"이 있습니다. 사용자: 그게 맞아? AI: 죄송합니다. 맞습니다, "Weather"에는 "m"이 없습니다. 이를 해결하기 위하여 특정 목적에 적합한 GPT 모델을 커스텀으로 생성할 수 있는 GPTs는 AI에게 지시 사항, 사전 지식, 커스텀 액션 등을 부여할 수 있으며, 필요에 따라 GPTs는 웹 브라우징, DallE 이미지 생성, 코드 인터프리터 등의 기능을 사용할 수 있습니다. 나아가 24년 1월중에 오픈 예정에 GPT Store에 판매가 가능합니다. GPTs 생성 가이드 사전 요구 사항 GPT Plus 플랜이 활성화된 계정 (월 $20) 현재 베타 버전에서만 활성화된 커스텀 GPT 생성 기능을 사용하기 위해서는 유료 계정이 필요합니다. 커스텀 GPT 생성 Chat GPT 웹 페이지로 GPT Plus 플랜이 활성화된 계정으로 로그인 Explore 탭으로 이동 Create a GPT (Beta) 클릭 이제 GPT 에디터 페이지로 이동하였습니다. 해당 페이지에서는 GPT를 만드는 두가지 방법이 있습니다. GPT로 생성하기 Create 탭에서 GPT와 채팅을 통해 커스텀 GPT를 생성 할 수 있습니다. 커스텀 설정으로 생성하기 Configure 탭에서 수동으로 정보들을 입력하여 커스텀 GPT를 생성할 수 있습니다. 아래는 한국어로 번역한 Configure 탭 내용입니다. 키포인트 Picture / Photo GPT 프로필을 나타낼 수 있는 사진입니다. 직접 등록하거나 DALL-E를 사용하여 생성할 수 있습니다. Name (이름) GPT의 이름입니다. Description (설명) 어떤 일을 하는 GPT인지 간략한 설명입니다. Instructions (지시 사항) GPT가 어떤 일을 하고, 어떻게 행동하며 또 하면 안되는 일이 무엇인지 지시하는 부분입니다. (프롬프트) Conversation Starters (시작 대화) 대화를 시작할 수 있는 예문 목록입니다. Knowledge (지식) GPT가 알고 있어야하는 기반이되는 지식입니다. 파일 형식으로 업로드합니다. Capabilities (GPT의 기능) Web Browsing GPT가 웹을 브라우징하여 검색하고 정보를 찾을 수 있습니다. DALL-E Image Generation GPT가 DALL-E AI를 통해 이미지를 생성할 수 있습니다. Code Interpreter GPT가 코드 인터프리터를 사용하여 코드를 실행할 수 있습니다. 데이터 분석, 수학적 계산 등에 사용됩니다. (업로드한 지식 파일과 함께 사용될 수 있습니다.) Actions (액션) 외부 API를 호출하는 액션을 선언합니다. 예를 들어 영화 데이터베이스 API에 대한 문서를 JSON 형식으로 제공하여 GPT가 영화 정보를 불러올 수 있습니다. Additional Settings (추가 설정) Use conversation data in your GPT to improve our models OpenAI가 해당 GPT의 대화 내용을 학습에 사용하는데 동의 여부입니다. 예제 다음은 라면 전문가 GPT를 만든 예제입니다. 다음과 같은 파라미터를 지정하여 실행하였습니다. GPT Plus 계정이 있으면 다음 에서 테스트 가능합니다. Name: 라면 전문가 Description: 라면을 잘 끓이는 방법을 알려주는 GPT입니다. Instructions Conversation starters 맛있는 라면을 끓이려면 물을 얼마나 넣어야해? 매운걸 못먹는 사람들한테 끓여주기 적합한 라면 레시피 알려줘 기본 재료 외에 넣으면 맛있는 재료가 뭐가 있을까? Knowledge 사전 지식은 에 있는 정보를 PDF 파일 형식으로 업로드했습니다. Capabilities Web Browsing

10 months ago

AWS Cloudformation 그리고 IAC

AWS Cloudformation 그리고 IAC 개요 AWS에는 다음과 같이 다양한 클라우드 리소스들이 존재합니다. EC2 - 클라우드 컴퓨팅 S3 - 클라우드 저장소 (스토리지) RDS - 클라우드 데이터베이스 Route53 - DNS 레코드 관리 ECS - 클라우드 컨테이너 서비스 (도커) CodeCommit - 코드 버전 관리 (Git) SES - 이메일 발송 서비스 이러한 AWS 인프라들을 활용하여 서비스를 만들고 배포하기 위해서는 AWS 웹 대시보드 콘솔에서 다양한 작업이 선행되어야합니다. 단순한 Node.js 서버가 설치된 EC2를 설정하는데에도 다음과 같은 단계가 필요합니다. 적절한 EC2 인스턴스 타입을 선정 EC2 부팅 드라이브에 부착할 EBS 스토리지 선정 EC2 할당할 고정 IP (Elastic IP) 지정 EC2 에 사용될 AMI (OS 이미지) 선정 EC2 부팅 후 SSH / HTTP / HTTPS 등의 연결이 가능하도록 보안 그룹 지정 EC2 구동 후 필요한 소프트웨어 설치 (Node.js, Git 등) 만약에 이러한 EC2 인스턴스가 마이크로서비스 또는 비슷한 서비스로서 재사용되고 계속해서 생성되어야한다면 반복적인 작업이 많아집니다. 이를 개선하기 위하여 이러한 인프라 구조를 코드로 관리 가능한 개념을 IAC (Infrastructure as Code)라 합니다. IAC 우리가 웹 애플리케이션의 소스 코드를 버전관리 하듯이, 인프라 또한 설정이 바뀌는 부분에 대한 버전 관리, 그리고 반복적인 재사용을 위한 세밀한 문서화가 필요합니다. 이러한 문제를 해결하기 위하여 IAC(Infrastructure As a Code) [인프라 as 코드]를 통하여 관리가 가능합니다. IAC를 지원하는 툴들은 여러가지가 있습니다. AWS Cloudformation AWS Cloud Development Kit Hashicorp Terraform Azure Resource Manager Google Cloud Deployment Manager Ansible 이 중 우리는 아마존에서 지원하는 AWS Cloudformation에 대하여 알아보겠습니다. AWS Cloudformation AWS Cloudformation은 AWS에서 생성 가능한 대부분의 리소스들에 대한 정의를 YAML 또는 JSON 형식으로 관리하고 배포할 수 있도록 도와줍니다. 이렇게 배포된 리소스들은 Cloudformation Stack이라고 불리며, 이것은 즉시 제작 또는 파기가 가능합니다. 예를 들어 아래와 같은 템플릿을 사용하게되면 AWS EC2 () 우분투 서버를 생성하고 80번 포트가 개방된 보안 그룹을 연결합니다. Cloudformation 템플릿을 작성하는 가이드는 AWS의 를 참조 할 수 있습니다.

10 months ago