리뷰 & 팁/IT기기 2020. 3. 29.
[리뷰/피아노] 다이나톤 디지털피아노 DPR-2160S 사용 장,단점
안녕하세요 오늘은 중고로 사온 다이나톤 디지털피아노에 대해서 글을 써보도록 하겠습니다. 아래는 먼저 구입해서 설치한 다이나톤 피아노 입니다. 제품을 설명을 보면 아래와 같습니다. 제품설명 최고급 자동 연주 그랜드 피아노인 다이나톤의 자랑 VGP-3000의 피아노 샘플과 건반을 사용하여 터치는 물론 사양과 기능을 모두 담았습니다. New RHA 건반 / 128동시발음 / 256Mbit 샘플메모리 / 16비트CPU / 80 리듬스타일 / DIAS3 / USB단자 / 오디오 입출력 단자 / SD 메모리 카드 / 1,545곡 음악 라이브러리 제공 / 음악 파일 플레이어(SMF/AMD) 아래는 덮게를 연 모습입니다. 조금더 가까운 모습니다. 장점 1. 우선 소리조절 잘 됩니다. 2. 헤트폰 사용으로 층간소음 억제..
IT/Javascript 2020. 3. 16.
[javascript] 자바스크립트(EmailJS)로 메일보내기 !
자바스크립트(EmailJS)로 메일보내기를 사용하려고 합니다. https://www.emailjs.com/ 해당 JS를 이용하여 이메일을 보내봅시다. 이 외에도 mailgun, sendGrid 등... 여러가지 메일을 보내는 서비스가 있습니다. 회원가입을 간단하게 마치시고 제공하는 서비스 목록입니다. 주로 Gmail을 사용할것으로 예상됩니다. 해당 Serivce 아이디를 잘 정해서 저장해봅시다. 설치 nodeJs 를 이용할 경우 $ npm install emailjs-com --save 그냥 스크립트를 사용할 경우 위와 같은 스크립트를 추가하셔야합니다. 유저 아이디는 로그인하셔서 Account 탭에서 확인 할 수 있습니다. 보내기 첫번째는 객체를 이용하여 보내기 입니다. var templateParams..
IT/Algorithm 2020. 2. 25.
[알고리즘] 올바른 괄호 확인 문제
문제 설명 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 ()() 또는 (())() 는 올바른 괄호입니다. )()( 또는 (()( 는 올바르지 않은 괄호입니다. '(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요. 제한사항 문자열 s의 길이 : 100,000 이하의 자연수 문자열 s는 '(' 또는 ')' 로만 이루어져 있습니다. function solution(s){ let answer =..
리뷰 & 팁/IT기기 2020. 2. 19.
[키보드/리뷰] VARMILO MA87 SEA MELODY(바밀로 고래) 영문 무접점 기계식 로즈축 사용 후기 및 타건영상
[키보드/리뷰] VARMILO MA87 SEA MELODY(바밀로 고래) 영문 무접점 기계식 로즈축 사용 후기 바밀로에서 나온 키보드를 오늘 리뷰하려고 합니다. 사무실에서 사용하려 구입하였고 저번에 구입한 레오폴드 fc660m 제품을 떠나보내려고 합니다. ㅠㅠ 신품 가격은 16~18만원선으로 중고가는 11~14만원 정도로 형성되어 있는 것 같습니다. 신품으로 카드할인 받아서 16만 원대에 구매하였습니다. 배송은 구매하고 2일안으로 도착하였습니다. 바로 사진을 보겠습니다. ㅎㅎㅎㅎ 정면인 줄 알았는데.... 비닐을 벗기고 실물을 마주한 순간 감동과 함께 엄청 깨끗한 키보드를 만나실 수 있습니다. 뭔가 돈이 아깝기도 하지만 만족.... 안을 살펴보면 키캡 변경을 도와주는 물체(???)와 키보드와 컴퓨터를 이..
리뷰 & 팁/서비스 2020. 2. 19.
동영상 회전하는 사이트 및 프로그램
동영상을 볼 때 (특히 스마트폰) 영상를 회전하여 보는 경우.... 블로그에 핸드폰으로 찍은 동영상을 올려야한는 회전해야하는경우... 영상을 원하는 방향으로 회전하여 저장하여 따로 회전할 필요없이 바로 볼 수 있도록 하는 사이트를 소개합니다. 동영상 회전 사이트 https://rotatemyvideo.net/ Rotate Video online, for free | RotateMyVideo.net Why rotate video with our service Not convinced? Here is why you should rotate your video with RotateMyVideo.net: Online video rotation: Why downloading some software when an..
사회/이슈 2020. 2. 12.
코로나 바이러스 예방수칙 및 알림, 사이트 주소 모음
2020년 들어서 가장 큰 사회적 이슈는 중국 우한에서 발생한 코로나 바이러스 인데요 코로나 확진자 수와 유증상자 수 방문했던 장소들을 잘 기록해 놓은 사이트들도 화제를 모으고 있습니다. 1. 코로나 맵 https://coronamap.site/ 코로나맵 코로나맵 코로나바이러스의 국내 현황을 알려주는 지도 서비스입니다. 이용경로를 쉽게 확인할 수 있습니다. coronamap.site 가장 빠르게 확진자의 이동경로와 방문했던 장소를 보기좋게 알려주고 있습니다. 2. 코로나 맵 라이브 https://coronamap.live/ 코로나맵 라이브 코로나바이러스 현황 지도 coronamap.live 내 위치 주변이나 확진자에 대한 정보를 나열해서 보여주고 있습니다. 3. 코로나 알리미 https://corona-..
리뷰 & 팁/서비스 2019. 5. 16.
이클립스와 인텔리제이 키맵 비교
단축키 동작 Eclipse IntelliJ IDEA Ctrl + 1 Alt + Enter import 되지 않은 Class import 도움 Alt + Shift + O Ctrl + Alt + O import 정리 Ctrl + D Ctrl + Y 라인 삭제 Alt + Shift + S Alt + Insert 코드 삽입(Constructor, get/setter, toString 등) Ctrl + N Alt + Shift + N Ctrl + Alt + Insert 신규 파일 생성(java, JSP 등) sysout, syserr sout, serr System.out.println, System.err.println(Code Templetes) Ctrl + Shift + T Class 에 대한 TestCa..
IT/DataBase 2019. 5. 8.
[DB/mysql/mariadb] 사용자, DB, TABLE 생성 및 계정 권한
SHOW DATABASES; -- 데이터 베이스 생성 CREATE DATABASE 데이터베이스명; -- 데이터 베이스 확인 SHOW DATABASES; -- mysql database 를 사용 USE mysql; -- 사용자 확인 SELECT HOST, USER, PASSWORD FROM USER; -- 사용자 계정 생성 'id'@'localhost' 이면 로컬 CREATE USER '아이디'@'%' IDENTIFIED BY '비밀번호'; -- 사용자 권한 주기 GRANT ALL PRIVILEGES ON 데이터베이스.* TO '아이디'@'%'; -- 새로고침 FLUSH PRIVILEGES; -- 사용자 계정 삭제 '사용자'@'접속위치' DROP USER [사용자]@[서버]; -- 테이블 생성 CREATE..
IT/Javascript 2019. 4. 2.
[Typescript] tsconfig.json 설정 저장
[Typescript] tsconfig.json 설정 저장 { "compilerOptions": { "baseUrl": ".", "module": "commonjs", "target": "es5", "lib": ["es6", "dom", "esnext.asynciterable"], "sourceMap": true, "allowJs": true, "moduleResolution": "node", "rootDir": "/src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": false, "strictNullChecks": true, "suppressImpli..
리뷰 & 팁/IT기기 2019. 3. 5.
[키보드/리뷰] 레오폴드 FC660M 저소음적축 제품 개봉 및 사용기
레오폴드 FC660M 저소음 적축 제품 개봉 및 사용기 이번에 사무실에서 사용하기 위해서 조용한 키보드를 구매하기로 마음먹고 폭풍검색한 후 구매한 FC660M PD 제품입니다. 레오폴드는 키보드만드는 회사 중 아주 유명한 회사라고 합니다. 집에 도착하자마자 바로 박스를 오픈합니다. 어두운 색을 선택할까 밝은색을 선택할까 고민하다 밝은색을 선택하였습니다. 키보드를 들면 USB 형식의 키보드연결 선을 확인 할 수 있습니다. 그 아래에는 여분의 키캡과 제품 보증서가 들어있습니다. 텐키리스 제품보다 키가 더 없는 제품입니다. 다른 기계식 키보드들 보다는 가볍겠죠 소리는 매우 조용합니다. 통울림이 조금 있음 사무실에서 사용해도 전혀 문제없습니다. 바로 타건 동영상을 보시죠 아래는 다른 기계식 키보드 타건 영상입니..
리뷰 & 팁/IT기기 2019. 3. 5.
[NAS/나스] 시놀로지(synology) DS118 개봉 및 사용기
시놀로지(Synology) DS118 개봉 및 사용기 NAS(Network Atteached Storage) 를 구입하였습니다! 시놀로지의 DS118 이란 제품입니다. 사양은 아래와 같습니다. https://www.synology.com/ko-kr/products/DS118#specs 에서 확인할 수 있습니다. 개봉해 보도록 합시다. 오픈 더 박스 박스 내부에는 아래와 같은 구성품이 존재하고 있었습니다. 큌 인스톨 가이드, 전원선, 랜선이 존재하였습니다. 처음 본 이녀석은 생각보다 작았습니다. 진짜 딱 HDD 한개 들어갈만한 크기 입니다. 멋있음 별 4개 드리겠습니다. 보시는거와 같이 맨 앞에는 전원버튼과 각종 상태를 나타내는 LED가 존재합니다. 옆면에는 Synology 라고 쓰여 있습니다. 4TB 하..
IT/Environment 2019. 2. 14.
[GraphCMS/서버] GraphCMS에 대해서 알아보자 ( 그래프큐엘, 노드JS )
[GraphCMS/서버] GraphCMS에 대해서 알아보자 ( 그래프큐엘, 노드JS ) CMS란 ? Contents Management System 즉 콘텐츠 관리 시스템이라는 뜻입니다.말그대로 통신을 통해서 각종 정보나 내용을 관리해주는 관리시스템입니다. CMS가 등장함으로 이것을 이용하여 코딩작업이 급격하게 줄어 홈페이지를 뚝딱뚝딱 만들 수 있게 되었습니다.물론 CMS를 통해서 모든 홈페이지를 만들수는 없습니다.하지만 양방향 통신이 아닌 간단한 회사 홈페이지나 개인 홈페이지, 블로그 등은 CMS를 통해서 간단히 구축할 수 있게 되었습니다. 그 CMS 중 GraphCMS를 소개합니다. 돈 받은거 없습니다. 사용하면서 편한것 같아 쓰게 되었습니다. 홈페이지 https://graphcms.com/ 매인 화..
IT/Spring Boot 2019. 2. 8.
스프링 부트 ( Spring boot ) 카테고리 목록 API 만들어 보기
스프링 부트 ( Spring boot ) 카테고리 목록 API 만들어 보기 이번 글에서는 이전 작업내용을 활용하여 간단한 카테고리 목록을 정보를 뿌려주는 API 만들어 보려고 합니다. 이번에는 postgresql 데이터베이스를 사용하였습니다. 전체 범위의 카테고리안에 세부 카테고리가 있는 형식으로 구성하려고 합니다. 아래는 생성한 테이블 목록입니다. 카테고리 테이블과 카테고리아이템 테이블 입니다. 카테고리아이템 테이블의 categoryid는 카테고리 테이블의 id를 참조합니다. 프로젝트를 시작하기 전에 하나의 플러그인(Plugin)을 설치하려고 합니다. 바로 Lombok 플러그인 입니다. 맥북이라면 command 키와 , 키를 동시에 눌러줍니다. 윈도우라면 설정란에 있습니다. 이후 플러그인을 설치하고 재..
리뷰 & 팁/IT기기 2019. 1. 25.
웰벤트 WELLVENT 블루투스 이어폰 개봉기 및 후기
웰벤트 WELLVENT 블루투스 이어폰 개봉기 및 후기 저번에 구매한 이어맥 블루투스 이어폰이 너무 자주 음악이 끊켜 화가난 상태에서 아래에 웰벤트에서 만든 이어폰을 보게 되었습니다. 설명에 끊킴이 없다고 특별한 뭔가를 사용한다고 해서 이번에는 제발... 하면서 구입을 하게 되었습니다. 우선 택배가 온 뒤 아래와 같은 상자에 동봉되어 배달왔습니다.왼쪽은 요즘 미세먼지가 많아 황사용 마스크를 카카오메이커스에서 싸게 팔고 있어 구입하게 되었습니다. N A V Y 황사방역용 마스크KF94 요즘 많이들 사는것 같습니다. 본론으로 돌아와서 이어폰을 개봉하도록 합시다. 이번에는 제발 정상적인 제품이었으면 하는 바람으로 오픈하였습니다.정말로 심플합니다. 구성품으로는 이어폰, 충전기, 이어폰 충전케이스, 사용자 메뉴얼..
IT/Environment 2019. 1. 24.
[ngrok/서버] localhost를 외부에서 접근하게 해주는 ngrok
localhost를 외부에서 접근하게 해주는 ngrok 오늘은 ngrok 사용법에 대해서 알아보도록 하겠습니다. 개발을 진행하면서 내 로컬호스트에서 만든 결과물을 웹으로 보여줄 때 서버가 없으면 타인에게 보여주기가 어렵습니다. 하지만 이 ngrok을 사용하면 충분히 가능합니다. ngrok (엔그록)은 방화벽 넘어서 외부에서 로컬호스트에 접속을 가능하게 해주는 터널링 프로그램이라고 할 수 있습니다. 실행방법은 ngrok을 다운로드하여 실행하고 연결하고자 하는 네트워크 서비스의 포트를 적어주시면 됩니다. 그럼 공용 주소에서 트패픽을 허용하는 ngrok 클라우드 서비스에 연결하여 해당 트래픽을 컴퓨터에서 실행중인 ngrok 프로세스로 전달 한 다음 지정한 로컬 주소로 전달해줍니다. 아래의 사진처럼요! 출처 :..
IT/React 2019. 1. 8.
[React.Js/JavaScript] 간단 리엑트 스타일( CSS ) 적용하기
[React.Js/JavaScript] 간단 리엑트 스타일( CSS ) 적용하기 React 저번 포스팅에서는 간단하게 컴포넌트를 생성하고 추가하는 작업을 진행하였습니다.오늘은 간단하게 리엑트에 CSS를 입히는 작업을 하도록 하겠습니다.바로 SCSS 를 이용하여 작업을 진행하려고 합니다. * SASS를 알아오도록 합시다.React 2.0 이 나오기 전까지 이 SCSS는 Webpack 작업을 통해서 추가하였습니다만현재는 그냥 node-sass 을 설치하고 사용하면 됩니다. 이렇게요yarn add node-sass매우 쉬워졌습니다.까먹고 실행을 해도 아래와 같은 메세지와 함께 설치를 권유합니다.이후 scss 파일을 생성합니다./src/Components/Display/styles.scss 생성 이후 간단한 c..
리뷰 & 팁/IT기기 2018. 12. 25.
[리뷰/개봉] 갤럭시 워치 ( Galaxy Watch 46mm) 개봉기 및 리뷰
[리뷰/개봉] 갤럭시 워치 ( Galaxy Watch 46mm ) 개봉 및 사용기 안녕하세요 오랜만에 포스팅을 올립니다.오늘은 스마트기기를 소개시켜드리려고 합니다. 바로 Galaxy Watch! 갤럭시워치! 입니다. 바로 상자를 보도록 하겠습니다. 상자를 오픈하게 되면 아래와 같이 갤럭시 워치를 볼 수 있습니다. 사용하다가 찍은거라.... 이해해주세요 갤럭시워치는 본인이 원하는 시계테마(?)를 다운로드 받아 사용할 수 있습니다. 노력한다면 만들수도 있겠죠? 아래는 구성품 입니다. 갤럭시워치 외 구성품으로는 사용설명서, 시계줄, 충전기뿐입니다. 아참... 충전기는 아래와 같이 생겼습니다. 갤럭시워치를 살짝 가져다 대면 탁 달라 붙어요 아래는 착용 후 모습입니다. 착용모습까지 보았다면 이제는 연결을 해줍니다..
IT/React 2018. 11. 4.
[React.Js] 리엑트 간단 컴포넌트 만들기
[React.Js/JavaScript] 간단 리엑트 컴포넌트 만들기 React 저번 포스팅에서는 create-react-app 을 통해서 앱을 실행시키는 방법까지 진행했습니다. npx 또는 yarn 을 통해서 만들었습니다. 이 외에도 Reactjs 용 프레임워크가 존재합니다. 예를 들자면 python -> django , java -> spring 같은 느낌입니다.하지만 지금은 그저 그런게 있구나 정도로만 알아두시면 좋겠습니다. 알아야할것 이번글에서는 리엑트를 통해서 컴포넌트를 생성하고 생성한 컴포넌트를 사용해 보도록 하겠습니다.시작하기 전에 우선적으로 알아야 하는 것은 바로 React의 컴포넌트 개념입니다. https://medium.com/little-big-programming/react 블로그 글..
리뷰 & 팁/IT기기 2018. 10. 22.
[리뷰/후기] 보아르(VOAR) 미니가습기 (루이스 LOUISE) 개봉기 및 사용 후기
[리뷰/후기] 보아르(VOAR) 미니가습기 (루이스 LOUISE) 개봉기 및 사용 후기 안녕하세요 오늘은 보아르 가습기를 개봉하도록 하겠습니다. 최근 날씨도 추워지면서 가습기의 필요성이 피부를 통해서 느껴졌습니다.그래서 카카오메이커스에서 판매하고 있는 보아르 미니 가습기를 구매했습니다. 어떻게 생겨먹었는지 사진을 통해서 보도록 하겠습니다. 우선 박스 1 박스 2 입니다. 박스를 열어보면 박스에 있는 사진과 동일한 물건을 확인 할 수 있습니다. 구성품은 : 미니 가습기 , 청소도구 조금, 설명서, 미니 가습기 안에 USB 연결 선, 가구사진 아래와 같이 미니 가습기 안에 USB 용 연결선이 있습니다. 설명서에는 루이스 가습기의 뚜껑을 여는법그리고 제품 사용 방법, 제품 청소 방법 등... 이 기재되어 있습..
IT/Html 2018. 10. 13.
[HTML/CSS] HTML, CSS를 이용하여 간단 메인 페이지 만들어보기
HTML, CSS를 이용하여 간단 메인 페이지 만들어보기 문제가 있을경우에는 댓글 달아주시면 페이지를 삭제하도록 하겠습니다. 동영상을 보며 공부한 내용을 바탕으로 간단한 사이트를 html과 css를 이용하여 비슷하게 만들기를 시작하였습니다. 크롬이나 다른 개발자도구, 검사를 이용하여 위와 같은 방법으로 html 태그와 CSS 확인이 가능합니다. 이 포스팅을 보기전에 전에 포스팅한 CSS Flex 와 Grid를 먼저 보시는것을 추천드립니다. 2018/09/05 - [IT/프로그래밍] - [CSS/Grid/Flexbox] CSS, 그리드( Grid ), 플렉스박스 ( Flexbox )에 대해서 알아보자 자 그럼 간단하게 홈페이지를 만들어 보도록 하겠습니다. Visual Studio Code 를 이용하여201..
