본문 바로가기

1️⃣ Web10

[Web] Chrome Cross-Origin 정책 변경에 따른 iframe 활용 방안 (feat. PostMessage) 회사 서비스에서 기존에 iframe을 쓰던 부분의 오류가 발생했다. 찾아보니 Chrome 정책 변경에 의한 것이었는데, 그 해결 방안을 정리해보고자 한다. 📍 문제 상황 Uncaught DOMException : Blocked a frame with origin "도메인" from accessing a cross-origin iframe을 로드하는데에는 문제가 없었지만 iframe과 부모창간의 통신이 있을 경우마다 계속 위와 같은 오류가 발생했다. 우리 서비스의 경우 document.domain 설정을 통해 부모창과 자식창(다른 도메인)간의 통신을 구현했는데, 이와 관련하여 Chrome 정책 변경이 있었기 때문에 문제가 발생한 것이었다. 2023년 8월 기준 테스트 결과, 같은 크롬 버전이더라도 각 사용.. 2023. 10. 14.

[Web] ElasticSearch nori & Bulk API 활용 📍 ElasticSearch 및 nori 설치 설치는 아래 블로그를 참고했습니다. ElasticSearch 설치하기 (윈도우 10) (tistory.com) ElasticSearch 설치하기 (윈도우 10) 1. 엘라스틱 서치 공식 홈페이지 접속 www.elastic.co/kr/downloads/elasticsearch Download Elasticsearch Download Elasticsearch or the complete Elastic Stack (formerly ELK stack) for free and start searching and analyzing in minutes with Elastic. team621.tistory.com ElasticSearch 로컬 설치하기 — 창슈 Area (.. 2023. 4. 2.

[Web] ElasticSearch 적용 방안 탐색 📍 ElasticSearch 기본 개념 요약 우선 이번 프로젝트를 진행하면서 적용한 ElasticSearch에 대해 정리해보고자 한다. 내가 ElasticSearch를 공부하며 중요하게 작용한 부분들만 추려서 적어본다. 💡 ELK ElasticSearch에 대해 공부를 하다보면 ELK Stack이라는 말을 많이 볼 수 있다. ELK는 ElasticSearch, Logstash, Kibana의 줄임말인데 데이터 로그들이 Logstash를 거쳐 ElasticSearch에 저장되고, 이를 시각화하여 Kibana에서 볼 수 있다는 내용이다. Logstash | 다양한 데이터 로그 또는 트랜잭션 데이터를 수집, 집계, 파싱하여 ElasticSearch로 전달 ElasitcSearch | Logstash로부터 받은.. 2023. 4. 2.

[Web] 로컬 환경에서 SpringBoot와 Flask에 RabbitMQ 적용하기 📍 RabbitMQ 설치 1️⃣ RabbitMQ 및 Erlang 설치 설치는 아래 사이트를 참고했다. Windows10에 RabbitMQ 빠르게 설치하기 (with Erlang), 그리고 RabbitMQ management 띄우기 (tistory.com) Windows10에 RabbitMQ 빠르게 설치하기 (with Erlang), 그리고 RabbitMQ management 띄우기 MSA 프로젝트를 준비하며 여러가지 준비사항이 있지만 느슨한 결합을 위해 MQ (Message Queue) 가 필요하다. 여러가지 이런 메세징 기능이 있는 툴이 있지만 RabbitMQ를 일단 사용해보려한다. 어떻게 설 oingdaddy.tistory.com 2️⃣ 환경변수 설정 위 과정대로 진행한 후 환경 변수 설정이 필요하다.. 2023. 4. 2.

[Web] RabbitMQ가 필요한 이유 (feat. MSA) 📍 RabbitMQ 적용 계기 현재 진행중인 빅데이터 프로젝트에서 Message Queue를 적용할 일이 생겼다. 사용자 유입 & 데이터 보정을 통한 빅데이터 추천 시스템 성능 개선을 위해 MBTI 테스트를 오마주한 'JUBTI(酒비티아이)'를 개발했는데, 한 사용자가 테스트를 마칠 때마다 결과 데이터를 SpringBoot API로 받아 Flask 서버에 보내서 데이터 보정 작업을 진행해야 했다. (API 서버는 Spring Rest API, Analysis 서버는 Flask로 구성) 그런데 해당 테스트는 비회원으로 진행할 수 있는 서비스이며, 카카오톡 공유하기 기능까지 추가하여 최대한 많은 사용자가 쉽게 테스트 할 수 있도록 했기에 동시에 많은 사용자가 몰릴 때의 성능상 문제점이 예상되었다. 💡 우리는.. 2023. 4. 2.

이전 1 2 다음

티스토리툴바