이번 글에서는 코틀린으로 디스코드 봇을 만드는 법에 대해 글을 써볼려고 한다. 코틀린으로 디스코드봇을 만드는 강좌는 아직 인터넷에 많이 없고 디스코드 음악봇을 js로 만들어 보았는데 음질이 몇몇 유튜브 음원이 음질이 너무 안좋고 소리가 안들렸는데 노래하는 하리보라는 음악 봇이 코틀린으로 만들어졌다 해서 직접 만들어보았다. 코틀린이나 자바로 디코봇을 만들때 많이 쓰는 모듈로는 JDA와 DISCORD4J가 있는데 이 강좌에서는 JDA를 사용했다. 먼저 새 코틀린 프로젝트를 만들고 build.gradle에 JDA모듈을 추가해준다.repositories { mavenCentral() mavenCentral() maven { name 'm2-dv8tion' url 'htt..

안드로이드에서 코딩할 일이 많아서 안드로이드에서 리눅스 터미널을 사용할 수 있는 termux라는 앱을 사용하고 있었는데 termux의 기본테마가 지루해서 바꿔보기로 했다. 기본 테마는 다음과 같다. 그냥 검은 화면에 흰색 글씨와 ls를 입력하면 파란색 폴더가 표기되는게 다인데 내가 vscode에서 자주 쓰는 Dracula테마로 바꿔보기로 했다. pkg install git 으로 깃허브를 다운받고 다음 명령어를 입력한다 git clone https://github.com/adi1090x/termux-style.git 다 다운받고 ls를 입력해보면 termux-style이라는 폴더가 생긴다. 폴더로 이동해서 적용해보자 적용은 폴더로 이동한 뒤 다음 명령어를 입력하면 된다. ./install 적용이 완료된 후..

안녕하세요. 이번에는 react와 nodejs로 게시판을 만드는 방법에 대해 알아보도록 하겠습니다. --------------- 운영체제:linux 사용한 DB:mysql --------------- 먼저 생성한 프로젝트에 "npm i mysql2 sequelize --save"를 입력하여 sequelize 를 프로젝트에 설치해줍니다. Sequelize는 데이터베이스를 조금더 편하게 관리할 수 있는 ORM로 sql문을 몰라도 객체를 통해 CRUD기능을 구현 할수 있습니다. 그리고 sequelize init를 입력하여 프로젝트에 sequelize를 초기화 시켜주세요 입력하시면 이렇게 config, migrations,models 라는 폴더들이 생깁니다. config 폴더에 들어가셔서 "touch confi..

안녕하세요. 이번에 동아리에서 학교 커뮤니티를 만들게 되었습니다. 전체코드는 아래 링크에서 확인하실 수 있습니다. https://github.com/seohayeon/community/tree/2.0.0 먼저 프론트엔드부터 만들어보았습니다. 먼저 홈페이지입니다. 아직 게시물이나 교내 소식이 안올라와 허전한 상태입니다. 위쪽에 급식과 일정은 나이스 api에서 파싱했습니다. 다음 화면은 게시판입니다. 아래 화면에서 게시판 선택이 가능하고 게시판을 터치하면 해당 게시판으로 이동합니다. 다음은 게시판 목록입니다. 아직 백엔드와 연동을 하지 않았기때문에 가상 데이터베이스에서 제목, 내용,작성자, 시간을 불러오고 댓글개수와 좋아요 개수도 불러올 생각입니다. 아래는 알림 화면입니다. 알림화면에서는 새로운 공지, 인기..

안녕하세요. 이번 시간에는 리액트로 음악을 추가하고 재섕할 수 있는 재생목록을 만들어보도록 하겠습니다. 먼저 아래 코드는 음원 파일을 사이트에 등록하는 코드입니다. 코드는 다음과 같습니다. import React from 'react'; import jsmediatags from 'jsmediatags/dist/jsmediatags.min'; import { useMusicDispatch, useMusicNextId } from '../MusicContext'; function b64toBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var ab = new ArrayBuffer(byteString.length); var ia = new Uin..

안녕하세요. 이번강의에서는 뮤직플레이어중 아래 사진과 같은 ui를 구성하기 워한 컴포넌트를 제작해보겠습니다. 목차는 다음과 같습니다. --목차-- 흰버튼 컴포넌트 제작 파란버튼 컴포넌트 제작 앨범아트 컴포넌트 제작 곡 정보 컴포넌트 제작 먼저 music-player/src 폴더 안에 PlayerBlock.js라는 파일과 components/player 라는 폴더를 만들어주세요. 그리고 그 안에 Cover.js, WhiteButton.js, BlueButton.js, SongInfo.js 라는 파일을 만들어줍니다. 폴더 구조는 아래와 같습니다. ├── ./src │ ├── ./components │ │ ├── ./PlayerBlock.js │ │ ├── ./player │ │ │ ├── ./player/C..

안녕하세요, 이번 포스트에서는 리액트로 간단한 뮤직플레이어를 개발해보려고 합니다. 백앤드 없이 reactjs만으로 만들어보겠습니다. -목차- 개발환경구성 필요모듈 설치 먼저 완성된 이미지입니다. 첫 사진 오른쪽 상단 햄버거 버튼을 누르면 파일을 추가할 수 있고 파일을 추가한뒤 재생하는 방식입니다. #개발환경구성 먼저 아래 명령어로 리액트 프로젝트를 만들어주세요. npx create-react-app music-player #필요모듈설치 그리고 필요한 모듈들을 설치해줍니다. 설치할 모듈은 다음과 같습니다. jsmediatag (미디어태그 얻기) styled-component(디자인) jsmediatag는 뮤직플레이어를 만들면 아티스트와 제목, 앨범아트를 표시하는데 필요하고 styled-components ..