본문 바로가기

1️⃣ Web/기타6

[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] Anchor (a 태그) Anchor의 개념 및 사용법에 대해 간단히 정리한다. 📎 Anchor Anchor의 특징 태그를 사용하며, 하나의 문서에서 다른 문서로 연결하기 위해 사용한다. 태그를 서로 중첩해서 사용할 수 없다. Anchor 속성 및 사용법 href 하이퍼링크를 클릭했을 때 이동할 문서의 URL이나 문서의 책갈피를 지정한다. target 하이퍼링크를 클릭했을 때 현재 윈도우 또는 새로운 윈도우에서 이동할지 지정한다. (default는 _self) title 하이퍼링크에 마우스 오버 시 설명을 출력한다. 네이버 구글 다음 같은 페이지 안에서 이동 같은 페이지 안에서도 특정 요소 클릭 시 그 위치로 이동하는 것이 가능하다. 목차 내용1 내용2 내용3 [내용1] 긴 내용 ... [내용2] 긴 내용 ... [내용3] 긴 .. 2022. 9. 18.

[Web] input 태그의 id와 name 차이점 input 태그 안에서 언제 name을 써야하고 언제 id를 써야 하는지 확실히 알지 못하여 오늘은 name과 id의 차이점에 대해 정리해보려 한다. 📎 id input 태그 id 속성 사용 형식 JavaScript에서 id 사용 방법 document.all.id.value id.value document.getElementById("폼_id").value id 속성 특징 page 안에서 중복 사용 불가하며 주로 JavaScript에서 사용하기 위해 지정한다. document.getElementById(id)를 통해서 해당 Element의 Object를 가져온다. id로 설정된 값은 파라미터로서 서버로 보낼 수 없기 때문에 서버에서 접근이 불가하다. 📎 name input 태그 name 사용 형식 Jav.. 2022. 9. 18.

이전 1 2 다음

티스토리툴바