[꼼꼼한 개발자] 꼼코더

🧑🏻‍💻 프로젝트 종료 그렇게 서로의 개발을 무사히 잘 마쳤고 기능도 정상 작동 하였다 구현 동작을 설명하자면 1. 메인 페이지 -> 카메라 그림 이미지 클릭(게시판에 [글쓰기]와 같은 기능) 2. [촬영] 클릭 *원하는 사진이 나올 때까지 버튼 클릭 3. 게시글 작성 4. [저장] 클릭 -> 이후 데이터들(글, 사진 등) DB에 저장 5. 글 목록 확인 6. 제목, 글 내용, 사진확인 이렇게 잘 마무리되었다. 😅 느낀 점 내가 불가능할 거라 생각했던 카메라 기능을 구현했다는 것에 좋은 성취감을 느꼈고 '구글과 의지'만 있으면 뭐든 가능하구나라고 느꼈다. 이 전 프로젝트가 아쉽게 무산되어 이번 프로젝트는 규모와 상관없이 꼭 성공하고 싶었던 마음이 컸고 팀원들과에 불화는 전혀 없었지만 기능 개발 도중 난관..

👏🏻 기능 개발완료(로컬 저장) 2가지를 해야 한다. '로컬저장' 'DB에 경로 저장' 로컬 저장시 거쳐야 할 과정은 이렇다 사진 촬영 -> Base64 데이터 인코딩 -> 자바 파일 스트림을 사용하여 로컬에 자동 저장 이때 아래와 같은 임포트들이 필요하다는 걸 찾았다(3일 걸렸다..ㅠ) 이후 사진을 로컬에 저장까지 성공하였고 또 다른 고민이 생겼다 사진 파일 명이 같으면 이 전 사진들은 삭제되는데 어떡하지? 오랜 고민 끝에 나의 해결법은 '사진 파일 명을 숫자를 증가하여 번호로 저장하는 것'이다. 민망해 보이지만 이때 이 방법을 생각하고 너무나 기뻤다. 이제 10명의 사람이 [사진촬영] 버튼의 횟수에 상관없이 [저장] 버튼을 클릭했을 때 로컬에는 [1.jpg, 2.jpg., 3.jpg] 순으로 10번째..

🕵🏻 주요 기능 성공!(?) 카메라 기능을 구현하였지만 두 가지 기능이 남았다 사진 저장 사진을 게시판처럼 등록(즉 다시 꺼내 볼 수 있게) 이를 위해서는 우선 이전에 복붙 했던 코드의 이해가 필요했다 그 당시 Chat-Gpt가 없었으므로 한 줄 한 줄 구글링을 통해 알아갔었고 무려 5일에 거쳐 해석을 마쳤다 😲 알아낸 것 1. 버튼 클릭 시 어떤 동작들을 하는지 2. 어느 부분이 카메라에 접근하는 코드인지 등 확인하였고 팀 원 들과 나를 위해 주석을 알기 쉽게 적었다. 이렇게 알아낸 것들을 통하여 어느 버튼에 사진 저장로직을 넣을지 감을 잡을 수 있었다 📸 사진 저장 그렇게 나는 사진 저장 방법에 관하여 검색하였다 검색 결과 여러 가지 선택지가 나왔다 로컬 저장, DB 저장, 웹 서버 저장 이 세 가지..

😁 찾았다! 코드 내가 전혀 맨 소스부터 개발하기가 어려운 기능이라 구글링을 엄청 열심히 했던 기억이 있다. 그때 '웹 카메라 연결', '웹 카메라 기능' 등 정말 단순하게 검색했었다. 그렇게 구글링 하던 중 자바스크립트 canvas를 활용하여 개발이 완료된 코드를 확인했고 신난 나머지 바로 복+붙을 시전하였다. 😅 찾자! 코드 실제 동작을 해보니 메인화면에 버튼이 하나가 있고 [camera] 버튼 클릭 -> 노트북에 있는 캠 연결 -> [ok] 버튼 클릭 -> 화면에 [ok] 클릭 시 캡쳐된 사진확인(실시간 카메라 화면을 대체) 나는 이때 개선사항이 보였다. 현재는 [촬영 시작] 버튼 클릭 시 카메라 화면이 하나만 나왔었고. 이후 첫 [촬영] 시 카메라 기능은(실시간 카메라) 멈추고 [촬영] 버튼을 클..

👻 개발 준비(작은 난관) 우리는 아래와 같이 개발 환경을 세팅했다. Eclipse, github, Mysql, Java, JSP, JS, HTML, CSS 여기서 작은 난관이 발생한다. 팀장인 친구는 git GUI를 'GitHub Desktop'을 사용하자고 이야기했었다. 그런데 우리 대부분 git에 대해 너무 몰랐다. 팀장 친구는 같이 공부하자고 우리에게 말했었다. 그런데 우리도 협업이 처음이라 도통 감 잡기가 어려웠었다. 사실 git을 배운 적이 없었고 필요성도 몰랐어서 너무 무지했었고 우리는 서둘러 기본적인 깃(git) 공부 후 개발 준비를 했었다. 그렇게 fetch(), merge(), push() 온갖 실수들이 난무했고 이후 Branch를 다시 만드는 일이 있고 난 후에야 얼추 준비가 완료 되..

👨🏻‍🏫 주제 정하기(나의 아이디어) '다른 과 학생들이 관람(참여)할 결과물'이 무엇이 있을까 고민을 하다가 '우리가 뭘 만들 수 있지?'라는 추가 질문을 던졌었다. 그 상황에서 우리는 그나마 할 수 있는 '게시판'을 정했었다. 그렇게 얼추 마무리되는 분위기가 흘렀고 나는 더욱 발전 시키는 걸 좋아하는 사람이라 '좀 더 추가기능을 넣으면 좋겠다'는 생각이 들어 "게시판 글을 사진으로 남기는 건 어때? 인생 네 컷처럼 찍고 기록을 남기는 거야!" 팀원들 반응은 '긴가민가'했었다. 나는 더욱 어필했었다. "타 과 학생들이 와서 사진도 찍고 글도 남기고 하면 프로그램을 잘 모르지만 좀 더 흥미를 가지지 않을까?" "추가로 페이징 처리나 DB도 잘 연결해서 포트폴리오에도 제출할 수 있게 잘 만들어 보자!" 그..

🎬 새로운 프로젝트 JSP 공부 막바지 즈음 학교 동아리 단톡에 '프로젝트 참여' 톡이 올라왔고 나는 바로 참여의사를 밝혔다 프론트 1명, 백엔드 2명, 풀 스택 1명(팀장)으로 팀 구성이 완료되었다. 🧐 주제 아이디어에 주제는 학교에 전시할 작품을 선별하는데 동아리별 결과물을 심사 후 전시여부를 결정하는 것이었다. 따라서 다른 과 학생들도 참여하고 확인할 결과물을 만들어야 한 다는 것이다. (다음 글에서 아이디어 주제 정하기에 관련한 글을 작성하겠다.) 🧑🏻‍💻 팀원 스펙 팀원들 스펙을 참고하여 아이디어를 구상하고 정해봐야 했었다. Front end : Html, CSS, JavaScript Back end : Java, Servlet, JSP, MySQL