IT 개발 (3) 썸네일형 리스트형 [시행착오X] NPM 차트,그래프 라이브러리 추천 (Node, React, Vue 등) 홈페이지 개발을 하다 보면 가끔 데이터를 차트화해야할 때가 있습니다.NPM을 사용하는 경우라면 별도의 전문적인 지식이 없더라도 쉽고 간편하게 그래프를 이용할 수 있습니다.Node.js, React.js, Vue.js 등 npm만 사용할 수 있다면 어떤 언어라도 개발이 가능합니다. 오늘은 npm을 이용하여 차트와 그래프를 쉽게 개발할 수 있는 라이브러리를 정리해 드리도록 하겠습니다.거두절미하고 바로 소개해드리겠습니다. 1. D3.js📌 추천 이유매우 유연하고 강력한 차트 라이브러리. 움직이는 그래프와 반응형 그래프 등 있어보이는 페이지를 만들 때 강추합니다.D3 바로가기 2. Chart.js📌 추천 이유사용하기 쉽고 가벼운 라이브러리. HTML5 칸바스를 사용하여 반응형 차트 제공합니다. 귀엽고 둥근 .. 최신 React UI 라이브러리 정리, 추천하는 이유 (시행착오 줄이기) React를 시작하기에 앞서 UI 라이브러리/프레임워크를 선택하는 것은 매우 중요합니다.찾아보면 아시겠지만 React 개발을 도와주는 정말 많은 라이브러리가 있는데요.시행착오를 겪지 않게 제가 직접 경험해보고 편리하다고 느낀 라이브러리 위주로 설명해드리겠습니다. 즉 최근에 개발자들이 자주쓰고 편리하다고 느꼈던 React ui 라이브러리/프레임워크 모음을 정리해드리고 추천이유까지 간략하게 말씀드리도록하겠습니다. 거두절미하고 바로 소개해드리겠습니다.1. Material-UI📌 추천 이유구글의 가이드라인을 따라 만든 다양한 컴포넌트 제공Material UI 바로가기 2. Ant Design📌 추천 이유세련된 디자인과 광범위한 국제화 지원Ant Design 바로가기 3. Chakra UI📌 추천 이유쉬운 .. [MySQL] 예시로 보는 테이블 수정(ALTER TABLE) 종합 정리 MySQL 테이블수정 목차 컬럼 추가 컬럼 순서변경 컬럼 타입변경 컬럼 이름변경 컬럼 삭제 1. 컬럼 추가 ALTER TABLE 테이블명 ADD COLUMN 컬럼명 컬럼타입 DEFAULT 디폴트값 COMMENT 컬럼설명 AFTER 앞컬럼명; mysql> ALTER TABLE USER ADD COLUMN AGE CHAR(2) DEFAULT '2' NOT NULL COMMENT '나이' AFTER NAME; USER 테이블에 AGE라는 컬럼을 추가한다. 컬럼타입은 CHAR(2), 기본값은 '0', NULL 값은 허용하지 않는다. 컬럼설명은 나이로 지정하고 NAME 컬럼 뒤에 위치시킨다. 2. 컬럼 순서변경 ALTER TABLE 테이블명 MODIFY 변경할컬럼명 컬럼타입 AFTER 앞컬럼명; mysql> AL.. 이전 1 다음
