우리마의 웹 개발

이클립스 프로젝트 작업을 할때 화면을 분할하려고 하면 CTRL+SHIFT+[ 또는 CTRL+SHIFT+- 로 창을 나눌수 있긴 하지만 면적이 쫍아서 코드가 잘안보인다거나 하는 불편함이 있어요. 아예 같은 프로젝트 이클립스를 하나 더띄워서 실행하면 이를 해결할 수 있어요. window -> new window 를 클릭 하면 같은 프로젝트 이클립스창이 새로 열리는 마술!

** Eclipse 에서 콘트롤 H 또는 R (CTRL + R , CTRL + H) 로 파일을 찾는데 File Search를 하고, 찾은 내용을 볼 때, 자꾸 한 탭으로만 나와서 불편했다. 처음 search.jsp 페이지의 내용을 찾았다가, 그 다음 research.jsp 페이지의 내용으로 가려고 더블클릭 했더니 기존 탭에 새로고침 되면서 나와버리는 현상! ** 해결 방법 : 메뉴에서 Window - Preferences > General > Search > "Reuse editors to show matches" 체크를 해제 갸꿀~

웹 개발업무를 하면서 Javascript, Jquery를 사용하는 것은 반 필수적인 실정에서, 비동기 프로그래밍은 불가피한 요소다. 콜백함수를 사용한 비동기식 처리 모델은 JavaScript에서 빈번히 사용된다. 비동기식 처리 모델이란 처리가 종료하면 호출될 함수(콜백 함수)를 미리 parameter로 전달하고 처리가 종료하면 콜백 함수를 호출하는 것이다. jQuery Deferred는 각각의 비동기식 처리에 Promise 객체를 연계하여 그 상태를 전파하는 것으로 promise를 구현한 jQuery 객체이다. 브라우저 호환성과 편의성을 고려하여 만든 Promise 모듈이라고 생각하면 무리가 없을 듯하다. jQuery Deferred에서 각각의 비동기식 처리를 Deferred 객체로 wrapping한다...

Spring환경에서 게시판으로 개발 연습을 하면서 댓글 출력에 대한 개인적인 로직을 정리하고자 합니다. 지극히 주관적인 로직과 코딩이라서 상당히 하드 할 수 있어요. 댓글에 대한 등록, 수정, 삭제에 대한 기능은 생략하고 출력에 대한 부분만 다루도록 할게요 지적사항, 더 좋은 방법 등 댓글 환영합니다. 개발 환경 Spring Framework 5.2.3 Tomcat 8.0 DB MySql8 , MyBatis3.5 Browser Chrome IDE STS 3.9.11 결과 화면 DB 댓글 관리 테이블 구조 댓글을 작성할 때 어느 게시글에서 등록된 댓글인지 알기 위해 게시글 테이블(training_bbs)에서의 PK(idx) 값을 댓글 테이블(training_bbs_cmt)에서 FK(bbscmtidx)로 사..

안녕하세요. 이번 글에서는 eGovFramework3.8 환경에서 두 개의 DBMS를 붙이는 방법에 대해서 끄적이려고 해요. 필자는 기존에 Postgresql을 사용하다가 Tibero DB를 붙였어요. 해당 DB의 드라이버는 maven repository에서 가져와서 pom.xml에 추가해주시면 됩니다. Maven Repository: Search/Browse/Explore Integrations SDK Last Release on Dec 22, 2020 mvnrepository.com context-datasource.xml 설정 - Datasource 추가 하기 먼저 datasource를 추가해줘야 합니다. src/main/resource/egovframework/spring 아래에 context-d..

안녕하세요. 이번 글에서는 Spring환경에서 파일 업로드에 대해서 이야기하려고 해요. 웹 프로젝트에 있어서 파일 데이터의 전송은 상당히 많은 부분을 차지한다고 생각합니다. 오늘은 게시글에 대해서 하나의 파일 첨부만 구현 한 저의 로직을 소개하겠습니다. 차후에 다중 파일 업로드와 파일 다운로드 기능까지 추가로 올리도록 하겠습니다. 개발 환경 Spring Framework 5.2.3 Tomcat 8.0 DB MySql8 , MyBatis3.5 Browser Chrome IDE STS 3.9.11 파일 관련 DB 테이블 구조 1. idx : 파일 첨부한 파일의 일련번호. (PK, 프라이머리 키) 파일을 관리하는 테이블에서 프라이머리 키는 매우 중요합니다. 프라이머리 키의 값을 가지고 첨부한 이미지의 썸 내일..

Spring환경에서 게시판으로 개발 연습을 하면서 게시글에 대해서 해당 글의 '좋아요' 처리에 대한 개인적인 로직을 정리하고자 한다. 지극히 주관적인 로직과 코딩이라서 상당히 하드 할 수 있다. 지적사항, 더좋은 방법 등 댓글 환영 개발 환경 Spring Framework 5.2.3 Tomcat 8.0 DB MySql8 , MyBatis3.5 Browser Chrome IDE STS 3.9.11 DB '좋아요' 테이블 구조 bbsidx와 useridx는 각각 게시글 테이블과 사용자 테이블의 일련번호를 외래 키로 사용하고 있다. 게시글을 본 사용자에 대해서 '좋아요'를 처리하기 위함이다. 게시글 상세보기 페이지 최초 접속시 처리 프로세스 '좋아요'버튼 (하트) 눌렀을때 처리 프로세스 게시글 상세보기 페이지..

통계 페이지나 내역 페이지 등을 개발할 때 그래프를 통해 월별 현황, 브라우저별 접속 현황 등 한눈에 볼 수 있는 UI를 사용하고 싶을 때 사용할 수 있는 그래프 라이브러리 HighChart를 소개 한다. High Chart 라이브러리 다운로드 High Chart 공식 홈페이지 접속