Coca Cola Red

오늘은2024 Epson API 공모전에 참여하였습니다. 해당 공모전은 Epson 코리아 + 멋쟁이 사자처럼에서 함께 진행해주셨습니다. 본선 발표 전, 피칭 시간이 있었습니다.  프로젝트 - PaideiaEpson Connect API를 활용한 프로젝트를 개발하는 공모전이였습니다. 저희 팀에서는 GPT 엔진을 활용한 개인 맞춤형 교육 자료를 생성하는 서비스를 만들었습니다.저는 프로젝트에서 DB 설계를 맡아 생성된 교육 자료를 DB에 저장하고 활용하는 기능들을 구현했습니다. ERD초기에 계획한 ERD입니다.추천 학습, 오늘의 학습, 즐겨찾기한 학습, 오답노트 등 초기 기획에 맞춰 구성했는데 제출 기한에 맞춰 기능이 축소되면서 다시 ERD를 작성했습니다. 다시 작성한 ERD입니다. ERD를 기반으로 설계한 ..

오늘은새로 시작하게된 프로젝트에 앞서 API 명세서와 ERD를 작성했습니다.  API 명세서프로젝트에서 필요한 최소한의 필수적 기능들로 작성했습니다.  - auth : 회원가입, 로그인 - user : 개인 정보 조회 - show : 공연 생성, 공연 검색, 공연 상세 조회- ticket : 랜덤 예매하기, 예매 확인, 예매 취소, 전체 좌석 예매 정보 확인, 좌석 지정 예매  좌석마다 등급이 있고 가격이 다르기 때문에 좌석을 지정하여 예매, 예매 취소, 전체 좌석 예매 정보 확인 API가 해당 프로젝트에서 핵심적인 부분이라고 생각됩니다.  req, res 작성에서 ERD의 필요성을 느껴 번갈아가며 작업했습니다. 예매와 관련된 API URL과 method가 RESTful 하게 작성되었는지, 피드백을 받아..

TypeScript는 JavaScript에 정적 타입을 추가하여 코드의 안정성과 가독성을 높이는 언어입니다. TypeScript에는 기본 타입 외에도 고급 타입이 존재하여 복잡한 타입 정의와 더 강력한 타입 체크를 가능하게 합니다.  오늘은 TypeScript의 고급 타입들을 정리한 자료입니다.   1. 유니온 타입 (Union Types)여러 타입 중 하나를 가질 수 있는 변수를 정의할 때 사용합니다.typescriptlet value: string | number;value = "Hello";value = 123; 2. 인터섹션 타입 (Intersection Types)여러 타입을 결합하여 하나의 타입으로 만들 때 사용합니다.interface Person { name: string;}interf..

오늘은 타입스크립트를 사용하기 위해 추가된 과정인 컴파일에 대해서 공부했습니다.  컴파일이란 ? 일반적으로, 소스 코드를 특정 플랫폼에서 실행 가능한 형태로 변환하는 과정을 의미합니다. 타입스크립트를 브라우저에서 실행하려면 '컴파일' 과정이 필요한데요,브라우저는 아직까지 타입스크립트 코드를 처리할 수 없기 때문입니다.따라서 개발 과정에서 타입스크립트로 작성하지만 배포시에는 반드시 자바스크립트로 변환하는 과정이 필요합니다.  컴파일러란 ? 타입스크립트 코드를 자바스크립트 코드로 변환할 때 필요한 도구를 '컴파일러'라고 합니다. (프로그래밍 언어로 작성된 소스 코드 -> 다른 프로그래밍 언어로 변환하는 도구)'컴파일러'는 코드 변환 과정에서 오류를 사전에 발견하기도 하고 코드의 최적화를 도와 전반적인 어플리..

오늘은 타입스크립트를 배우기 전, 자바스크립트가 동적 타입 언어이기 때문에 생길 수 있는 문제점을 배웠습니다. 제게는 생소한 개념인 동적 타입 언어와 정적 타입 언어에 대해 정리해보고자 합니다. 동적 타입 언어와 정적 타입 언어 변수와 데이터 타입의 처리 방식에 따라 구분됩니다. 1. 동적 타입 언어 ( 인터프리터 언어 ) 변수의 타입이 실행 시간(runtime)에 결정됩니다. 변수를 선언할 때 타입을 명시하지 않고, 변수에 값을 할당 할 때 그 값의 타입에 따라 자동으로 변수의 타입이 결정됩니다.  특징 1. 유연성 : 변수의 타입이 고정되지 않고 필요에 따라 변경됩니다. 2. 간결한 코드 : 변수 선언 시 타입을 명시할 필요가 없어져서 코드가 간결해집니다. 3. 런타임 타입 체크 : 변수의 타입이 실..

오늘은 지난번, 직접 Insomnia로 테스트해보며 HTTP 메서드가 기능은 포함하지 않는다는 사실을 알게 되었습니다. 같은 의미로 상태 코드 또한 어떤 기능도 지니지 않으며 표준을 지키지 않더라도 백엔드 동작에는 아무 문제가 없을 것입니다. 그렇다면 왜 메서드와 상태 코드를 올바르게 작성해야 하는 것일까요1. 컨벤션에 맞지 않는다.- 컨벤션이 맞지 않으니 클라이언트와 서버가 서로 생각하는 동작이 다르게 될 확률이 있습니다. 이는 서비스 자체에 결함을 초래할 수 있습니다. 예를 들어 PATCH를 사용해도 충분한 API에서 PUT으로 작성하게 된다면 매번 해당 데이터 전체를 덮어쓰는 작업을 표준으로 두기 때문에 트래픽 낭비가 생길 수 있습니다.  2. 상태 코드의 쓰임- 같은 맥락에서 올바르지 못한 상태 ..

오늘은부트 캠프를 진행하며 새로운 팀 프로젝트를 시작하고 오늘로써 마쳤습니다. 돌이켜보던 중 API 명세서를 보며 든 질문을 작성해보겠습니다. 작성한 API 명세서입니다. 해당 명세서를 보며 문득 현재 로그아웃 API는 저장된 리프레쉬 토큰을 삭제하는 작업을 수행하는 데POST 메서드로 작성되는 게 옳은 걸까? 라는 생각이 들었습니다. HTTP 메서드는 실제 기능하는가 ? HTTP 메서드는 서버에 요청하는 동작에 의미를 나타내는 동시에, 주어진 리소스에 수행해야 될 동작을 지정하는 방법입니다.그렇다면 GET, DEL 와 같은 메서드를 보내고 리소스를 추가하는 동작을 요청하면 API는 동작하지 않게 되는 것일까요? 그럼에도 동작한다면 ? HTTP 메서드는 명시적인 의미만을 가지는 것인지, 혹은 동작은 하더..

웹소켓(WebSocket)은 웹 브라우저와 웹 서버 간의 양방향 통신 채널을 제공하는 프로토콜이다.  웹소켓의 특징클라이언트와 서버 간 실시간 양방향 통신이 가능하다. 서버에서 클라이언트로 데이터를 보낼 수 있고, 클라이언트에서도 서버로데이터를 보낼 수 있다. HTTP 프로토콜과 달리 헤더 오버헤드가 작아 효율적이다. 초기 핸드셰이크 후에는 작은 데이터 프레임만 주고받는다. 웹소켓 연결은 지속적이며, 서버나 클라이언트 중 어느 한쪽에서 연결을 끊을 때까지 유지된다웹소켓의 동작 과정 Opening Handshake : 클라이언트가 웹소켓 연결을 요청하면 서버와 핸드셰이크를 수행한다. 이 과정에서 HTTP 프로토콜을 업그레이드 한다. Data Transfer : 핸드셰이크 후 웹소켓 프로토콜로 데이터를 주고..

1. 개요이메일 검증과 사용자의 리프레쉬 토큰 저장을 위하여 Redis를 사용해보기로 결정하였습니다.Redis 서버와의 연결 과정에서 발생했던 문제점에 대해 다뤄보겠습니다.2. 트러블슈팅2.1 배경 2.2 발단 Redis 서버와의 연결 작업 중 문제가 발생하였습니다.Redis에서 제공하는 클라이언트 연결 코드를 사용하여 연결을 시도했을때 서버와 연결이 되지 않는다는에러가 발생했습니다. 2.3 전개터미널로 확인해보니 redis는 promise를 반환하고 있었습니다. 2.4 위기문제를 해결하기 위해 함수로 한번 더 감싸 async await 키워드를 넣어주었지만 해결되지 않았습니다. 2.5 절정 async를 지워보고 await만을 사용했을 때 서버와 정상적으로 연결이 이어졌습니다. 2.6 결말튜터님께서 알려..

Redis는 오픈소스 인메모리 키-값 데이터 저장소를 뜻한다. Redis의 정의 원격 사전 서버(Remote Dicionary Server)의 약자이다.키-값 구조 외에도 리스트, 셋, 정렬 셋, 해시 등 다양한 데이터 구조를 지원한다. 모든 데이터를 메모리에 저장하므로 디스크 기반 데이터베이스보다 읽기 속도가 매우 빠르다.단일 스레드 이벤트 루프 모델로 동작하여 효율적이다.Redis의 주요 용도캐싱: 데이터베이스에서 자주 사용되는 데이터를 메모리에 캐싱하여 응답 속도를 높인다. 세션 관리: 웹 애플리케이션의 사용자 세션 정보를 저장한다.메시징 브로커: Pub/Sub 기능을 통해 메시지 큐 시스템으로 사용할 수 있다.Redis의 특징 메모리 기반이므로 디스크 I/O 없이 데이터에 빠르게 접근할 수 있다...