Self-Study/계란으로 바위치기 검색 결과
18 개의 검색 결과가 있습니다.
Self-Study/계란으로 바위치기

[Javascript] Base64 이미지 최적화

References https://ko.wikipedia.org/wiki/베이스64 https://blue-boy.tistory.com/227 https://stackoverflow.com/questions/35940290/how-to-convert-base64-string-to-javascript-file-object-like-as-from-file-input-f/38935990 서론 💡 핵심만 보고 싶으신 분은 하단의 “그래서 어떻게 최적화 할 것인가?” 파트만 보시면 됩니다. 글과 사진을 다채롭게 표현 하고자 할 때 위지윅(WYSIWYG, What You See Is What You Get) 기능이 담긴 텍스트 에디터가 필요한 순간이 있다. 그러나 어느 순간 이미지와 같은 데이터가 포함 된 글을 포..

2022. 12. 1. 19:46
Self-Study/계란으로 바위치기

[React] Next.js 레이아웃 설정

References https://logfetch.com/nextjs-multiple-layouts/ 개요 Next.js의 경우 기존 React와 달리 별다른 라우터 사전 설정이 필요 없는 장점이 있다. 그로 인해, 레이아웃을 설정하는 방법이 달라지는데 어떻게 해야 하는지 알아보자. 레이아웃 기본 설정 레이아웃 파일 만들기 레이아웃 파일을 생성한 뒤 다음과 같이 구현한다. /** DefaultLayout.js */ /** 레이아웃 파일 명칭은 자유! */ import { NavigationBar } from '../components/Header/NavigationBar'; import { Footer } from '../components/Footer/Footer'; // children : 해당 레이..

2022. 10. 19. 23:14
Self-Study/계란으로 바위치기

[Elastic] Ubuntu OS + ELK 환경설정 - 3

References https://www.elastic.co/guide/en/kibana/8.2/discover.html https://nan491.tistory.com/entry/VMware-Ubuntu에서-ElasticsearchELK-사용하기?category=306998 https://www.elastic.co/guide/en/kibana/master/data-views.html https://mozi.tistory.com/423 서론 본 포스트는 Linux(Ubuntu OS) + ELK 환경설정 과정을 재구성 하였습니다. 지난 시간 ELK 설치 및 YML 설정 파일 변경을 통한 환경설정을 진행하였다. 따라서, 이번 포스트에는 Kibana 페이지 설정 및 호스트 - Ubuntu 간 네트워크 연결 과..

2022. 9. 13. 15:26
Self-Study/계란으로 바위치기

[Elastic] Ubuntu OS + ELK 환경설정 - 2

References https://t-okk.tistory.com/192 https://nan491.tistory.com/entry/VMware-Ubuntu에서-ElasticsearchELK-설치하기?category=306998 https://velog.io/@munang/Centos7-에-ElasticSearch-설치하기 https://www.elastic.co/guide/kr/x-pack/current/security-getting-started.html 서론 본 포스트는 Linux(Ubuntu OS) + ELK 환경설정 과정을 재구성 하였습니다. 지난 시간 Virtual Machine 내 Ubuntu 설치 및 ELK 세팅에 필요한 기본 패키지 설정을 진행하였다. 따라서, 이번 포스트에는 ELK 설치..

2022. 9. 13. 15:20
Self-Study/계란으로 바위치기

[Elastic] Ubuntu OS + ELK 환경설정 - 1

References https://mainia.tistory.com/2379 https://www.bearpooh.com/101 https://nan491.tistory.com/entry/VMware-Ubuntu에서-ElasticsearchELK-설치하기?category=306998 https://i5i5.tistory.com/266 서론 본 포스트는 Linux(Ubuntu OS) + ELK 환경설정 과정을 재구성 하였습니다. 지난 여러 포스트들을 통해 ELK에 대한 간략한 설명을 기술하였다. 따라서, 총 3부작으로 나뉘어 Ubuntu(Linux)에서 ELK 설치 및 환경설정에 관해 포스트를 하고자 하는데 목차는 다음과 같다. Virtual Machine 내 Ubuntu 설치 및 ELK 세팅에 필요한 기..

2022. 9. 13. 15:14