본문 바로가기

반응형

분류 전체보기

(19)
[시행착오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📌 추천 이유쉬운 ..
[최신] 안드로이드 구글 스토어 어플 업데이트 안될 때 해결 방법 가끔 어플에 새로운 기능이 나와서 업데이트를 하려고 구글 플레이스토어에 접속했는데 업데이트 버튼이 안나온 경험 한 번쯤 해보셨을텐데요. 오늘은 갤럭시 등 안드로이드 핸드폰에서 어플리케이션 업데이트 안됨 현상 해결하는 방법 7가지에 대해 알아보겠습니다. 구글 어플 업데이트 오류 해결방법 목차 어플 업데이트 오류 현상 저장공간 데이터/캐시 삭제 플레이스토어 사용중지 후 실행 데이터 연결 상태 초기화 핸드폰 재부팅 모든 방법이 안될 때 차선책 버전 확인하기 1. 어플 업데이트 오류 현상 CGV 어플이 업데이트가 되었는데도 왼쪽 그림처럼 업데이트 버튼이 아니라 열기버튼이 나오는 경우가 있습니다. 우리는 오늘 플레이스토어에서 업데이트 버튼이 나오지 않는 현상을 고치는 방법에 대해 알아보겠습니다. 이 글을 끝까지 ..
네이트말고 랭킹뉴스 편하게 보는 방법 (Feat. 네이버 콘텐츠 추가) 오늘은 네이트 랭킹뉴스가 아닌 곳에서 오늘의 이슈(랭킹뉴스)를 쉽고 편하게 확인할 수 있는 방법에 대해 알아보겠습니다. 즉 네이버 콘텐츠에 외부페이지(내부페이지도 가능)를 등록하는 방법에 대해 알아보겠습니다. 네이버에서 실검이 사라지면서 오늘의 중요한 뉴스를 확인하기가 힘들어졌습니다. 그렇게 반사이익을 얻게 된 것이 바로 네이트판으로 유명한 네이트입니다. 네이트는 랭킹뉴스와 베플을 그대로 운영하였고 시간별 뉴스랭킹과 여론을 확인하고자 하는 사람들은 네이트를 선호하게 되었습니다. 네이트 랭킹뉴스는 상단 사진처럼 시사, 연예, 스포츠, 공감순 뉴스를 랭킹순서대로 제공해주고 있습니다. 그렇다면 랭킹뉴스를 제공하는 포탈은 네이트밖에 없는 것일까요? 그렇지 않습니다. 국내 1위 포탈 네이버에서도 동일한 기능을 제..
[간단] PDF 파일 암호 해제 후 저장하는 방법 꿀팁 (무료) 비밀번호 설정된 PDF 파일을 받았는데 읽기만 가능하고 필기가 안되서 불편했던 경험 있으신가요? 암호가 걸린 PDF는 편집이 어렵기 때문인데요. 아이패드나 갤럭시탭같은 태블릿환경에서 필기를 하기 위해서 우리는 PDF 비밀번호를 해제하고 비밀번호가 없는 상태로 만들어줘야합니다. PDF 패스워드를 해제하는 간단한 방법 바로 알려드릴게요. ✅ 목차 PDF 해제 홈페이지 접속하기 PDF 암호해제 용도에 맞게 사용하기 1. PDF 해제 홈페이지 접속하기 아래 버튼을 클릭하여 회원가입 없이 무료로 PDF 잠금해제를 할 수 있는 ilovepdf에 접속합니다. PDF 암호해제 바로가기 2. PDF 암호해제 해제를 원하는 PDF를 선택하고 해제작업을 진행합니다. PDF 비밀번호는 알고 있어야 해제가 가능합니다. 3. 용..
갤럭시 측면 버튼, 제스처 설정과 뒷면 두드리기 등 다양한 꿀팁 설정 방법 오늘은 핸드폰 바꿨을 때 필수로 세팅해야 되는 유용한 꿀팁에 대해 알아보겠습니다. 기능을 알고 있더라도 설정법이 워낙 다양하여 최적화하는데 어려움을 겪는 분들이 많더군요. 설정 방법과 셋팅 예시를 구체적으로 알려드릴 테니 참고하여 사용해주세요. 특히 구식 기종에서 최신 기종으로 바꾸신 분들은 꼭 봐주세요! ✅ 목차 측면버튼 설정하기 뒷면 두드리기 설정하기 측면 제스처 설정하기 1. 측면버튼 설정하기 실수로 핸드폰 측면 버튼을 눌러서 빅스비가 튀어나와 당황하신 적 한 번쯤 있을 텐데요. 빅스비를 버튼으로 사용하지 않는 분들은 빅스비 대신 다른 기능을 호출할 수 있습니다. 측면버튼은 크게 두 번 누르기와 길게 누르기로 설정 가능합니다. 저는 주식을 많이 하기 때문에 두 번 누르기는 나무증권, 길게 누르기는 ..
그림으로 이해하는 윈도우 포맷하는 방법 (무료로 카톡 대화내용, 파일 백업 안전하게 옮기기) 가끔 윈도우가 설치된 노트북이나 컴퓨터를 포맷하는 경우가 발생합니다. 바이러스에 걸렸다거나 사용목적을 변경하기 위해 그동안 필요 없는 파일을 모두 삭제하는 경우, 기기를 판매하는 경우 등 다양한 이유가 있을텐데요. 오늘은 컴퓨터에 보관되어있는 파일을 안전하게 옮기고 로컬PC에 저장된 카카오톡 대화내용을 무료로 옮기는 방법까지 쉽고 빠르게 알려드리겠습니다. 🚩목차 카카오톡 대화내용 백업하기 중요 데이터 백업하기 윈도우 포맷 진행하기 1. 카카오톡 대화내용 백업하기 대한민국 국민이라면 모두가 이용하는 메신저죠. 카카오톡의 대화는 약 3일정도만 서버에 보관되고 나머지 대화는 PC에 저장이 됩니다. 그렇기 때문에 오래된 대화의 경우 카카오톡 대화백업(옮기기 위해 대화내용을 저장)해야만 합니다. 📢카카오톡 대화 ..
유튜브 바탕색(테마) 변경하는 방법 (다크모드 <-> 일반모드 설정법) 안녕하세요 오늘은 유튜브 바탕색을 변경하는 방법에 대해 빠르게 소개해드리겠습니다. 다크모드란 사용자의 편의를 위해 제공하는 디스플레이 기능 중 하나입니다. 전력소모를 줄여 배터리 사용량을 늘린다는 장점이 있으나 가독성이 떨어진다는 단점도 함께 존재합니다. 유튜브 바탕색은 대부분 핸드폰 기기의 디스플레이 모드에 맞게 설정이 됩니다. 오늘은 유튜브 바탕색만 변경하는 방법과 기기의 디스플레이 모드를 변경하는 방법. 총 2가지에 대해 말씀드리겠습니다. 1. 유튜브 바탕색 변경 방법 1-1. 유튜브 설정 화면 접속하기 핸드폰에서 유튜브에 접속하여 아래 그림과 같이 설정할 수 있는 화면으로 이동합니다. 1) 우측하단 프로필 선택 2) 우측상단 설정 아이콘 선택 3) 일반 설정 선택 1-2. 사용하길 원하는 테마(바..
[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..
자동차에서 카스트림으로 유튜브 볼 때 시청기록 유지하는 꿀팁 (Carstream, AAAD) 안녕하세요. 오늘은 자동차에서 유튜브를 볼 때 가장 많이 사용하는 어플이죠. 안드로이드오토 꿀팁, 자동차 꿀팁으로도 잘 알려져있는데요. AAAD의 Carstream(카스트림)을 유용하게 사용할 수 있는 방법에 대해 알아보겠습니다. 다들 한 번쯤 이런 생각 해보셨을거 같아요. 자동차에 있는 크디 큰 내비게이션 화면에서 유튜브와 같은 동영상을 볼 수 있다면 참 좋을텐데 하고 말이죠! 그렇게 안드로이드오토 유튜브 설치 방법, 자동차에서 동영상 보는 방법, 자동차 내비게이션 활용 꿀팁 등 다양한 방법으로 검색을 하고 찾아보았을 거에요. 그렇게 AAAD라는 어플을 다운로드 받아서 Carstream을 설치하면 유튜브를 볼 수 있다는 것을 알았을것이고 큰 화면에서 유튜브를 보며 만족해하고 있을 거에요. 만약 아직 사..

반응형