티스토리

바지락의 개발 일기
검색하기

블로그 홈

바지락의 개발 일기

yn971106.tistory.com/m

실전에서 배운 팁과 노하우를 내 것으로 만들고 공부한 것을 잊지 않기 위해 만든 블로그

구독자
2
방명록 방문하기
공지 글 작성 주기와 현황 모두보기
728x90

주요 글 목록

  • [Eclipse]_Spring Security Handler 구현 1단계 (로그인 과정 구현) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 환경으로 인해 Eclipse 에 spring 최신버전을 설치하였고 SpringSecurity 에서 제공하는 handler 들을 커스텀화 하여 적용하는 방법 서울 1단계에서는 로그인 과정 핸들러를 구현합니다. 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 10.0.23 v maven Artifact ID : maven-archetype-webapp 1.4v Spring 6.0.2 ver Spring Security 6.0.0 ver Jakarta 5.0.0 ver 특이사항 이전 포스트 에서 바뀐점이 있습니다. Tomcat 10 버전 사용시 필요한 servlet 버전은 5 입니다. 이전까지는 Tomcat 에 내장된 .. 공감수 0 댓글수 0 2022. 12. 22.
  • [Eclipse]_Spring Security Handler 구현 3단계 (로그인 실패 시) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 환경으로 인해 Eclipse 에 spring 최신버전을 설치하였고 SpringSecurity 에서 제공하는 handler 들을 커스텀화 하여 적용하는 방법 서울 3단계에서는 로그인 실패시 핸들러처리를 구현합니다. 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 10.0.23 v maven Artifact ID : maven-archetype-webapp 1.4v Spring 6.0.2 ver Spring Security 6.0.0 ver Jakarta 5.0.0 ver 특이사항 이전 포스트 에서 바뀐점이 있습니다. Tomcat 10 버전 사용시 필요한 servlet 버전은 5 입니다. 이전까지는 Tomcat 에 내.. 공감수 0 댓글수 0 2022. 12. 20.
  • [Spring]_Oracle 연결 & Mapper 연동 ( Error 정리) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 환경으로 인해 Eclipse 에 spring 최신버전을 설치하였고 Oracle 연동 및 Mapper 환경 구현 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 10.0.23 v maven Artifact ID : maven-archetype-webapp 1.4v Spring 6.0.2 ver Spring Security 6.0.0 ver spring-jdbc : 6.0.2 ver mybatis : 3.5.11ver mybatis-spring : 3.0.1ver 특이사항 하위 포스트의 후속내용입니다. https://yn971106.tistory.com/163 [eclipse]_spring_security 설치 개요 .. 공감수 1 댓글수 0 2022. 12. 15.
  • [eclipse]_spring_security 설치 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 환경으로 인해 Eclipse 에 spring 최신버전을 설치하였고 SpringSecurity 를 설치 하는 과정 설명 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 10.0.23 v maven Artifact ID : maven-archetype-webapp 1.4v Spring 6.0.2 ver Spring Security 6.0.0 ver 특이사항 Spring 최신버전부터는 servlet 버전으로 인하여 tomcat version 을 10이상으로 설치하여야 합니다. 다음 포스트 참고 https://yn971106.tistory.com/161 [Eclipse]_Spring 최신 버전 servlet 오류(feat.. 공감수 0 댓글수 0 2022. 12. 12.
  • [eclipse]_Spring 설치 및 구현 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 환경으로 인해 Eclipse 에 spring 최신버전을 설치하는 과정 설명 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 10.0.23 v maven Artifact ID : maven-archetype-webapp 1.4v Spring 6.0.2 ver 특이사항 Spring 최신버전부터는 servlet 버전으로 인하여 tomcat version 을 10이상으로 설치하여야 합니다. 다음 포스트 참고 https://yn971106.tistory.com/161 [Eclipse]_Spring 최신 버전 servlet 오류(feat.jakarta error) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclips.. 공감수 0 댓글수 0 2022. 12. 9.
  • [Eclipse]_Spring 최신 버전 servlet 오류(feat.jakarta error) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 만 사용가능하다 하여 환경 구현 실습 연습을 위해 가장 최신버전 채택하여 진행중 만난 오류사항 및 해결방법 설명 환경 Eclipse 최신버전 2022-09 (4.25.0) maven Artifact ID : maven-archetype-webapp 1.4v Spring -webmvc : 6.0.2 version https://yn971106.tistory.com/160 [Eclipse]_eclipse maven-web 프로젝트 생성 (feat.tomcat) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 만 사용가능하다 하여 새로 프로젝트 생성 도중 만난 에러사항 해결 방법 및 설치방법 설명 환경 Eclipse 최신버전 20.. 공감수 0 댓글수 0 2022. 12. 9.
  • [Eclipse]_eclipse maven-web 프로젝트 생성 (feat.tomcat) 개요 Intellij를 사용하다가 다음 프로젝트가 Eclipse 만 사용가능하다 하여 새로 프로젝트 생성 도중 만난 에러사항 해결 방법 및 설치방법 설명 환경 Eclipse 최신버전 2022-09 (4.25.0) Tomcat - 9.0.62 v maven Artifact ID : maven-archetype-webapp 1.4v 문제상황 Artifact 1.4v 으로 설치시 src/main/java 폴더 부제와 src/main/resources 폴더 부제 이클립스는 이미 설치되어있는 상태로 시작합니다. 목표 환경 src/main/java 폴더와 src/main/resources 폴더가 있고, tomcat 이 연결되어 있는 상태 1 maven 기반 프로젝트 생성 ※ 만약 다른 버전으로 선택하여 설치하고 싶.. 공감수 0 댓글수 0 2022. 12. 8.
  • [Modal_Callback]_모달 팝업 사용자 선택 Boolean 값으로 콜백 받기 환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 개요] 데이터를 저장, 수정을 하는데 있어 사용자에게 확인을 받아야 하는 경우가 있습니다. 예를 들어 "입력하신 정보를 저장하시겠습니까?" 라는 알람창이 뜬 다음 사용자가 확인 버튼을 눌러야 실행이 되고, 취소버튼을 누르면 API를 호출하지 않는 경우입니다. 이를 공통함수로 원하는 옵션을 부여하여 출력할 수 있도록 해보았습니다. 참고 CSS : http://yoonbumtae.com/?p=3632 자바스크립트: 모달(modal window) 만들기 - BGSMM 모달 창이란 사용자 인터페이스 디자인 개념에서 자식 윈도에서 부모 윈도로 돌아가기 전에 .. 공감수 0 댓글수 0 2022. 11. 4.
  • [Session]_Session 개념, 간단한 사용 방법 개념 일정 시간동안 같은 사용자(브라우저) 부터 들어오는 일련의 요구들을 하나의 상태로 보고, 그 상태를 일정하게 유지시키는 기술이다. 사용자가 웹 브라우저를 통해 웹 서버에 접속한 시점으로부터 종료하여 연결이 끝나는 사이의 기간을 말한다. 방문자가 웹서버에 접속, 종료까지의 상태를 하나의 단위로 보고 이를 세션이라고 한다. 쿠키 와 비교 웹브라우저에 사용자의 상태를 유지하기 위한 정보를 저장한다. = 방문자의 컴퓨터 메모리에 저장 세션은 웹 서버 쪽의 웹 컨테이너에 상태를 유지하기 위한 정보를 저장한다. = 서버에 저장 쿠키와 달리 세션은 사용자들의 로그인 정보에 대한 보안이 업그레이드 되어 웹사이트의 로그인 정보를 담는데 자주 사용한다. 동작방식 클라이언트가 서버로 접속 요청한다 (HTTP_통신) 서.. 공감수 0 댓글수 0 2022. 6. 29.
  • [Spring]_Maven 의 Profiles 기능 구현,사용하기_(pom.xml) 사용 툴 : Intellij 빌더 : Maven 목적 : properties 를 일일히 수정하지 않고 maven 의 profile 기능을 사용하여 원하는 properties 로 빌드하도록 구성 Maven 의 Profile 기능이란? = 설정 정보나 리소스 파일을 배치시킨다, 빌드 환경을 재구성 시킨다. 사용 이유 빌드 및 배포를 할때 버전관리, 혹은 실제 DB 혹은 test용 DB 등 여러가지 환경을 바꾸어야 할 때가 있습니다. 이때 maven 의 profile 기능을 사용하게 되면, 특정 Build 환경에 맞춘 리소스, 환경 설정 등을 클릭 한번으로 해결할 수 있습니다. ex) spring 의 properties 파일들. ( DB 접속 정보, API 접속 IP, PW.. 등등) 구성 방법 1. pom... 공감수 1 댓글수 0 2022. 6. 22.
  • [Spring]_HTTP 통신 개념,설명 개요 Spring 을 다루면서 API 를 만들고 해당 Controller 에 통신을 하기위해서 여러가지 어노테이션을 달고 파라미터에 값을 전달받습니다. @RequestMapping("/test") @ResponseBody String test1(@RequestParam Map param, HttpServletRequest request) RequestParam 혹은 httpServletRequest 등 데이터를 받는데, 이때 사용하는 통신규약이 HTTP 프로토콜 입니다. HTTP 프로토콜 개념, 특징 Hyper Text Transfer Protocal -> HTML 을 전달하기 위한 프로토콜 입니다. HTTP 통신은 Request - Response 로 이루어져 있습니다. Spring 에서 url 으로 .. 공감수 0 댓글수 0 2022. 6. 21.
  • [Spring]_Scheduler 설정 및 사용 목적 일정한 시간대에 원하는 함수가 실행되도록 하는 스케쥴링 작업 방안 Dispatcher-servlet 에 task:scheduler 사용 사용법 Dispatcher-Servlet 안에 실행할 함수 가 있는 클래스를 bean으로 등록 해당 클래스를 task:scheduler 를 사용하여 스케쥴링 등록 다른 방법 1. @Scheduled 어노테이션 으로 사용하는 방법 2. Spring Quartz 사용하기 설명 1. 스케쥴링 할 함수 생성 @Component public class ScheduledJob { public void testSchedule(){ //스케쥴 돌릴 내용 } } 2. Dispatcher-Servlet 설정 최상단의 bean 에 해당 2줄 추가 공감수 0 댓글수 0 2022. 6. 17.
  • [Dispatcher-Servlet]_디스패처 서블릿 이란 개념 Dispatcher-Servlet 이란 Spring 에서 HTTP 프로토콜이 들어오는 요청들을 가장 먼저 받아 해당하는 컨트롤러에 위임해주는 프론트 컨트롤러 라고 할 수 있습니다. 일반적인 Spring 구조의 서버라면, WAS 로는 Tomcat 을 사용하고 그 위에 Spring 을 올리는 방식을 사용합니다. Tomcat 에서 Spring 으로 request 가 오게 되면 가장 먼저 받는 것이 Dispatcher-Servlet 입니다. Dispatcher-Servlet 의 장점 예전에는 web.xml 파일에 모든 서블릿을 Url 매핑을 해줬다고 합니다. Dispatcher-Servlet 이 등장하고나서 모든 요청을 매핑해주면서 개발자는 컨트롤러만 구현하고 Bean 등록만 하게되면 알아서 위임해주는 편.. 공감수 0 댓글수 0 2022. 6. 17.
  • [Exception]_Spring 예외처리 Exception 이란? Error 와 Exception 의 차이는 개발자의 의도인지 아닌지 라고 생각합니다. Error 같은 경우에는 시스템의 심각한 오류, 서버 다운 등 말 그대로 에러인 경우이고, 시스템 레벨에서 일어납니다. 개발자가 의도하거나, 예상 할 수 없습니다. Exception 의 경우에는 개발자가 작성한 코드 안에서 일어나는 것들을 말합니다. 개발자가 미리 알고, 예상 할 수 있는 범위를 뜻합니다. Error 의 경우 개발자가 예측하여 해결할수 없습니다. 따라서 개발자는 자기가 작성한 코드 내에서 일어날 수 있는 예외를 생각해야 하고, 코드를 작성할 때 예외가 충분히 일어날 수 있는 곳에는 예외처리를 해줘야 합니다. Exception 의 종류 예외에는 크게 2가지 종류가 있습니다. Che.. 공감수 0 댓글수 0 2022. 6. 16.
  • [Spring]_Controller 파라미터 정리 스프링 컨트롤러를 작성하면서 사용한 파라미터 정리입니다. 1. @HttpServletRequest / @HttpServletResponse / @ServletRequest / @ServletResponse @RequestMapping("/test") String test1(HttpServletRequest request) { String a = request.getParameter("a"); System.out.println("a : " + a); return "data"; } HTTP 에서 URL 요청시 전송한 값, 쿠키 ,세션, 헤더 등 클라이언트 정보를 가져올때 사용 웹브라우저 사용자인 클라이언트 -> 서버로 요청- > 서버에서 HttpServletRequest 를 생성, 서블릿에게 전달 받아올때 .. 공감수 0 댓글수 0 2022. 6. 3.
  • [포트폴리오 페이지]_19단계_게시판 심화_(파일 다운로드 2편) 해당 게시글은 업로드 1편 , 다운로드 2편으로 구성되어 있습니다. [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] input type="file" 생성 해당 버튼 클릭시 파일 선택하는 창이 뜸 한가지 or 다중 파일 선택시 하단에 썸네일, 이름 , 삭제버튼 생성 삭제버튼 클릭시 해당 row 삭제와 동시에 전달하는 데이터도 삭제 등록후 해당 게시물 조회시 정상적으로 파일 이름과 함께 다운로드가 되는 모습 개발 목표 : SPA 로 구현한 게시판에서 글 작성시 파일 업로드 기능 추가, 파일 업로드시 Mulitple 속성 부여하여 여러개의 파일 업로드 하도록 구현파일 다운로드시 글 작성자.. 공감수 0 댓글수 0 2022. 4. 29.
  • [포트폴리오 페이지]_18단계_게시판 심화_(파일 업로드 1편) 해당 게시글은 업로드 1편 , 다운로드 2편으로 구성되어 있습니다. [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] 개발 목표 : SPA 로 구현한 게시판에서 글 작성시 파일 업로드 기능 추가, 파일 업로드시 Mulitple 속성 부여하여 여러개의 파일 업로드 하도록 구현파일 다운로드시 글 작성자가 저장한 파일 명 그대로 다운로드하도록 구현, 한국어 인코딩 추가 1] 구성 유저가 파일을 업로드 할 때 - > Input type=file 태그를 활용하여 FormData 형태의 구조로 Controller에 전달 -> Controller에서는 전달받은 데이터를 핸들링하는 Service 호.. 공감수 0 댓글수 0 2022. 4. 29.
  • [포트폴리오 페이지]_17단계_CRUD 게시판 구현_(Delete) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] 개발 목표 : SPA 로 구현한 게시판에서 row Read 후 한단계 더 Depth 으로 수정하기 페이지구현, 뒤로가기 버튼 클릭시 이전 정보 보이게 구현 & 작성자가 아닐 경우 삭제, 수정 버튼 안보이게 구현 1] 게시글 상세정보 jsp 소스코드 제목 : ${title} 작성자 : ${writer} 내용 : ${content} 작성일자 : ${regdate} 뒤로가기 수정하기 게시글 삭제 저번 Read 포스팅과 다른점은 삭제버튼 이벤트가 생성된 것입니다. 2-1] 삭제버튼 이벤트 rmbtn.onclick = function(){ fe.. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_16단계_CRUD 게시판 구현_(Update 기능) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] 개발 목표 : SPA 로 구현한 게시판에서 row Read 후 한단계 더 Depth 으로 수정하기 페이지구현, 뒤로가기 버튼 클릭시 이전 정보 보이게 구현 & 작성자가 아닐 경우 삭제, 수정 버튼 안보이게 구현 1] 상세화면 jsp 소스코드 제목 : ${title} 작성자 : ${writer} 내용 : ${content} 작성일자 : ${regdate} 뒤로가기 수정하기 게시글 삭제 우선 해당 if 문을 통해 LocalStorage에 저장된 로그인 정보를 비교하여, 게시글의 작성자와 동일할 경우에만 표시 if( writercheck =.. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_15단계_CRUD 게시판 구현_(목록 Read 기능) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS [완성화면] 목록에서 번호를 클릭시 해당 게시글의 내용이 나오도록 한다. 개발 목표 : 기존에 만든 게시판에서 SPA 을 유지하며, 게시판 Row 클릭시 해당 목록 조회. 메뉴 1 소스코드] CRUD 등록 10개씩 보기 15개씩 보기 20개씩 보기 제목 작성자 조회 번호 제목 글쓴이 작성일자 조회수 이전 포스팅에 비해 좀더 새분화 하여 나누었으며 기능은 테이블 생성, 목록 조회, 조회버튼 클릭, view 카운트 변경 의 4가지 기능으로 나누어 작성하였습니다. 코드설명] 1] 테이블 생성 부분 //테이블 생성 async function createB.. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_14단계_CRUD 게시판 구현_(검색 기능) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] 개발 목표 : 기본 게시판 그릴 때 로직 변경 -> 작성자 or 제목 항목 포함해서 query 발송, ROWNUM 활용하여, bno(table 의 key) 를 숨기고 가상의 number 목록 표시 아래의 포스팅에서 로직 변경함 https://yn971106.tistory.com/77 [포트폴리오 페이지]_9단계_CRUD 게시판 구현_(feat.목록 조회기능 구현) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 게시판 CRUD 중 R(r.. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_13단계_CRUD 게시판 구현_(신규 데이터 Create) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 완성 화면] 개발 목표 : 기존에 만든 게시판에서 SPA 구현을 위해 등록기능 menu1 로 병합 https://yn971106.tistory.com/78 [포트폴리오 페이지]_10단계_CRUD 게시판 구현_(feat.등록기능 구현) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 게시판 CRUD 중 C(create) 만들기 [완료화면] 등록 버튼 클릭시 메뉴 1의 게시판에 새로운 항목.. yn971106.tistory.com 해당 포스트에서 검색기.. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_12단계_SPA 구현을 위한 History 객체 만들기 [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 개발 목표 : 기존에 만든 게시판에서 SPA 을 유지하기 위해 common 파일 생성 common.js 파일을 사용할 위치를 지정해 줍니다. ( 자유 ) let _commons = function() { return _Self ={ } } const $commons=_commons(); 의 형식을 가지고 있습니다. 다른 jsp 파일에서 해당 경로의 script 파일을 추가하고 commons 를 호출하여 해당 공통 함수들을 사용할수 있고, 페이지 전체의 객체를 만들어 참조할 수 있습니다. 제가 할 것은 SPA 유지를 위해 데이터를 보관할 history 라는 객체를 만들 것입니다. let history={ .. 공감수 0 댓글수 0 2022. 4. 26.
  • [포트폴리오 페이지]_11단계_CRUD 게시판 구현_(feat.페이징 처리) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 기존에 만든 게시판에서 페이징 처리가 가능하도록 기능 추가 [완료화면] 10개씩 보기 20개씩 보기 이전 조회 기능에서 변경점] https://yn971106.tistory.com/77?category=1000475 [포트폴리오 페이지]_9단계_CRUD 게시판 구현_(feat.조회기능 구현) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 게시판 CRUD 중 R(read) 만들기 [완료 화면] [디렉토리] [설명] board에 관한 controller 와 VO.. yn971106.t.. 공감수 0 댓글수 0 2022. 4. 18.
  • [포트폴리오 페이지]_8단계_로그인 기능구현_(feat.oracleDB) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 로그인 기능 만들기 해당 화면에서 데이터베이스에 저장되어있는 아이디와 비밀번호를 가지고 있을 시 해당 화면으로 전환되도록 함. 또한 로그아웃 버튼 클릭시 로그아웃되는 처리까지 진행 JSP 부분] logout.onclick = function(){ $globalStorage.setValue("loginUser",""); location.reload(); } $('.submit-btn').click( async function (){ let id =idtext.value; let pw =pwtext.value; let result = await fetch('/join/authlogin.. 공감수 0 댓글수 0 2022. 4. 3.
  • [포트폴리오 페이지]_10단계_CRUD 게시판 구현_(feat.등록기능 구현) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 게시판 CRUD 중 C(create) 만들기 [완료화면] 등록 버튼 클릭시 메뉴 1의 게시판에 새로운 항목이 생성 한국어는 깨지는 현상이 발생-> 추후 해결예정 [디렉토리] CRUD는 같은 파일에 작성 [JSP 파일] 등록 fetch 를 사용하여 해당 url을 호출하고, 데이터는 json으로 가공하여 전달, 데이터들은 입력 폼 안에 적힌 text, globalstorage에 저장된 사용자 명을 받아서 전달한다. [Controller] @RequestMapping("/board/register.do") @ResponseBody public String boar.. 공감수 0 댓글수 0 2022. 4. 3.
  • [포트폴리오 페이지]_9단계_CRUD 게시판 구현_(feat.목록 조회기능 구현) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 게시판 CRUD 중 R(read) 만들기 [완료 화면] [디렉토리] [설명] board에 관한 controller 와 VO 객체 (DTO 로 해도 무방함) Serivce, mapper 부분 파일 생성. 1. jsp 파일 CRUD 등록 번호 제목 글쓴이 작성일자 조회수 fetch 를 사용하여 controller 호출하며, 응답받은 데이터는 list 구조로 이루어져 있으며 그 ArrayList 구조를 forEach를 사용하여 각각의 index 순회를 하며 html 태그를 만들고 해당하는 데이터를 td 안에 넣고 이를 append 를 이용해서 tablebody에 .. 공감수 0 댓글수 0 2022. 4. 3.
  • [포트폴리오 페이지]_7단계_회원가입 구현(feat.oracle) [환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis ---- 개발 목표 : 오라클 디비를 이용해서 회원가입 기능 만들기. 완성화면] 회원가입 버튼 클릭시 팝업창 오픈] 팝업창 기능] 1. 아이디 중복확인 -> DB 조회 2. 패스워드 일치 확인 3. 가입버튼 클릭시 DB insert 및 팝업창 닫힘 입력된 DB 모습] 소스코드 및 설명] 팝업창 오픈 코드] $('.authjoin').click(function(){ window.open('auth/authjoin.do', 'windowPop', 'width=400, height=600, left=400, top=400, resizable = yes') }); open 메소드 사용 첫번째 파라미터로 열릴 u.. 공감수 0 댓글수 0 2022. 3. 31.
  • [포트폴리오 페이지]_5단계_db에 데이터 집어넣기 이전까지 db 연결 및 생태계를 이해하였으니 직접 데이터를 view 단에서 넣어보도록 하겠습니다. Mybatis 의 fullconnection 기능을 사용하니 DAO는 사용하지 않고 주고받을 객체는 VO로 만들겠습니다. view 단에서 데이터를 전달할 함수는 Fetch 함수를 사용하겠습니다. 디렉토리 ] 1] VO 선언입니다. package com.yoon.model; public class MemberVO { private String memberId; @Override public String toString() { return "MemberVO{" + "memberId='" + memberId + '\'' + ", memberPw='" + memberPw + '\'' + '}'; } private .. 공감수 0 댓글수 0 2022. 3. 10.
  • [포트폴리오 페이지]_4단계 Spring 생태계 이해 Spring 생태계 정리 MVC 구조에서 Model 에 해당하는 DAO , DTO VO 정리 1] DAO : Data Access Object 로 데이터베이스의 data에 접근하기 위해 만드는 객체 데이터베이스에 접근 = Connetion 을 설정해야 한다. 지금 사용하고있는 Mybatis는 커넥션 풀이기 때문에 DAO를 만들지 않아도 된다. 2] DTO : Data Transfer Object 로 데이터 교환을 위한 Beans 를 의미합니다. Controller , View , Service 등에 디비에서 뽑은 데이터를 교환하기 위한 순수 데이터 객체입니다. 따라서 Getter 와 Setter 메소드만 가지게 됩니다. 3] VO : Value Object 로 DAO보다는 DTO와 비슷합니다. VO는 r.. 공감수 0 댓글수 0 2022. 3. 10.
    728x90
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.