const foods = ['pizza', 'apple', 'melon', 'pasta', 'coke'];console.log(foods.slice(2));// 결과 : ["melon", "pasta", "coke"]console.log(foods.slice(2, 4));// 결과 : ["melon", "pasta"]console.log(foods.slice(-2));// 결과 : ["pasta", "coke"]console.log(foods.slice(2, -1));// 결과 : ["melon", "pasta"]Javascript에서 문자열을 자르는 방법은 split(), slice(), substring() 를 활용한다. split 함수로 문자열 자르는 방법seperator로 문자열 분리하여 배열로 ..

레이아웃을 구성할 때 자주 사용한 flex에 대해 정리하고자 한다.flexbox는 grid와 다르게 1차원 레이아웃으로 레이아웃을 다룰 때 한 번에 하나의 차원(행이나 열)만을 다룬다.display : flexdisplay : flex 를 적용하면 일렬로 아이템들이 배치된다.See the Pen flex by pminsun (@pminsun) on CodePen.flex-directionflex-direction으로 배치 방향을 변경 할 수 있다.row : 가로 방향 정렬row-reverse : 가로 방향 반대 순으로 정렬column : 세로 방향 정렬column-reverse : 세로 방향 반대 순으로 정렬See the Pen flex-direction by pminsun (@pminsun) on ..

APEXCHART는 데이터를 시각 화 해주는 차트 라이브러리로 관리자 페이지 작업 시 많이 사용해서 사용법에 대해 정리해보자 한다.apexcharts 사이트https://apexcharts.com/ ApexCharts.js - Open Source JavaScript Charts for your websiteApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages.apexcharts.com  React에서 사용 시 npm install --save react-apexcharts apexcharts..