티스토리

코딩 기록소
검색하기

블로그 홈

코딩 기록소

seungyong20.tistory.com/m

seungyong20 님의 블로그입니다.

구독자
2
방명록 방문하기
공지 기록하는 습관을 기르자 모두보기

주요 글 목록

  • [Spring Boot + Python] Kafka를 사용해보자 이전 글에서는 Kafka와 RabbitMQ의 이론에 대해서 알아보았다.이번에는 프로젝트에서 사용한 Spring boot + Python을 Kafka와 연결하여 사용하는 방법에 대해서 설명하고자 한다. 해당 포스트는 이론적인 부분은 모두 제외되었기 때문에, 이론부터 공부를 하고자 한다면 이전 글을 참고하길 바랍니다. Kafka와 RabbitMQ를 알아보자이번에 알아볼 Kafka와 RabbitMQ는 두 어플리케이션, 프로세스 등 간의 메세지를 교환할 때 사용하는 플랫폼입니다.첫 번 째 게시글은 Kafka와 RabbitMQ에 대해 이론적으로 알아보고, 다음 게시글은 Sprinseungyong20.tistory.com 해당 관련 코드들은 모두 Github에서 확인하실 수 있습니다. blog/kafka at ma.. 공감수 8 댓글수 4 2024. 9. 30.
  • Kafka와 RabbitMQ를 알아보자 이번에 알아볼 Kafka와 RabbitMQ는 두 어플리케이션, 프로세스 등 간의 메세지를 교환할 때 사용하는 플랫폼입니다.첫 번 째 게시글은 Kafka와 RabbitMQ에 대해 이론적으로 알아보고, 다음 게시글은 Spring boot + Python을 사용하여 Kafka로 통신하는 방법에 대해서 알아볼 것입니다. 메시지 큐 (MQ)먼저, Kafka와 RabbitMQ에 대해서 알아보기 전 필수적인 개념인 메시지 큐에 대해서 알아보겠습니다. 정의 프로세스 또는 프로그램 인스턴스가 데이터를 서로 교환할 때 사용하는 통신 방법 독립적인 애플리케이션과 서비스에서 정보를 교환할 수 있도록 지원하며, 한 애플리케이션이 큐에 메세지를 보내고, 다른 애플리케이션이 큐에서 메시지를 받아 사용하는 통신 방법입니다.즉, 발신.. 공감수 1 댓글수 0 2024. 8. 20.
  • [Nextjs] Tiptap 사용법과 커스텀마이징 기능 구현 소스 코드 보기https://github.com/seungyong/blog/blob/main/tiptap/README.md Tiptap이란?공식 문서 사이트에서는 Tiptap을 다음과 같이 소개하고 있습니다. Tiptap is an open source headless content editor and real-time collaboration framework to craft exactly the content experience you’d like to have Tiptab은 사용자가 원하는대로 정확하게 만들 수 있는 오픈 소스 헤드리스 텍스트 편집기이자 실시간 협업 프레임워크입니다.Headless란?사용자 인터페이스를 갖고 있지 않는 것을 의미합니다. 즉, 사용자 인터페이스를 가지지 않고, 텍스트 .. 공감수 4 댓글수 1 2024. 2. 28.
  • IoC, DI, DPI 확실히 개념 잡기 IoC (제어의 역전) 정의 제어 흐름이 반전되는 디자인 원칙으로, 시스템의 제어 흐름을 외부 컨테이너나 프레임워크로 전환하는 것을 말합니다. 이것은 라이브러리와 프레임워크의 큰 차이점이기도 합니다. 라이브러리는 개발자가 언제 사용할지 결정하는 제어권을 갖지만 프레임워크는 내가 작성한 코드를 제어하고, 대신 실행해주므로 제어권을 프레임워크가 갖게 됩니다. 쉽게 말해, 제어권이 누구한테 있냐의 문제라고 보시면 됩니다. IoC가 필요한 이유 class PotatoPizza { public void make() { System.out.println("포테이토 피자를 만듭니다!"); } } class PizzaShop { private PotatoPizza potatoPizza; public PizzaShop(.. 공감수 1 댓글수 0 2023. 11. 12.
  • REST API 확실히 개념 잡기 오늘 소개할 것은 대충 어떻게 사용하는지만 보고 확실한 개념을 잡지 않았던 REST API에 대해서 알아볼 것이다. 용어 정의 클라이언트 웹에서 정보에 액세스하려는 모든 것을 사용자라고 한다. 클라이언트는 API를 사용하는 사람이 될 수도 있고 소프트웨어 시스템일 수도 있다. 리소스와 서버 리소스는 API를 통해 클라이언트에게 제공하는 정보이다. 리소스는 이미지, 동영상, 텍스트, 숫자 또는 모든 유형의 데이터일 수도 있습니다. 또한 클라이언트에 리소스를 제공하는 시스템을 서버를 말한다. API 애플리케이션 프로그래밍 인터페이스(API)는 다른 소프트웨어 시스템과 통신하기 위해 따라야하는 규칙을 말한다. 개발자는 다른 애플리케이션이 프로그래밍 방식으로 애플리케이션과 통신할 수 있도록 API를 표시하거나 .. 공감수 1 댓글수 0 2023. 11. 2.
  • 백엔드에서 이미지 업로드는 어떻게 하면 좋을까? 시험 기간으로 밀려서 마저 올리지 못했던 프로젝트에서 발생한 궁금증과 그 해결 시간이다.이번에 프로젝트하면서 단일 이미지 업로드, 다중 이미지 업로드를 처리하는데 많은 시간과 어려움을 겪었다. 그리고 내가 선택한 해결 방법과 그 이유에 대해서 알아보자. 이미지 업로드 방식에는 무엇이 있을까?나는 이미지 업로드 방식에서 크게 5가지로 나눌 수 있었다. blob을 사용하여 db에 저장 (권장 X)설명이것은 db에 데이터 타입 중 하나인 blob이라는 자료형을 사용하여 파일을 저장하는 방식이다.Binary Large Object의 줄임말으로써, 말 그대로 대용량 바이너리 데이터 즉, 이진 데이터를 저장하는 방법이다.MySQL에서는 다음과 같은 크기를 가지고 있다.BLOB 타입용량TINYBLOB2^8 - 1 (.. 공감수 4 댓글수 6 2023. 11. 1.
  • typescript ?(Optional Parameters)와 | undefined(Union)의 차이 Typescript 하면서 undefined를 지정하는 방법은 2가지가 있다. // Optional Parameters로 지정하는 방법 interface Fruit { cost?: number } // Union으로 지정하는 방법 interface Fruit { cost: number | undefined } 2개의 방법 중에서 한 가지 차이점이 존재한다. union으로 지정했을 때는 속성이 존재해야하고, optional parameters로 지정했을 때는 속성을 정의해주지 않아도 된다. Union으로 정의를 했다면 다음과 같이 사용하면 에러가 발생한다. // Union으로 지정하는 방법 interface Fruit { cost: number | undefined } // Property 'cost' i.. 공감수 0 댓글수 0 2023. 2. 9.
  • [JWT] Access Token과 Refresh Token 그리고 RTR 기법에 대해서 알아보자. 이번에는 토이 프로젝트를 하면서 알아본 JWT에 대해서 얘기를 할 것이다. JWT에 들어가기 앞서 인증마다 무슨 차이점이 존재하는지 알아보자. Cookie Cookie란 Key: Value로 이루어진 문자열이다. 사용자가 어떠한 웹사이트에 방문했을 때 그 사이트가 사용하는 서버를 통해 사용자 로컬(하드)에 저장되는 작은 데이터다. Cookie는 Key : Value로 이루어져 있으며 만료시간, 도메인, 경로 등의 정보를 가질 수 있다. Cookie 작동 방식 Browser(사용자)가 Server에 요청을 보낸다. Server는 Browser의 요청에 대한 응답을 작성할 때 Client측에 저장하고싶은 데이터를 응답 헤더의 Set-Cookie에 담아서 응답한다. Browser는 Cookie를 응답 받았다면.. 공감수 7 댓글수 0 2023. 1. 15.
  • [NodeJS] Typescript EsLint 및 Prettier 적용하기 오늘은 토이 프로젝트 하면서 알아본 EsLint및 Prettier를 적용할 것이다. 알아보기전 EsLint와 Prettier에 대한 기본적인 개념을 알아보자.EsLint란?ES : ECMA Script로서 Javascript를 표준화하기 위해 만들어진 규격이다. Lint : 소스 코드를 분석하여 오류, 버그, 코딩 스타일 등까지 에러를 표시 해주는 것을 의미한다. 따라서, EsLint는 소스코드를 분석하여 문법적으로 오류, 버그가 있다면 에러를 표시해줄 뿐더러 코딩 스타일까지 지정하여 사용할 수 있다. Prettier란?작성된 소스코드를 지정한 코딩 스타일에 맞게 변환 및 검사 해주는 도구이다. javascript처럼 사용자층이 넓은 언어일수록 사용자마다 다른 코딩 스타일을 갖게되는데 협업을 할 때에는 .. 공감수 5 댓글수 0 2023. 1. 10.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.