새창열기 새창열기 기능을 사용할 때 아래와 같은 코드를 사용할 것이다. // window.open(주소, 타겟(이름), 새창열기 옵션); window.open("https://www.naver.com/", "naver", "width=500,height=600"); 하지만 noopener 라는 옵션없이는 내부 보안 취약점이 생긴다고 하니 추가해주자. window.open("https://www.naver.com/", "naver", "width=500, height=600, noopener"); Blob 파일 열기 크롬에서는 PDF 와 이미지 뷰어를 기본적으로 제공하고 있다. 이를 이용해서 PDF 와 이미지 뷰어를 열 때 Base64, Blob, BufferArray 등을 이용하여 열 수 있다. 그 중 ..

next.js 에서 window.onbeforeunload 가 작동하지 않는 문제가 있었다... 새로고침 할 때는 작동하는데 라우터 이동 시에만 작동안하는 문제를 해결하려고 구글을 뒤져서 찾아냈다 https://stackoverflow.com/questions/63064778/next-js-warn-user-for-unsaved-form-before-route-change Next JS: Warn User for Unsaved Form before Route Change In Next How can i stop Router Navigation in Next JS. I am trying to use routerChangeStart event to stop navigation. useEffect(() => ..

Redis 란? - Redis(REmote Dictionary Server) 는 비 관계형 데이터베이스이다. - 메모리 기반의 '키-값' 구조의 데이터 관리 시스템 - 모든 데이터들을 메모리에 저장하고 조회하기에 빠르다. - 레디스에서 지원하는 데이터 형식은 크게 5가지이다. : String, Set, Sorted Set, Hash, List - 레디스의 데이터는 메모리와 디스크에 저장이 되기 떄문에 불의의 경우에도 데이터 복구가 가능하다. Redis 구조 Redis 특징 - 영속성을 지원하는 인메모리 데이터 저장 * 영속성은 프로그램 실행이 종료되어도 데이터가 사라지지 않는 특성을 이야기한다. - 읽기 성능 증대를 위한 서버 측 복제를 지원한다. : 레디스가 실행중인 서버가 충돌하는 경우 장애 조치 처..

나눔스퀘어 폰트를 이용해서 페이지를 만드는데 스퀘어 폰트는 원래 일정 크기 이하로는 글씨가 깨지는 현상이 있었다. 그 점을 감안하고 사용하는데 나눔스퀘어가 아닌 다른 폰트들도 유독 크롬 브라우저에서 글씨가 흐린 기분...?? 그래서 윈도우 흐림기능도 꺼보고 크롬 개발자 버전도 깔아보고 해봤는데 해결이 안됐다 😥😥 해결방법 body { transform: skew(-0.05deg); } 코드 한 줄로 해결...ㅎ 스크롤바가 생기면 다시 흐려져요 ... 스크롤바가 생겼더니 글씨가 또 흐려졌어요 ㅠㅠ .parent { transform: skew(-0.05deg); } 스크롤바 부모 태그에 코드 한 줄로 해결