티스토리

mingg IT
검색하기

블로그 홈

mingg IT

mingg123.tistory.com/m

mingg123 님의 블로그입니다.

구독자
7
방명록 방문하기

주요 글 목록

  • [코프링] MongoDB → PostgreSQL: 이관 과정 A to Z 배경진행하고 있던 프로젝트의 DB 인스턴스가 삭제 되었다. 🤣복구가 불가능하다고 판단되었고, Supabase를 이용하기 위해 mongoDB에서 postgreSql로 이관 프로젝트를 진행 하였음STEP1. 유지해야하는 API, 불필요한 API 분리기본적인 CRUD 작업은 프론트에서 Supabase로 바로 접근하여 데이터를 읽어올 것이기 때문에 복잡한(인증, 푸시알림 등)API 를 제외하곤 삭제하려함2. build.gradle.ktimplementation("org.springframework.boot:spring-boot-starter-data-mongodb") 제거implementation("org.postgresql:postgresql:42.2.20") 추가3. 서버 로직 업데이트controller .. 공감수 0 댓글수 0 2025. 1. 14.
  • React 19 버전 출시 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 12. 14.
  • [책 리뷰] 크리스토퍼 브라운 가치투자의 비밀 배경 - 투자에 대해 관심을 가지기 위해 약간의 강제성을 부여하고,  한달에 1권씩 투자 or 부동산 관련 책(또는 영상)을 보기로 하였다.- 얇고(?) 기초적인 책이라 생각이 들어 가장 처음 읽게 되었다.   용어정리 EPS (Earnings Per Share)- 주식 1주당 벌어드린 순이익을 의미- 높을수록 주가에 긍정적인 영향을 미침    PER (Price Earnings Ratio)- 기업의 주가가 기업의 주당순이익(EPS)에 비해 얼마나 높은지를 나타냄 - 높으면 시장에서 기업의 성장 가능성을 높게 평가한다고 볼 수 있음- 낮으면 저평가된 기업으로 해석할 수 있음 - 단, PER만으로 기업의 가치를 판단하기보단 다른 지표와 함께 보아야함      M&A: 인수 합병 유동 자산  - 당좌 자산(.. 공감수 9 댓글수 4 2024. 11. 11.
  • [Code Editor] Cursor ai 사용 후기 목적AI Code Editor 의 사용 경험에 대해 정리하고자 한다. 링크 CursorThe AI Code Editorwww.cursor.com     - 파일 검색 가능- src 폴더 기준으로 검색하면 그나마 잘함 (대신 느림) - 간단한 프로젝트에 적용하기 좋음- 코파일럿이랑 가격이 같음 (월 20달러) 공감수 0 댓글수 0 2024. 11. 7.
  • [라이브러리 학습] Yarn 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 6. 30.
  • [책 리뷰] 똑똑한 사람은 어떻게 생각하고 질문하는가 배경 - 팀 내에서 스마트하신 분들의 공통점을 살펴보면 논점을 빠르게 파악하시고 날카로운 질문을 잘 하신다. - 이런면에 있어서 내가 부족한 점이 있는 것 같아, 책의 제목을 보고 바로 읽게 되었음. - 사실 책 제목만 보아도 벌써부터 궁금하지 않는가?   요약 도식적으로라도 Why를 다섯번 외치기 - 근본적인 원인에 닿을 수 있고, 본질적인 해결책을 찾을 수 있음. - 어떤 문제나 생각에 항상 의문을 갖고 질문하면 본질적으로 이해하게 됨. - 개발할 때 우연히 문제를 해결한 경우가 분명히 존재할 것이다. 그냥 넘기지 말고 왜 이런지에 대해서 끈임없이 고민해보자.    이성적, 논리적 사고, 비판적 사고, 분석적 사고, 감성 지능, 의사소통 능력가지 포함되어 똑똑하다는 이미지가 형성됨  - 똑똑한 이미지.. 공감수 4 댓글수 1 2024. 6. 29.
  • [라이브러리 학습] BullMQ 학습 이유 - 최근 코드리뷰를 통해 bullMQ 라는 라이브러리에 대해 알게 되었는데, 내부 동작이 궁금하여 뜯어봄  개념Redis 기반의 큐 라이브러리Node.js에서 사용참조: https://docs.bullmq.io/BullMQ vs RabbitMQ 특징특징BullMQRabbitMQ언어 및 프레임워크Node.js 및 JavaScript/TypeScript에서 주로 사용됨여러 언어 지원 (Java, Python, Ruby, JavaScript 등)기반 기술RedisAMQP (Advanced Message Queuing Protocol)설치 및 설정Redis 설치 필요RabbitMQ 서버 설치 필요메시지 처리 방식FIFO, LIFO, 우선 순위 큐 지원기본적으로 FIFO, 우선 순위 큐, 다양한 교환 .. 공감수 3 댓글수 0 2024. 6. 23.
  • [CSS] Grid Garden 정답 https://cssgridgarden.com/ Grid GardenA game for learning CSS grid layoutcssgridgarden.com - 지인의 추천으로 한번 해보게 되었다.- 1시간 순삭 - 개인적으로 grid mdn 읽는 것 보다 직접 사용하는게 훨씬 습득하기엔 좋은 것 같다.- 난이도는 어려운 편은 아니였음. - 26번 부터 슬슬 막히기 시작했음.  1번grid-column-start:3 2번grid-column-start: 5 3번grid-column-end: 4 4번grid-column-end: 2 5번grid-column-end: -2 6번grid-column-start: -3 7번grid-column-end: span 2 8번grid-column-end: span.. 공감수 2 댓글수 0 2024. 6. 23.
  • [라이브러리 학습] react-big-calendar react-big-calendar 학습 이유- 최근 해당 라이브러리를 이용하여 커스텀 하는 과정에서 시간이 꽤 소요 되었고, 이번 기회에 내부가 구성되어있는지 공부해보고자 한다.  npm 주소- https://www.npmjs.com/package/react-big-calendar  storyBook - git clone 이후, yarn storybook    디렉토리 구조  scripts/build.mjschalk.blue : 터미널에 출력되는 문자열을 파란색으로 변경해주는 라이브러리sass로 컴파일 하고, 저장함src 디렉토리가 핵심 Calendar.js (예시) view: 표현될 캘린더 형식(ex 월, 주, 일) events: 캘린더에 보여질 이벤트 (title, start, end) onSe.. 공감수 1 댓글수 0 2024. 5. 2.
  • [독서] 2024년 독서 리스트 올해도 내 나이만큼(28) 책을 읽는 것을 목표로 삼았는데, 어떤 책을 읽었는지 정리를 해 두려고 한다.    1.  예민함이라는 무기  내 자신이 가끔 예민하다고 생각이 들어서 읽고 있다. 인상적이였던 부분은 예민하다는게 남들에게 화내고 짜증내는 것이 아니라, 남들에게 맞추고 자신을 숨기는 것도 예민함이라고 이야기 하고 있다. 그리고 자신의 한계나 경계를 인지하고 바운더리를 조절해라고 이야기 한다. 또한 남들보다 상황을 빨리 읽고 감각이 좋은 것(예민함)을 활용해보라고 한다.     2.  가상 면접 사례로 배우는 대규모 시스템 설계 기초 2  대규모 시스템 설계기초 1을 굉장히 재밌게 읽었기 때문에 2편을 읽고 있다.굉장히 재밌게 읽고 있다. 이 책은 정리를 하면서 읽으면 좋은데 출퇴근 기간에 보고는.. 공감수 2 댓글수 0 2024. 4. 28.
  • [CSS] position:fixed 사용시 width가 변하는 현상 프론트엔드 개발의 가장 어려운 부분은 css 인 것 같다. 내가 전혀 의도하지 않은 동작이 일어나고 있어서 수정해보려고 한다. 현상 - position: fixed를 이용하여 스크롤과 함께 같이 내려오는 기능을 구현함(우측 TEST 부분) - position이 변경되는 경계에서 화면 전체 UI가 밀리면서 width가 변경되는 현상이 발생함 기존 코드 수정한 코드 - fixed가 아닌 상태의 position을 absolute로 수정해 주었다. - fixed일 경우엔 상위(부모)의 width를 전혀 가지고 오지 못하기 때문에 width를 지정해 주었음. 수정 결과 - `예약 가이드` 경계와 함께 우측 정보가 함께 내려옴 - 의도한 대로 동작함 요약 - `position: fixed` 사용시 width를 지정.. 공감수 0 댓글수 0 2024. 4. 13.
  • [Calendar] react-big-calendar event custom(커스텀) 하기 2 https://mingg123.tistory.com/286 [Calendar] react-big-calendar custom(커스텀) 하기 목적 아래와 같은 calendar 형식으로 커스텀이 필요한 상황 이였다. 클릭 시 일자, 가격, 배경 색 변경 헤더영역, 일자 영역 border 제거 필요 달력 내 일자 영역을 둥근 border 필요 react-big-calendar 사용 mingg123.tistory.com 이전 포스팅에서는 css를 이용하여 캘린더 내 스타일을 간단하게 커스텀 하였다. 오늘은 캘린더 내 event 커스텀 관련 포스팅을 작성하려고 한다. 목적 - 캘린더 클릭 시 가격 정보 전달 - 이번달에 포함되지 않은 날 스타일 수정 이벤트 추가 - react-big-calendar는 날짜를 선택.. 공감수 1 댓글수 0 2024. 4. 13.
  • [Calendar] react-big-calendar custom(커스텀) 하기 목적 아래와 같은 calendar 형식으로 커스텀이 필요한 상황 이였다. 클릭 시 일자, 가격, 배경 색 변경 헤더영역, 일자 영역 border 제거 필요 달력 내 일자 영역을 둥근 border 필요 react-big-calendar 사용한 이유 이벤트 추가 및 사용하기에 간단함 커스텀 하기에 좋음 다양한 형태의 캘린더 제공(우리 프로젝트에선 오버스펙이긴함) npm 링크: https://www.npmjs.com/package/react-big-calendar 사용 기술 스택 Nextjs v13 Tailwind css react v18 react-big-calendar v1.10.1 커스텀 전의 캘린더 모습 (참고: 토, 일 색 변형 등은 내가 수정해주었음) import "moment-timezone/bu.. 공감수 3 댓글수 0 2024. 3. 31.
  • [Next.js] Image 컴포넌트 html2canvas 시 이미지가 깨지는 현상 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 2. 4.
  • 2023년 회고와 2024년 목표 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 1. 28.
  • [AWS Redshift] Redshift를 활용한 OLAP 구축 예시 문제 및 요구 사항 통계성 데이터를 보여주는 대시보드 기능이 추가되고, 데이터가 많아지면서 여러 문제가 생겼음 여러 테이블을 Join 해오기 때문에 속도가 매우 느림 (api 6초 정도 소요) 통계쪽 데이터를 확인하기위해 계속 요청하면 서버에 전체적으로 영향이 감 실시간 데이터와 배치성 데이터(1개월 전 데이터)를 함께 볼 수 있어야함 시도 방안 Aws Redshift 를 이용해보자. Redshift 란 ? MPP(Massive Parallel Processing) Database 임 OLTP 용으로 사용함 PK의 Uniqueness를 보장 하지 않음 즉 결국 DB 인데, 우리가 일반적으로 사용하는 MySql, PostgresSql 과 같은 OLTP 성 DB가 아니라는 뜻 Redshift 적용 구조 .. 공감수 3 댓글수 0 2023. 12. 7.
  • [React+MUI5] 테이블 렌더링 최적화 현상 expanded 되는 테이블 형식으로 바꾼 이후부터 렌더링이 눈에 띄게 느려졌다. 필터를 이용하면 테이블을 그려주는 형식이 변하는 동적 테이블 형식이였다. 또한 필터를 선택하면 백엔드로 API를 호출하는 것이아닌, 프론트에서 reduce를 이용해 소계를 다시 계산 하는 등 브라우저에 무리가 될 수도 있는 동작이 포함되어 있었다. 원인 데이터가 많아서 오래걸리는걸까봐 MUI의 virtualized table을 적용해보았지만 여전히 느렸다. (https://mui.com/material-ui/react-table/#virtualized-table) virtualized table을 적용후에도 여전히 느림을 확인한 이후, 이건 데이터를 보여주고 해당 데이터를 계산하는데 오래 걸려서의 문제가 아니라 테이블.. 공감수 2 댓글수 1 2023. 10. 24.
  • [kotlin + swagger-ui] java.lang.NumberFormatException: For input string: "" 에러 해결 현상 http://localhost:8080/swagger-ui/index.html# 에 접속하면 NumberFormatException 에러를 뱉었다. (평소엔 괜찮았음) 원인 평소엔 이상이 없었는데 최근부터 발생해서 최근 커밋 내용을 뒤져보았다. 추가한 부분은 Swagger-ui에 @ApiOperation, @ApiImplicitParam을 추가했었다. 원인은 @ApiImplicitParam 에서 숫자타입을 사용시 'example'를 작성해주지 않아서 이다. @GetMapping("/detail") @ApiOperation(value = "상품 상세 정보", notes = "상품 상세 정보를 반환 합니다") @ApiImplicitParam(name = "id", value = "조회할 상품 ID", .. 공감수 0 댓글수 0 2023. 10. 22.
  • [함수형 프로그래밍] 9장 계층형 설계 2 9장 계층형 설계 2 계층형 설계 패턴 패턴1: 직접 구현 패턴2: 추상화 벽 호출 그래프에 어떤 계층은 중요한 세부 구현을 감추고 인터페이스를 제공함 인터페이스를 사용하여 코드를 만들면 높은 차원으로 생각할 수 있음 패턴3: 작은 인터페이스 시스템이 커질수록 비즈니스 개념을 나타내는 중요한 인터페이스는 작고 강력하게 구성하는 것이 좋음 패턴4: 편리한 계층 계층형 설계 패턴과 실천 방법은 개발자의 요구를 만족시키면서 비즈니스 문제를 잘 풀수 있어야 한다. 소프트웨어를 더 빠르고 고품질로 제공하는데 도움이 되는 계층에 시간을 투자해야함 그냥 좋아서 계층을 계속 추가하면 안됨. 코드가 속한 추상화 계층은 작업할 때 편리해야함 패턴2: 추상화 벽 책임을 명확하게 나눔 세부 구현을 감춘 함수로 이루어진 계층 .. 공감수 0 댓글수 0 2023. 10. 22.
  • [함수형 프로그래밍] 8장 계층형 설계 1 8장 계층형 설계 1 좋은 설계를 위한 감각을 키울 수 있도록 도와주는 장이다. 목적에 따라 분리한 계층형 설계에 대해서 설명하고, 어떤 식으로 계층을 분리해야하는지 알려준다. 정말 이러한 패턴으로 설계를 했을 때 좋은 설계가 맞는지 의문도 들었다. 괜히 여러 계층이 생기면서 오버엔지니어링이 되는건 아닌가? 싶었다. 현업시 간혹 어떤 파일에 해당 함수를 넣을지 고민한적이 많았는데 동일한 계층에 넣으면 되겠다 싶었다. 계층형 설계 소프트웨어를 계층으로 구성하는 기술 비즈니스 규칙, 장바구니를 위한 동작들, 카피-온-라이트, 배열 관련 기능 목적에 따라 계층으로 나눔 계층형 설계 패턴 직접 구현 계층형 설계 구조를 만드는데 도움이 됨. 함수 시그니처가 나타내고 있는 문제를 함수 본문에서 적절한 구체화 수준에.. 공감수 1 댓글수 0 2023. 10. 21.
  • [함수형 프로그래밍] 7장 신뢰할 수 없는 코드를 쓰면서 불변성 지키기 7장 신뢰할 수 없는 코드를 쓰면서 불변성 지키기 레거시 코드나 신뢰할 수 없는 코드로부터 내 코드를 보호하기 위해 방어적 복사를 만듬 얕은 복사와 깊은 복사를 비교함 카피-온-라이트와 방어적 복사를 언제 사용하면 좋은지 알 수 있음 이번 장 같은 경우에는 언제 얕은 복사를 사용하고, 언제 깊은 복사를 사용하면 좋을지 개념적으로 설명되어있다. 사실 현업을 진행하면서 습관적으로 데이터의 불변성을 위해 복사를 사용하는데 언제 어떤 복사를 이용해야할지 원칙적으로 정리해본 적은 없었다. 이번 장을 통해 그런 점들을 한번쯤 상기시키고 개념화 할 수 있어서 좋았다. 방어적 복사 블랙 프라이데이 행사를 위해 장바구니 항목에 세일을 적용하고 싶다. 카피-온-라이트 원칙을 지키면서 안전하게 함수를 사용하는 원칙을 방어적.. 공감수 0 댓글수 0 2023. 10. 14.
  • [함수형 프로그래밍] 6장 변경 가능한 데이터 구조를 가진언어에서 불변성 유지하기 6장 변경 가능한 데이터 구조를 가진언어에서 불변성 유지하기 장바구니를 예시로 들었을때 동작에서 읽기, 쓰기를 분류할 수 있음 읽기 데이터를 바꾸지 않고 정보를 꺼내는 것 쓰기 데이터를 바꾸는 것 장바구니 동작 제품 개수 가져오기 => 읽기 제품 이름으로 제품 가져오기 => 읽기 제품 추가하기 => 쓰기 제품 이름으로 제품 빼기 => 쓰기 제품 이름으로 제품 구매 수량 바꾸기 => 쓰기 함수형 프로그래밍에선 쓰기 동작은 불변성 원칙에 따라 구현해서 최대한 읽기로 바꾸어야함. 카피-온-라이트 원칙 3단계 복사본 만들기 복사본 변경하기 복사본 리턴하기 연습문제 1 적용 전 var mailing_list = []; function add_contact(email) { mailing_list.push(email.. 공감수 1 댓글수 0 2023. 10. 14.
  • [AWS] git actions을 이용한 EC2내 .env 배포 방법 보호되어 있는 글입니다. 공감수 0 댓글수 0 2023. 10. 10.
  • [함수형 프로그래밍] 5장 더 좋은 액션 만들기 1장 부터 읽었을때 가장 인상깊고 재밌었던 장이다. 함수 내 코드를 분리할때 어떤 기준으로 나눌지 애매한 경우가 많았는데 비즈니스 규칙, 계산, 액션 등으로 나누는 기준을 알려줌 수정 전 (4장 코드) var shopping_cart = []; var shopoing_cart_total = 0; function add_item_to_cart(name, price) { shopping_cart = add_item(shopping_cart, name, price); calc_cart_total(); } function calc_cart_total() { shopping_cart_total = calc_total(shopping_cart); set_cart_total_dom(); update_shipping_.. 공감수 2 댓글수 0 2023. 10. 9.
  • [함수형 프로그래밍] 4장 액션에서 계산 빼내기 4장 액션에서 계산 빼내기 함수형 프로그램 적용 전 장바구니 예시 var shopping_cart = []; var shopping_cart_total = 0; // 장바구니 카트에 추가 function add_item_to_cart(name, price) { shopping_cart.push({ name: name, price: price, }); calc_cart_total(); } // 장바구니 총액 계산 function calc_cart_total() { shopping_cart_total = 0; for (var i = 0; i < shopping_cart.length; i++) { var item = shopping_cart[i]; shopping_cart_total += item.price;.. 공감수 1 댓글수 2 2023. 10. 9.
  • [Kotlin] Kotlin + Spring Boot + queryDSL 적용 상황 검색 조건등으로 인해 동적 쿼리를 생성할 일이 생겨서 queryDSL을 적용해 보려고 한다. build.gradle.kt import org.jetbrains.kotlin.gradle.tasks.KotlinCompile plugins { id("org.springframework.boot") version "2.7.6" id("io.spring.dependency-management") version "1.1.3" kotlin("jvm") version "1.8.22" kotlin("plugin.spring") version "1.8.22" kotlin("plugin.jpa") version "1.8.22" // 추가 kotlin("kapt") version "1.9.10" idea } java {.. 공감수 0 댓글수 0 2023. 10. 4.
  • [Spring boot] com.sun.mail.smtp.SMTPSendFailedException: 554 5.7.1 The sender address is unauthorized 3DiFzrI-T6Cq5uzEqnSbnw - nsmtp 에러 해결 상황 임시비밀번호를 메일로 전송해주는 서비스를 만들고 있었다. (JavaMailSender를 이용) 네이버 이메일을 이용했고, 네이버 > 환경설정> SMTP 권한을 설정해주었는데도 해당 에러가 발생했다. 해결 방안 mailSender에 setFrom을 추가하여 보내는 이메일을 추가해주었다. private val mailSender: JavaMailSender @Value("\${spring.mail.username}") private lateinit var fromEmail: String private fun _sendEmail(email: String, temporaryPassword: String) { val message = mailSender.createMimeMessage() val helper.. 공감수 0 댓글수 0 2023. 9. 29.
  • [Java] compiled by a more recent version of the Java Runtime (class file version 61.0), this version of the Java Runtime only recognizes class file versions up to 52.0 상황 Spring Initializer로 java 17버전을 선택하고 spring boot 프로젝트를 Run 했는데 해당 에러를 발생하면서 실패했다. 분명히 이전에 초기 세팅할때도 겪었던 문제라서 기록해 두려고 한다. 해결방안 1. File > Project Structure SDK 버전을 17로 바꾸어 준다. 2. Setting > Build, Execution, Deployment > Build Tools > Gradle InteliJ IDEA로 설정해주고, JVM을 17버전을 선택한다. 빌드 성공 두번째 겪은 문제라서 설정하는 메뉴이름이 기억이안나서 작성해두었다. 초기 세팅이 귀찮지만.. 시작이 반이니 화이팅! 공감수 0 댓글수 0 2023. 9. 28.
  • [Redis] "org.redisson.client.RedisException: MOVED redirection loop detected." 상황 갑자기 결제 관련된 부분에서 간헐적으로 500 에러가 뜨기 시작했다. 분명 추가로 배포한 사항도 없는데 무수한 에러를 뱉어내고 있었다. 에러 로그는 결제가 실패했다고만 뜨고있어서, 결제가 실패한 시간대의 로그를 살펴보니 아래와 같은 에러를 뱉어냈다. 구글링을 해보아도 특별히 해결 방법이 많이 나오지 않는다. Redis 버전이 문제가 있을 수 있다고 이야기 한다. 추측 결제시 마이그레이션 된 유무를 파악하기위해 Redis를 쓰고 있었다. 해당 시점은 마이그레이션이 끝나고 난 이후기 때문에 우선 Redis를 사용하고있는 모든 로직을 걷어내기 시작했다. 원인 aws > 샤드 및 노드가 1개 추가되어 있었다. aws > 이벤트 또한 수정되어 있었다. 타 회사와 협업을 하면서 aws 계정을 공유하는데 수정 .. 공감수 0 댓글수 0 2023. 9. 26.
  • [AWS] org.postgresql.util.psqlexception: the connection attempt failed. 상황 postgreSQL을 localhost만 사용하다가 rds로 endPoint를 옮기고 EC2에 서버를 띄웠다. 스프링 부트 프로젝트에선 datasource url등을 바꾸고 실행했을때 문제가 없었다. 허나 EC2 인스턴스 에러로그가 발생했다. (아래 첨부) org.postgresql.util.psqlexception: the connection attempt failed 를 포함한 무수히 많은 에러를 뱉어냄 원인 로그를 자세히 읽어보면 DB에 접근을 못하고 있다함 RDS 인바운드 규칙에 내가 띄운 EC2의 퍼블릭 IP가 추가되어있지 않아서임 해결 RDS의 인바운드 규칙에 EC2의 퍼블릭 ip 혹은 보안그룹 ID를 추가해서 접근이 가능하도록 수정함 아래 블로그에 잘 설명되어있어서 참고함 https:/.. 공감수 0 댓글수 0 2023. 9. 23.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.