개린이 개발노트

https://kevink1113.tistory.com/entry/%EC%8A%A4%ED%81%AC%EB%A1%A4%EC%97%90-%EB%94%B0%EB%9D%BC-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%ED%9A%A8%EA%B3%BC-%EC%A0%81%EC%9A%A9%ED%95%B4%EC%A3%BC%EB%8A%94-%EA%B0%84%EB%8B%A8-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-AOS 스크롤에 따라 애니메이션 효과 적용해주는 간단 라이브러리: AOS 1. AOS(Animate On Scroll) 라이브러리 소개 가끔 웹서핑을 하다 보면 스크롤 위치에 따라 글자, 사진 등의 컨텐츠가 나타나는 효과가 적용된 ..

JWT 란? JWT(Json Web Token)는 말그대로 웹에서 사용되는 JSON 형식의 토큰에 대한 표준 규격인데요. 주로 사용자의 인증(authentication) 또는 인가(authorization) 정보를 서버와 클라이언트 간에 안전하게 주고 받기 위해서 사용됩니다. JWT 토큰 웹에서 보통 Authorization HTTP 헤더를 Bearer 의 형태로 설정하여 클라이언트에서 서버로 전송되며, 서버에서는 토큰에 포함되어 있는 서명(signature) 정보를 통해서 위변조 여부를 빠르게 검증할 수 있게 됩니다. JWT 토큰은 Base64로 인코딩이 되어 있어서 육안으로 보면 eyJ로 시작하는 아주 긴 문자열인데요. 온라인 디버거를 통해서 어렵지 않게 실제로 저장되어 있는 내용을 JSON 형태로 ..

🔘 GC 로그 분석 접근 방식(3건) ✔️ 로그 분석 전용 GC 도구 사용: GCPlot 등 ✔️ GC 로그 통합 대시보드: Sematext Logs 등 ✔️ JVM 모니터링 도구와 연계: Sematext Cloud의 Sematext JVM Monitoring 1. GCViewer - Java 1.5 GC 로그 분석이 가능하고, 최신 Java 버전과 G1 GC를 지원 - 메모리 사용률 및 GC 프로세스 전반에 대한 포괄적인 정보를 제공 - OpenJDK 9 및 10에 대한 통합 로깅과 Java 8 지원 - 오픈 소스이며 개인 및 상업적 용도로 완전히 무료임 2. GCPlot - 로그 또는 lightweight한 에이전트를 사용하여 GC 작업을 분석하여 JVM 내부에서 일어나는 일에 대한 통찰력 있는 정보..

$(document).ready(function(){ if(localStorage.getItem("lang") == null) { localStorage.setItem("lang", 'kor'); } $("#selectlang").val(localStorage.getItem("lang")); $("#selectlang").on('change', function(e){ let value = e.currentTarget.value; $(this).val(value).prop("selected", true); localStorage.setItem("lang", value); test(); }); }); function test(){ const test = document.getElementById('selec..

https://devmoony.tistory.com/93 DataTables 사용법 및 예제 JSON, jQuery - Grid 라이브러리 DataTables 사용법 및 예제 ✔️ DataTables는 을 그리드 형식으로 사용하고 표시 건수 제어, 페이징, 정렬, 검색, 필터, 스크롤 기능 등을 제공하는 라이브러리다. DataTables는 서버에서 데이터를 JSON으 devmoony.tistory.com

Grid 라이브러리-Datatables 사용법/예제 https://saintsilver.github.io/datatables-ex/ DataTables Examples saintsilver.github.io DEMO : https://saintsilver.github.io/datatables-ex/ 기본 사용 공식홈페이지에 들어가시면 메인페이지에 등장합니다. 윗 스크린샷에서 설명이 생략된 #myTable 은 아래와 같은 구조로 만드시면 되고, 서버사이드로 데이터를 처리하여 데이터테이블을 만들 시 를 선언하시고 실제로 값을 넣으시면 됩니다. 저는 ajax로 처리할 예정이라서 만 사용했습니다. 공식홈페이지에선 데이터가 100,000건 이상이면 서버사이드로 처리하라고 권장하고 있습니다. 컬럼1 컬럼2 컬럼3 ..

https://sshbug.tistory.com/973 [Javascript] 무료 그리드 라이브러리 정보 - SlickGrid : 대용량 데이터에 적합 https://github.com/6pac/SlickGrid GitHub - 6pac/SlickGrid: A lightning fast JavaScript grid/spreadsheet A lightning fast JavaScript grid/spreadsheet. Contribute to 6pac/SlickGrid development by creating an accoun sshbug.tistory.com - ToastUi Grid https://ui.toast.com/tui-grid TOAST UI :: Make Your Web Delicious..

정의 및 특징 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 하나의 옵션을 정의할 때 사용합니다. 이러한 요소는 요소나 요소 내부에만 위치할 수 있습니다. 요소는 아무런 속성도 명시하지 않은 채 사용할 수 있지만, 서버로 제출되는 값을 명시하는 value 속성은 명시하는 것이 일반적입니다. 만약 옵션의 개수가 많다면, 요소를 사용하여 관련된 옵션들을 좀 더 보기 좋게 서로 묶어 줄 수 있습니다. (정의 및 특징 태그의 value 속성은 해당 옵션이 선택될 때 서버로 제출되는 값을 명시합니다. 태그와 태그 사이의 텍스트는 단지 브라우저가 드롭다운 리스트에 표시할 내용이며, value 속성값은 폼을 제출할 때 서버로 보내지는 값입니다. 만약 value 속성이 명시되지 ..

형상관리 : 소프트웨어 개발 과정에서 스프트웨어 변경 사항을 관리하기 위해 개발된 일련의 활동. 변경의 원인을 알아내고 제어하며, 적절히 변경되고 있는 지 확인하여 통보. 형상관리 프로세스 식별: 소프트웨어가 변경될 만한 부분을 미리 정의한다. 버전관리: 변경전과 변경 후를 정확히 기록한다. 변경관리: 변경으로 인한 성능 및 품질을 평가한다. 보고: 변경 사항을 문서화 한다. 형상 통제: 식별된 형상 항목에 대한 변경 요구를 검토하여 현재의 기준선이 잘 반영될 수 있도록 조정 형상 감사 : 기준선의 무결성을 평가하기 위해 확인, 검증 과정을 통해 공식적으로 승인 형상 기록: 위의 절차에 따른 내용을 기록하고 보고서를 작성 형상관리를 하는 이유 - 지속적인 소프트웨어의 변경사항을 체계적으로 추적하고 통제 ..

https://library1008.tistory.com/42