디지털 영상처리 웹페이지

대한상공회의소 서울기술교육센터의 자바기반 빅데이터 시각화 시스템 개발 반에 다니며 프론트엔드 프로그래밍에 대해 공부했다.

 

이번에는 JSP개발환경을 구성하고, 웹페이지를 만드는 것에 대해 학습했다. 저번에 배웠던 영상처리 알고리즘을 활용하여 이번에는 JSP기반으로 디지털 영상처리를 진행하였고, 학습한 내용을 바탕을 아주아주 짧은 기간이지만 프로젝트를 진행했다.

 

이미지 파일을 선택하고 영상처리하고 저장하는 부분을 JSP로 구현하는 것을 배웠는데, 처음에 프로젝트 시작한 날에 우리는 아직 RAW파일(흑백)처리밖에 배우지 않았기 때문에 한 두시간인가 세시간동안 칼라파일 처리하는 것을 혼자 해보다가 실패하고 자바스크립트로 넘어왔다. 그런데 그 다음날 교수님이 칼라하는 것을 알려주셔서 좀 슬펐지만 이미 진행해 놓은 것이 그래도 꽤 많았기에 그냥 계속 자바스크립트로 진행할 수 밖에 없었다...

 

그래도 JSP에서 중요한 것은 DB와의 연동이라고 생각하기 때문에 로그인, 회원가입 등등 이런 부분들은 JSP로 구현을 했다. 사실 저번에 한 프로젝트와 비교해보자면 회원정보가 추가되었다는 점?? 외에는 거의 비슷하다. 그런데 시간이 정말 너무너무 부족해서 PPT도 개대충 만들고 코드도 대충짜고 심지어 마이페이지는 구현 못 한 것도 있다.. 젠장~~!!

 

주제: 디지털 영상처리 웹페이지 구축

사용 언어: JSP / HTML5 / CSS3 / JAVASCRIPT

개발 환경: Eclipse / Visual Studio Code

데이터베이스: MariaDB

제작 기간: 21.04.29 – 21.05.02

 

소개는 다음과 같습니다.

- 로그인 후 이미지 선택, 편집, 저장 가능

- 회원가입 및 탈퇴, 패스워드수정 가능

 

피피티는 뭐 보여드릴게 없네유 .. 표지도 그지같은

 

화면과 간단한 코드를 보여드립니다.............

 

메인화면

여기서 이미지 선택을 하려고 하면 로그인 하라는 경고창이 뜹니다.

평일에 이것만 만들었다는 사실..

토요일엔 합정 할리스에 가서 각자 코딩을 했습니다. 회원정보 관련된 것은 주말에 거의다 한 것 같음

학원 오빠가 케이크도 사줘서 맛있게 먹으며 했습니다~~ 룰루랄라

끝나고는 저번에 갔던 당인리극장에 가서 차돌막창찌개와 오코노미야끼 먹었슴둥 진로도 필수쥬

존맛탱탱이 !!

 

아 그리고 저의 db입니다. 별건 없지만 내용물이 없어서 올립니다.

 

로그인 화면

여러가지 경고창들입니다.

 

회원가입 화면

아이디 중복확인 체크하는 것때문에 거의 3시간 정도 날리고,,, 하지만 학원 오빠가 해결해서 저도 따라했습니다. !! 호호 감사링 주말에 카페가서 코딩할 맛이 나네요..^^..

 

비밀번호 수정 화면

왜인지 모르겠는데 어제 이거 하다가 갑자기 뇌정지 와가지구 20분이면 할 것을 한시간동안이나 붙잡고 있었습니다... 이거 빨리 했으면 마이페이지 완성했을지도??!ㅋㅋ <- 절대못함

 

회원탈퇴 화면 (.. ㅠㅠ 탈퇴하지 마세용

하지만 탈퇴하려는 사용자를 붙잡지는 않습니다.

 

----- 로그인 이후에는 이미지 선택이 가능합니다!!!! 선택하면 바로 편집 화면으로 넘어간다요

 

이미지 편집 화면

여러가지 버튼 선택하면 오른쪽 이미지가 바뀌고 save 버튼을 누르면 저장됩니다!!!

 

마이페이지 화면

저장한 사진들을 이렇게 보여주고 싶었는데 ... 실패했습니다.

사진은 이미지입니다. <- 몬지 아시는분 ?! ㅋㅋ

 

이미지 편집하는 코드는 저번이랑 똑같기 때문에 안올립니다.. 

 

날씨가 이렇게 좋은데 코딩이라니??? 다음에는 한강가서 코딩 합니다.

 

 

일요일에는 부천까지 가서 했습니다.!!! 왜냐면 항상 오빠들이 합정 와줘서 저도 부천에 한번 가줬습니다. 일등으로 도착한건 안비밀 난 멋쟁이 룰루리

부천 살기 좋아 보이네용

멋있어보이는 사진이죠?? 5년째 함께하고 있는 노트북아!! 좀만 더 힘내라 .. 언제 터져도 이상하지 않을 듯 ㅎㅎ

 

소스코드는 완성되지 않았지만 올립니당.. .......  힘들어서 시연영상은 안찍습니다.

코드는 고칠겁니다 오늘 안에 .....................................................

 

 

------------------------------------- 수정했수다-------------------------

나를 가장 괴롭혔던 마이페이지에 사용자가 저장한 이미지 출력하기 ..... 약간 장바구니 같은 것

그리고 이미지가 자꾸 새로고침이 안되어서 찾아보니까 이런 방법을 쓰더라구용!!

프로젝트나 폴더를 찾아가서 새로고침을 해줘야 하는데 화면에 안뜨는 경우가 많았습니다...

eclipse Window에서 제공하는 새로고침을 자동적으로 하는 기능이 있어서 사용했습니다.

 

eclipse 상단에 Window 탭 클릭 - Preferences로 들어가서 General - Wordkspace에서 Refresh using native hooks or pooling을 체크 하면 됩니다.

 

정말정말 힘들었지만 그래도 무사히 수정했다 ...!!! 이제 시연 영상도 찍을 수 있습니다 야호~~ 무야호!!

 

시연영상입니다. 용량이 커서 안올라가네유

youtu.be/DfDwhXcBNZY

그리고 이것은 코드!!

jsp_project.zip

6.47MB

[자바빅데이터] JSP 미니 프로젝트. 임선우..pptx

2.01MB

 

 

느낀점..

모각코 재밌다. (모여서 각자 코딩 이라는 뜻) ㅋㅋ 그리고 네이버블로그에 1일부터 블로그 2주동안 쓰면 16000포인트 준다해서 일기도 조금 썼다. 시간이 너무 짧았다. 그래서 대충해가지고 저번에는 끝났을때 진짜 개운하고 후련했는데...

이번에는 완전 안개운하고 그냥 기분이 안좋았지만 부천까지 가서 학원 사람들과 아웃닭에서 치킨도 먹고 맥주도 먹고 하니까 좀 나아졌다. 집가서는 친구랑 통화도 2시간이나해서 지금은 너무 졸리당.. 피곤한 4일?? 아니 5일???? 이었다.~~ 그리고 JSP 환경 설치?? 구축???? 너무많이 해서 달인 된 것 같다. 입니다.

 

 

 

 

요새 이렇게 사진찍는 게 유행이라던데