Small Asteroid Blog

프로젝트에서 어드민 페이지에 차트 표시를 하기를 원하셔서 vue3 에서 사용하기 좋은 차트는 무엇이 있을지 찾아보았다. 내부에서만 사용할 거라서 무료이면서 러닝커브가 크지 않아야 하며 다양한 기능이 있는 것으로 찾고 있었고 그 중 두가지가 적합해 보여서 이 둘을 비교해보았다.   ECharts, Chart.js 비교ECharts와 Chart.js는 둘 다 강력한 데이터 시각화 라이브러리이지만, 용도와 요구사항에 따라 각각의 장단점이 있다.항목EChartsChart.js지원 차트 유형매우 다양한 차트 (라인, 바, 파이, 지도, 3D 차트, 그래프 등)일반적인 차트 유형 (라인, 바, 파이, 레이더, 도넛 등)특화 기능지도 시각화, 네트워크 그래프, 대규모 데이터 처리 가능기본적인 데이터 시각화에 적합3D..

이메일에 링크를 보낼 때 이전 페이지가 내가 원하는 페이지에 접속해 있던 사람만 해당 url 로 접속할 수 있고 다른 사람한테 공유가 되면 url 정보가 동일하지 않기 때문에 접속하지 못하게 하고 싶었다. 즉 특정 url 만 타고 넘어온 경우에만 내가 제공하는 url 에 접속할 수 있게 하고 싶었다. 개발자 도구에서 콘솔창에 해당 내용을 찍으면 이전 URI 정보를 반환하는데 console.log(document.referrer) 처음 화면에 들어가서 해당 콘솔을 찍으면 아무런 값이 안나오는 것을 볼 수 있다. 네이버에서 검색하고 페이지 이동 후 검색해보면 이전 페이지였던 네이버 주소를 확인할 수 있다. 현재 페이지에서 url 을 새로 입력하고 다른 페이지로 이동 후 콘솔을 찍으면 그것도 아무런 값이 안나..

배열안에 값이 존재하는지 확인하고자 하는데 in_array() 함수를 사용하면 된다. in_array(확인할 값, 배열) $array_result = array("a","b","c","d"); $data = "a"; in_array($data, $array_result); in_array 의 결과는 true, false 로 출력된다.

text/javascript - HTML4, HTML5 지원 application/javascript - HTML5 지원 - IE8 이하는 지원이 되지 않는다. 서비스를 개발할 때 IE 하위호환까지 고려해야하는 웹이라면 application/javascript 를 사용한다면 변수를 찾지 못하는 등 정상적인 스크립트 기능이 되지 않는다. 안전하게 사용을 원하면 text/javascript 로 사용하는 것을 추천한다.

datatables 라이브러리를 이용해 테이블 페이징처리, 검색어 기능 등 한번에 사용이 가능하다. ui 는 여러가지가 잇고 선택할 수 있으며 아래 코드는 내가 자주사용하는 cdn 내용을 정리해 둔것이다. 여러가지 섞어쓰면 sorting 할 때 버튼이 여러개가 나오거나 페이징 처리의 ui 가 이상하게 나오거나 하기 때문이다. header 부분에 위의 내용을 넣고 테이블을 생성하면 아래와 같이 테이블이 만들어졌다.

배열 두개를 비교해서 차집합을 찾으려고한다. var arr1 = ["가","나","다","라","마","바"] var arr2 = ["가","나","아"] includetext는 배열 두개를 비교해 차집합의 결과를 찾아내는 것이고 noincludetext는 같은값은 제거해서 보는 값이다. let includetext =arr1.filter(x => arr2.includes(x)); let noincludetext = arr1.filter(x => !arr2.includes(x));