개발자 D 개발 노트

2022-03-22(화) 시간은 정말빠르다 회사에서 프로젝트 중에 필요한 함수를 만들었는데 간단하기도 하고 캘린더 작업하거나 나처럼 그래프를 만드는 작업을 할 때 필요할 수 있는 함수를 공유하고자 한다. 두 날짜를 매개변수로 받아 사이에 포함되는 주 수 출력 주는 월요일부터 일요일을 한 주로 친다 매개변수로 start와 end를 받고 매개변수의 타입은 new Date() 형식으로 받는다 시작 날짜를 가지고 주의 마지막 날짜를 출력하고 1일을 더해 다음주 월요일을 출력하고 end와 비교하며 주의 수를 출력한다 ex) getWeekNumber(new Date("2022-03-01"), new Date("2022-03-17")) --> 3 출력 function getWeekNumber(start, end){ ..

2022-03-10(목) 회사에서 프로젝트 중에 간단한 함수 생성해야해서 만들어봤다! 우선 일주일의 기준은 월요일부터 일요일이다 함수에 날짜를 매개변수로 넘겨주면 해당 날짜가 속한 일주일의 시작날짜(월요일)와 끝날짜(일요일)를 출력하는 함수다 회사에서 주단위로 데이터를 출력하는 차트를 생성해야해서 구글링을 하며 만들었다 혹시 찾는 누군가에게 도움이 됐으면 좋겠다 /** * 매개변수 date : new Date()의 형식으로 전달 * 출력 : yyyy-mm-dd 형식으로 출력 */ function getWeekStartDate(date){ let today = new Date(date.setHours(0,0,0,0)); let day = today.getDay(); let startDate let resu..

2021/06/30(수) Python / JavaScript 이용한 전기차 충전소 위치 데이터 출력 및 위도 경도 추출 https://cordingdoah.tistory.com/126 Python / JavaScript 이용한 지역별 전기차 충전소 지도 출력 프로젝트 - 1 (전기차 충전소 위치 데이터 2021/06/30(수) 친구가 전기차를 충전소 위치를 한 번에 볼 수 있는 웹 화면이 있으면 좋겠다고 의견을 냈고 금방 만들 거 같아서 필 받아서 빠르게 만들어 봤다 전기차 충전소를 위치를 가지고 있 cordingdoah.tistory.com 이제 위에서 생성한 html 지도를 가지고 웹페이지를 생성한 뒤 선택한 지역별로 지도를 화면에 띄우는 코드를 구현해 보도록 하자! - 자바스크립트 파일 ELECTR..

2021/04/01(목) 컬러 흑백처리/부분흑백처리/색반전 알고리즘 참고 https://cordingdoah.tistory.com/95 자바스크립트를 이용한 개인 프로젝트 - 12(영상 처리 알고리즘) 2021/04/01(목) 히스토그램 스트레칭/히스토그램 엔드인/히스토그램 평활화 알고리즘 참고 https://cordingdoah.tistory.com/94 자바스크립트를 이용한 개인 프로젝트 - 11(영상 처리 알고리즘) 2021/04/01(목) 유 cordingdoah.tistory.com 이번에는 영상처리를한 사진을 클릭하면 원본사진으로 보여주고 마우스를 떼면 다시 돌아오는 이벤트를 생성에 대해서 말해보겠다 마치 기존에 어플에서 얼굴 보정을 하고 원본과 잠시 비교하는 버튼을 눌러 확인할 수 있는 기능..

2021/04/01(목) 히스토그램 스트레칭/히스토그램 엔드인/히스토그램 평활화 알고리즘 참고 https://cordingdoah.tistory.com/94 자바스크립트를 이용한 개인 프로젝트 - 11(영상 처리 알고리즘) 2021/04/01(목) 유사연산자/라플라시안 알고리즘 참고 https://cordingdoah.tistory.com/93 자바스크립트를 이용한 개인 프로젝트 - 10(영상 처리 알고리즘) 2021/04/01(목) 샤프닝/가우시안/고주파샤프닝 알고리. cordingdoah.tistory.com 이번 게시물에서는 컬러사진 영상처리를 해보겠다 컬러 영상처리 알고리즘 : 흑백처리, 부분흑백처리, 부분 색반전 구현하겠다 컬러영상처리 원리 - 기존에 흑백 사진 원리와 마찬가지로 디스크에 있는 ..

2021/04/01(목) 유사연산자/라플라시안 알고리즘 참고 https://cordingdoah.tistory.com/93 자바스크립트를 이용한 개인 프로젝트 - 10(영상 처리 알고리즘) 2021/04/01(목) 샤프닝/가우시안/고주파샤프닝 알고리즘 참고 https://cordingdoah.tistory.com/92 자바스크립트를 이용한 개인 프로젝트 - 9(영상 처리 알고리즘) 2021/04/01(목) 엠보싱/블러링 알고리즘 참고 ht. cordingdoah.tistory.com 영상처리 알고리즘 : 히스토그램 스트레칭, 히스토그램 엔드인, 히스토그램 평활화 구현하기 바로 고!! - 히스토그램 스트레칭 명암 비를 향상시키는 연산으로, 낮은 명암 대비를 보이는 영상의 화질을 향상시키는 방법 //히스토그..

2021/04/01(목) 샤프닝/가우시안/고주파샤프닝 알고리즘 참고 https://cordingdoah.tistory.com/92 자바스크립트를 이용한 개인 프로젝트 - 9(영상 처리 알고리즘) 2021/04/01(목) 엠보싱/블러링 알고리즘 참고 https://cordingdoah.tistory.com/91 자바스크립트를 이용한 개인 프로젝트 - 8(영상 처리 알고리즘) 2021/04/01(목) 좌우반전/상하반전/90도회전 알고리즘 참고 http.. cordingdoah.tistory.com 영상처리 알고리즘 : 유사연산자, 라플라시안 구현하기 마스크 원리는 https://cordingdoah.tistory.com/91 참고 바로 고!! 유사연산자 원리 //유사연산자 function onHomogenO..

2021/04/01(목) 엠보싱/블러링 알고리즘 참고 https://cordingdoah.tistory.com/91 자바스크립트를 이용한 개인 프로젝트 - 8(영상 처리 알고리즘) 2021/04/01(목) 좌우반전/상하반전/90도회전 알고리즘 참고 https://cordingdoah.tistory.com/90 자바스크립트를 이용한 개인 프로젝트 - 7(영상 처리 알고리즘) 2021/04/01(목) 확대/축소 알고리즘 설명 참고 htt.. cordingdoah.tistory.com 영상처리 알고리즘 : 샤프닝, 가우시안, 고주파샤프닝 구현하기 바로 고!! 마스크의 원리는 위에 링크를 참조~ //샤프닝 function sharpeImage() { clickEventDown(); // 샤프닝 화소 영역 처리 ..

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..