개발자 D 개발 노트

2021/04/01(목) 좌우반전/상하반전/90도회전 알고리즘 참고 https://cordingdoah.tistory.com/90 자바스크립트를 이용한 개인 프로젝트 - 7(영상 처리 알고리즘) 2021/04/01(목) 확대/축소 알고리즘 설명 참고 https://cordingdoah.tistory.com/89 자바스크립트를 이용한 개인 프로젝트 - 6(영상 처리 알고리즘) 2021/04/01(목) 밝게하기 어둡게하기 기초 설명 참고 https://c.. cordingdoah.tistory.com 영상처리 알고리즘 : 엠보싱, 블러링 구현해보기 바로 고!! 엠보싱, 블러링 원리 mask를 각 요소에 가운데 오도록 대입 해서 주변값을 곱하고 모두 더해서 가운데에 값을 넣어줌 mask값은 각 블러링이나 엠보..

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(목) 자바스크립트를 활용하여 영상처리 프로젝트 : 첫 메인 화면 구현(첫 슬라이드) index.html이라는 메인html 위에 물결이 치는 모습을 구현한 module을 크기에 맞게 띄우기 index.html에서 띄운 캔버스는 fixed를 주워 웹 페이지 화면에 고정 시켜줌 캔버스는 투명하게 설정하여 파일이 캔버스에 올라가지 않았을 때 뒤에 app.js화면만 보이도록 구성 import { WaveGroup } from "./wavegroup.js"; // import { AddCanvas } from "./addcanvas.js"; export class App { constructor() { this.canvas = document.createElement('canvas'); this..

2021/06/08(화) 코드블럭을 플러그인을 적용해서 만들 수 있지만 별로 안예뻐서 테마를 적용시키고 보기 쉽게 라인넘버를 설정해보도록 하겠다. 우선, 테마를 가져와보도록 하자 https://highlightjs.org/download/ Getting highlight.js Hosted A prebuilt version of highlight.js with 34 commonly used languages is hosted by following CDNs: cdnjs jsdelivr unpkg You can find the list of commonly used languages below in the custom download form. For other available styles look int..

2021/06/07(월) 파이썬을 편하게 사용할 수 있게하는 도구인 파이참을 설치하고 사용해보자~ 3. 파이참 설치하고 장고개발 서버 실행하기 l 파이참 설치파일 내려받고 실행하기 https://www.jetbrains.com/ko-kr/pycharm/download/#section=windows 다운로드 PyCharm: JetBrains가 만든 전문 개발자용 Python IDE www.jetbrains.com 파이참 설치! [JetBrains -> PyCham Community Edition]을 선택하여 파이참 실행함. Open을 선택하여 우리가 생성한 장고프로젝트인 c:/projects/mysite를 선택. l 파이참 이토프리터 설정하고 개발서버 한글로 실행하기 [file /settings]선택하고 ..

2021/06/07(월) Django란 뭐지? - 일종의 프레임워크라고 할 수 있다 프레임 워크란 무엇이냐~ 파이썬을 사용해 쉽고 빠르게 개발을 할 수있게 도와주는 개발 툴이다 이말이야~ 단편적으로 웹사이트를 구현해봤다면 이해가 쉽겠지만 로그인이나 회원가입, 파일업로드하는 화면이나 서버를 하나의 툴로 보다 쉽게 만들 수 있다면 좋겠지? 그래서 만들어진게 Django다~ 1. 파이썬이 없다면 먼저 파이썬 설치하도록 하자! https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org --> 설치 시에 ‘Add Python 3.8 to PATH’반드시 체크!! ..