I T H

이번 챕터에서는 메이븐을 이용한 프로젝트 빌드 및 운영 서버 배포 방법에 대해 작업을 진행하고자 한다. [ pom.xml ] Pom.xml 파일의 내용 중 프로젝트명을 일괄 수정하여 준다. Homepage -> myPortfolio 228 라인 쯤에 파이널 네임이 "myPortfolio" 와 같이 수정되어야 한다. 파이널 네임이 최종적으로 만들어질 xxx.war 파일의 이름이 된다. 추가로 쿼리 매핑이 되어있는 xml 파일들을 빌드 시 포함시키기 위해 아래 구문을 추가하여 준다. myPortfolio src/main/java **/*.xml src/main/resources .. 생략 [ 이미지 업로드 경로 수정 ] 로컬 환경과 운영서버의 환경이 서로 다르므로 이미지를 업로드 하는 경로를 다르게 수정해주..

이번 챕터에서는 메인 페이지의 내용을 일부 수정하여 완성된 페이지로 작성하고자 한다. 등록된 포트폴리오 리스트를 화면에 출력해주는 기능과 기타 문구 수정 등이 포함된다. 추가로 메인 페이지에서 포트폴리오 1개를 클릭하였을 때 포트폴리오 상세보기 화면으로 이동하고 상세보기 페이지까지 구현하는 것을 목표로 한다. [ index.jsp ] src/main/webapp/index.jsp 안녕하세요. 포트폴리오 사이트입니다. JAVA, Spring Framework 기반의 웹 사이트 제작 및 유지보수 업무를 담당하고 있습니다. 상세 이력 보기 about TH Portfolio 개발 경력서 다운로드 - 다운로드 버튼을 클릭하면 개발 경력서가 다운로드 됩니다. Java / Spring Framework Develop..

이번 챕터에서는 푸터 페이지의 문구 수정 및 구글 지도를 통한 장소 표시를 하고 어바웃 페이지에는 고정된 데이터를 이용한 (DB 연동 없이) 간단 프로필 페이지를 작성해보고자 한다. [ 구글 지도를 통해 특정 장소 표시하고 HTML 코드로 넣기 ] 검색창에 “구글지도” 를 검색 후 접속 검색할 주소를 입력 후 -> 공유 버튼 클릭 -> 지도 퍼가기 -> HTML 복사 HTML 복사를 하는 경우 iframe 태그가 복사가 되는데 이 태그를 프로젝트 footer.jsp 파일의 특정 영역에 붙여넣는다. [footer.jsp] Contact +8210 5629 3792 thkim@the-value.co.kr 서울시 관악구 남현3길 61, 207호 (08806) VALUES +8210 4313 0422 dev@t..

이번 챕터에서는 관리자 계정으로 로그인 후 출력되는 관리자 메뉴를 통해서 프로필 관리, 포트폴리오 관리를 진행하고자 한다. 먼저 이미 작성하였던 프로필 관리 페이지에도 템플릿 스타일을 동일하게 적용하기 위해서 JSP, js 파일을 각각 수정하여 준다. 아래와 같이 프로필 관리 페이지가 완성될 것이다. [ admin.jsp ] – 프로필 관리 페이지 UI 수정 src\main\webapp\WEB-INF\views\admin.jsp 프로필 관리 페이지 프로필 이미지 프로필 이름 프로필 직업 프로필 이메일 프로필 등록 [ admin.js ] – 프로필 관리 페이지 스크립트 작성 src\main\webapp\resources\views\admin.js /********************************..

[게시판 테이블 ] - 게시글에 대한 테이블 -- MYPORTFOLIO.TBL_QNA_INFO definition CREATE TABLE `TBL_QNA_INFO` ( `CODE_ID` varchar(36) NOT NULL COMMENT '코드아이디', `UP_CODE_ID` varchar(36) DEFAULT NULL COMMENT '상위코드아이디', `TOP_CODE_ID` varchar(36) DEFAULT NULL COMMENT '원글코드아이디', `LVL` int(11) DEFAULT NULL COMMENT '글 레벨', `USER_ID` varchar(50) DEFAULT NULL COMMENT '사용자 아이디', `USER_EMAIL` varchar(50) DEFAULT NULL COMMEN..