개발자 D 개발 노트

2021/04/01(목) 확대/축소 알고리즘 설명 참고 https://cordingdoah.tistory.com/89 자바스크립트를 이용한 개인 프로젝트 - 6(영상 처리 알고리즘) 2021/04/01(목) 밝게하기 어둡게하기 기초 설명 참고 https://cordingdoah.tistory.com/88 자바스크립트를 이용한 개인 프로젝트 - 5(영상 처리 알고리즘) 2021/04/01(목) 슬라이드 화면구현과 각각의 메인화면의. cordingdoah.tistory.com 영상처리 알고리즘 : 좌우반전, 상하반전, 90도 회전 구현해보기 바로 고!! 좌우반전 원리 가운데를 기준으로 좌우 교체 function leftRightImage() { clickEventDown(); for (var i = 0; i..

2021/04/01(목) 밝게하기 어둡게하기 기초 설명 참고 https://cordingdoah.tistory.com/88 자바스크립트를 이용한 개인 프로젝트 - 5(영상 처리 알고리즘) 2021/04/01(목) 슬라이드 화면구현과 각각의 메인화면의 뒷배경은 아래 글을 보고 참고 https://cordingdoah.tistory.com/81 자바스크립트 이용한 개인 프로젝트 - 1(첫 화면, 슬라이드 화면) 2021/04/01(목) 자바. cordingdoah.tistory.com 이번 게시물에서 구현해볼 것은! 영상처리 알고리즘 : 확대, 축소 구현해보기 바로 들어가보자! 확대하기 원리 //확대 function zoomInImage() { //전에 있던 클릭이벤트 삭제 clickEventDown(); ..

2021/04/01(목) 슬라이드 화면구현과 각각의 메인화면의 뒷배경은 아래 글을 보고 참고 https://cordingdoah.tistory.com/81 자바스크립트 이용한 개인 프로젝트 - 1(첫 화면, 슬라이드 화면) 2021/04/01(목) 자바스크립트를 이용하여 영상처리 할 수 있는 프로젝트 설명 전체적인 프로젝트 컨셉 : 다양한 영상처리의 컨셉을 보여주기 위해 디즈니 영화를 주제로 잡아 구성을 했습니다. - 인 cordingdoah.tistory.com https://cordingdoah.tistory.com/85 자바스크립트를 이용한 개인 프로젝트 - 2(인어 공주 화면) 2021/04/01(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 첫 메인 화면 구현(첫 슬라이드) index.htm..

2021/04/01(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 세번째 메인 화면 구현(세번째 슬라이드) 메인화면의 구성같은 경우 그 전에 첫번째 메인화면 구성과 같다 https://cordingdoah.tistory.com/85 자바스크립트를 이용한 개인 프로젝트 - 2(인어 공주 화면) 2021/04/01(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 첫 메인 화면 구현(첫 슬라이드) index.html이라는 메인html 위에 물결이 치는 모습을 구현한 module을 크기에 맞게 띄우 cordingdoah.tistory.com import {BounceString} from './bouncestring.js'; class App3{ constructor (){ //캔버스 설정 this.can..

2021/04/01(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 두번째 메인 화면 구현(두번째 슬라이드) 메인화면의 구성같은 경우 그 전에 첫번째 메인화면 구성과 같다 https://cordingdoah.tistory.com/85 자바스크립트를 이용한 개인 프로젝트 - 2(인어 공주 화면) 2021/04/01(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 첫 메인 화면 구현(첫 슬라이드) index.html이라는 메인html 위에 물결이 치는 모습을 구현한 module을 크기에 맞게 띄우 cordingdoah.tistory.com import { GlowParticle } from "./glowparticle.js"; const COLORS = [ {r:41, g:72, b:152, a:0.4}..

2021/04/01(목) 자바스크립트를 이용하여 영상처리 할 수 있는 프로젝트 설명 전체적인 프로젝트 컨셉 : 다양한 영상처리의 컨셉을 보여주기 위해 디즈니 영화를 주제로 잡아 구성을 했습니다. - 인어공주 : 뒷 배경을 3중으로된 물결을 모듈로 만들고 앞에 화면에는 캔버스를 띄워 버튼 클릭 시 각각 영상 처리 - 업 : 뒷배경을 풍선이 날아다니는 모션을 두고 앞에 캔버스를 띄워 영상 처리 - 코코 : 뒷배경을 기타 줄을 튕기는 모션을 두고 앞에 캔버스를 띄워 영상 처리 제이 쿼리를 가져와서 첫 화면을 구성 photo effects - kim do a - start start버튼 클릭 시 slide.html로 이동 $(document).ready(function () { $(".title").letter..

2021/04/01(목) HTML5와 JavaScript를 이용한 개인 프로젝트 동영상 이미지를 입력받아 Canvas를 이용하여 배열에 띄우고 사진을 흑백, 축소, 확대, 엠보싱 등 효과를 주는 웹 프로젝트 배경에 나오는 움직이는 화면도 하나의 큰 캔버스로 이것은 Module을 이용하여 띄우고 앞에 작은 캔버스하나를 Script로 띄워 구현 오디오 효과를 사용하여 좀더 감성적인 웹을 구성 각각 디즈니 영화 인어공주, UP, 코코를 모티브로 구성 참고) 각각 자세한 설명과 화면 구현은 블로그에 따로 정리를 했음 - 첫화면 https://cordingdoah.tistory.com/81 자바스크립트 이용한 개인 프로젝트 - 1(첫 화면, 슬라이드 화면) 2021/04/01(목) 자바스크립트를 이용하여 영상처리..

2021/03/16(화) code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 홈페이지 들어가기 windows x 64 stable을 설치 첫화면에서 왼쪽 5번째 아이콘 클릭 검색창에 korean으로 치고 첫번째 나..