js
-
Electron 시작 설정 및 패키징 튜토리얼컴퓨터/HTML & JS & TS 2018. 5. 25. 13:31
Electron 2020-07-28 : Electron 2.0.2 -> 9.1.1 업데이트 ※ Electron, Git 설치 필요 Electron 공식 사이트: https://electronjs.org/ 1. electron 설치 npm i -D electron@latest 위 명령어를 실행해 electron을 설치하고, Electron 개발할 폴더를 만든다. 2. MINGW64 (mingw-64: http://mingw-w64.org/doku.php/download) (GIT : https://git-scm.com/) 위 두개를 설치한 후, 그 폴더를 마우스 우클릭하여 "Git Bash Here"을 클릭한다. 3. Electron 시작 npm init 위 커맨드를 입력하고 package name, ve..
-
티스토리 글 사진, 글씨 애니메이션 효과 넣기 (AOS)컴퓨터/HTML & JS & TS 2018. 2. 21. 16:53
(공식 로고) AOS (Animate on Scroll) └스크롤 시 HTML 요소들에 간단히 애니메이션(페이드인, 페이드아웃 등) 효과를 추가할 수 있게 해주는 라이브러리. └제작자: michalsnik └효과 체험 하기: https://michalsnik.github.io/aos/ └기본 작동: HTML element에 data-aos attribute="애니메이션 이름" 을 추가 1. 사용 설정하기 위 두 파일을 '파일업로드'에서 업로드하고, HTML 사이에 아래 코드를 추가한다. 그리고 바로 위에 아래 코드 추가, init 만 추가하고 일일이 애니메이션 따로 설정 가능 fixed: 썸네일 이미지 분리 썸네일을 따로 하고 싶은 분들은 댓글 2. 애니메이션 아래 목록을 참고하여 "애니메이션이름"을 바..
-
소스 하이라이터 (syntaxhighlighter, highlight.js)컴퓨터/HTML & JS & TS 2018. 2. 19. 02:14
syntaxhighlighter를 사용해 왔지만 스킨을 바꾸면서 더 괜찮아 보이는 라이브러리를 찾았다. prism.js도 괜찮아 보인다. highlight.js 사이트└syntaxhighlighter, primsjs 와 같이 컴퓨터 언어 하이라이터└제작자: isagalaev└효과 체험 하기: https://michalsnik.github.io/aos/└176개의 언어 지원과 79가지의 스타일 + 자동 언어 탐지└기본 작동: 와 안 프로그래밍 언어를 하이라이팅 사이트에 들어가 일단 체험하세요. ▷ 설치 방법 1. 간단히 사이에 아래를 추가하면 끝이다. ▷ 사용법 syntaxhighlighter 과 비슷하다. // C Coded 예제) public static void main(String[] args) {..
-
자바스크립트로 간단한 신경망(Neural Network) 만들기 Synaptic.js컴퓨터/HTML & JS & TS 2017. 8. 26. 21:36
Medium freecodecamp의 Per Harald Borgen의 글을 바탕으로 합니다. (링크: How to create a Neural Network in JavaScript in only 30 lines of code) ※ 필요한 것 (클릭 시 링크) Synaptic.js (The javascript architecture-free neural network library for node.js and the browser) Node.js 자바스크립트로 만들어 볼 간단한 신경망은 XOR 식을 푸는 신경망입니다. 예를 들어, (0, 1), (1,0) 을 입력하면 1, 나머지 (0, 0), (1, 1)을 입력하면 0 먼저, 아래 그림은 시그모이드(sigmoid) 뉴런을 표현합니다. (앞으로 만들 네..
-
HTML 자바스크립트 오디오 소스 조작컴퓨터/HTML & JS & TS 2017. 6. 28. 14:45
사이트 접속하자마자 자동 재생됨 (순서 랜덤), HTML5 audio(id=player) 위젯 삽입 필요 HTML5 기본 위젯뿐만 아니라 커스텀 플레이 버튼이 있을 경우를 위함 (오디오 소스 플레이하고 재생 중인 곡 정보 얻기) ※ 크롬 오디오 정책이 변경되어 음소거된 음악/영상만 자동 재생됩니다. 예) toast + FAB ※ playinginfo 가 현재 재생하는 곡 정보 LIVE See the Pen #jsmusic by 최석원 (@alfex4936) on CodePen. // ESLint 부분 적용 let player; // 오디오 파일 리스트 const audioFiles = [ 'music/1.mp3', 'music/2.mp3' ]; // 현재 재생 곡 정보 manually 불러오기 let p..
-
크롬 확장 프로그램 - youtube to mp3 (y2mate)컴퓨터/소프트웨어 2016. 9. 9. 15:32
이 확장 프로그램은 youtube.com 사이트들의 영상을 빠르고 손쉽게온라인 컨버터를 통해 mp3, mp4 포맷으로 저장할 수 있게 도와줍니다. 원본 버전은 다음 사이트에서 받으실 수 있습니다. (TamperMonkey 에드온 설치 필요)https://www.y2mate.com/help/y2mate-converter-button-for-google-chrome 수정 사항 : mp3 품질 선택 다운로드 메뉴로 변경 수정 버전은 ▼ (TamperMonkey 애드온에서 소스 열고 아래 버전으로 ) 사용 방법 1. 크롬 확장 프로그램 TamperMonkey를 설치한다.2. 새 스크립트 만들기를 누른다. 3. 파일 내용 복붙 후 저장 완료 후 상태 유투브 영상 다운로드, 유투브, Youtube, Dailymot..