정신 바짝

국비지원 세미프로젝트를 마쳤다. 2022년 8월 4일에 세미 조가 결성되었고 수업 및 문서작업의 시간을 거쳐 9월 16일 부 2022.09.18 - [프로그래밍/프로그래밍 연습 및 기타 등등] - [썸머노트] 썸머노트 에디터에 업로드한 이미지를 원하는 내부 경로에 저장하고 경로값을 DB에 저장하기 터 9월 28일까지 작업을 하여 결과물을 만들어 내었다. 지금은 파이널프로젝트 조가 결성되었고 AJAX 및 API 등을 추가적으로 강사님께서 강의해주고 있는 시점이다. 올 해 1월에만 해도 직장을 다니고 있던 내가 개발자가 되기로 결심하고 여러가지 과정들을 거쳐 이렇게 세미프로젝트를 마쳤다는 것이 뿌듯하다. 세미프로젝트를 하면서 걱정되었던 것들이 많이 있었다. 제대로 무언가를 만들어보지 않았는데 새롭게 알게된 ..

학원 세미프로젝트에서는 문서를 만드는 것이 귀찮았는데 막상 혼자 무언가를 만들어보려고하니 문서를 만드는 것의필요성을 느끼게 되었다. 기획서, 요구사항 정의서, 각종 다이어그램과 ERD를 만들면서 머릿속에 있던 추상적인 그림을 구체화 할 수 있는 것 같다. 카카오오븐 :와이어프레임 OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io ERDCloud :ERD, SQL 익스포트 등 ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com Diagram.ne..

해당 게시물은 본인의 이해를 바탕으로 작성되었으므로 틀린 부분이 있을 수 있습니다. 댓글로 알려주신다면 감사하겠습니다! ---------------------------------------------------- Spring이든 summernote든 전혀 봄과 여름 같지 않았다. 이를 완벽하게 사용하기에는 아직 어려워서 Winter나 blizzardnote라고 해야하지 않을까(웃음). 하지만 이해하고 알아가면 알아갈수록 잘만 사용한다면 개발자에게 봄바람과 여름바다와 같은 훌륭한 도구가 될 것이라는 생각이 든다. 만든 사람들 대단하다. 이 글은 기본적인 썸머노트 연결법은 제외하며 가 썸머노트 에디터로 작동하는 상황을 기준으로 한다. 🧀 썸대노트의 이미지 업로드 동작 원리 이해 아아 이것이 썸머노트인가아름..

GitHub - mbk1991/Tripply Contribute to mbk1991/Tripply development by creating an account on GitHub. github.com 프로젝트 중 무엇을 어떻게 왜 했는지에 대한 기록. 주안점) 1. 학원에서 배운 것 위주로 최대한 복습, 활용, 응용 2. 복붙없이 직접 타이핑. 3. 방법에 대한 검색 외에는 검색없이 직접 생각한 로직으로 구현. =========양식========= ------------------------ # 🧾WHAT : 🍕HOW : 👀WHY : 목록으로 ================== 목록 #1.컨트롤러 메소드의 주석 #2.JSP의 주석 #3.게시물 목록 조회 쿼리문 #4.썸네일 형태의 게시판 목록 기능 #5.이..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 세미 프로젝트를 진행하고 있다. 문서작업은 어느정도 마무리가 되어서 코딩을 진행하면서 보완하면 되는 상황. 깃허브 협업 방식까지 학원에서 알려주어서 이제는 본격 작업을 시작 할 수 있게 되었다. 개강 이후로 참 정신없이 지나갔는데 그래도 학원에서 참 많은 것들을 배웠다. 직장을 다닐때 혼자 공부하면서 개념이 모호했던 것들이 학원을 다니면서 정리된 부분이 많다. 아쉬운 점은 학원에서 배운 것들을 아직 100% 소화하지 못했다는 점. 실습을 바탕으로 익힌 기본기를 ..

학원 프로젝트를 위하여 썸머노트 사용법을 알아보던 중 이름만 알고 왜 사용하는지 전혀 몰랐던 ajax와 json에 대해 조금은 이해를 하게 되었다. https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started Ajax 시작하기 - 웹 개발자 안내서 | MDN 본 문서는 AJAX의 기본을 익힐수 있도록 해주며, 두 가지 간단한 훈련용 예제를 제공합니다. developer.mozilla.org AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다. 클라이언트와 서버 사이의 요청과 응답은 브라우저가..

학원에서 배운 것을 토대로 이런 형태의 게시판 목록을 만들어보고자 함. 해당 페이지는 무한 스크롤 방식이지만 한 페이지에 최대 9개의 게시물을 출력하고 페이징 처리를 해보고자 함. 페이징 처리에 앞서 일단은 3열로 출력 되도록 와 를 이용하여 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ${review.reviewTitle } ${review.reviewWriter } ${review.reviewCount } ${review.rCreateDate } Colored by Color Scripter cs 이렇게 하는 것이 맞는지는 모르겠으나 원하는 형태로는 화면이 나오고 있다. 추가적으로 알아본 것 이미지 태그의 src를 불러오지 못할 경우 대체 이미지..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 기본 댓글기능 실습 (대댓글X)) 태그를 이용하여 게시판 목록을 화면에 출력하듯이 처리 깃허브 협업 방식) 팀원 각각 작업 브랜치를 원격 저장소에 올리고 팀장이 원격에 올라가 있는 팀원별 작업 브랜치들을 하나하나 팀장 로컬의 main브랜치로 병합하여 로컬의 main브랜치를 최신상태로 만든다. 이후 이 최신 상태의 main브랜치를 원격으로 push하고 팀원들은 이를 pull 한다. 병합하고 남은 브랜치를 지우지 않고 계속 새로운 브랜치를 만드는 방식으로 진행하기 ..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 게시판 검색 기능 구현 실습) 1. 검색 키워드 및 검색 조건이 남아있도록 -> selected , el이용 2. 검색 결과의 페이징처리가 되도록 -> url경로 속에 el을 이용함. postcodify 오픈소스 도로명주소검색 API) -적용예제 보고 따라하면 아주 쉽게 사용 가능. 적용 예제 - Postcodify 적용 예제 팝업 레이어 사용 가장 쉽게 Postcodify를 적용할 수 있는 방법입니다. 국내 대부분의 웹 사이트에서 최근까지 사용해 온 주소검색 ..

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 게시물 수정 기능 구현) 첨부파일을 수정하는 로직 삭제 후에 등록하는 방식으로 구현. 1. 삭제 1)HttpServletRequest를 이용하여 경로를 구한다. 2)경로+파일이름으로 파일객체를 만든다(FIile) 3)file.delete()메소드로 파일을 지운다. 2.등록 1)rename(파일이름 중복 방지) 파일명을 만든다. 2)경로+rename파일명(풀경로)로 파일객체를 만든다.(File) 3)MultipartFile의 transferTo메소드를 이용하여 파..