분류 전체보기
-
초보자도 간단하게 웹페이지에 이미지 보여주기(로컬 폴더에 있는 이미지 JSP에서 보여주기)Study/Spring 2023. 3. 19. 13:04
저번에 파일 업로드하여 로컬에 특정 폴더에 이미지 파일 만들어 새로 저장하고 동시에 DB에 이미지명을 저장방법에 대해서 배워보았다! (못 보신 분들은 아래 링크참고!) https://cbn1218.tistory.com/35 초보자도 간단하게 스프링으로 만드는 파일업로드 기능(spring file upload) 오늘은 초보자도 쉽고 간편하게 만들어 보는 파일 업로드 기능 만들어 볼까함 1.설명 백단은 sql.xml -> mapper -> service -> serviceImpl ->controller 순으로 진행 된다. 흐름은 게시판 CRUD와 비슷한 흐름으로 cbn1218.tistory.com 그렇다면 저번에 저장한 이미지를 웹페이지에 어떻게 보여주면 되지?? 지금 쇼핑몰을 만들고 있는데 상품이미지를 어..
-
초보자도 간단하게 스프링으로 만드는 파일업로드 기능(spring file upload)Study/Java 2023. 3. 16. 18:26
오늘은 초보자도 쉽고 간편하게 만들어 보는 파일 업로드 기능 만들어 볼까함 1.설명백단은 sql.xml -> mapper -> service -> serviceImpl ->controller 순으로 진행 된다.흐름은 게시판 CRUD와 비슷한 흐름으로 진행 된다고 생각하는게 좋을 듯함. 2.구현(1)sql.xmlDB에 이미지가 있는 폴더 경로, 파일 이름,uuid 를 저장하면 추후에 DB에서 정보를 꺼내어 동적으로 활용할 수 있는데,우선은 간단하게 작성하기 위해 파일이름만 DB에 넣어주었다! insert into fileSave (fileName) values(#{fileName}) (2)VOvo는 sql.xml -> mapper -> service -> serviceImpl ->controller..
-
초보자를 위한 html요소 삭제하기 .remove().empty() .unwrap()Study/JavaScript 2023. 3. 15. 00:59
요즘 인사정보조회 기능을 만들고 있는데 DB에서 불러와서 .append()를 이용하여 jsp에 데이터를 뿌려 주는것 까지는 했는데, 데이터를 삭제하고 그자리에 새로운데이터를 부르고 싶다! 그럴때 .remove().empty() .unwrap() 이친구들을 사용하면 된다! (참고로 .append()를 이용하여 어떻게 뿌려주는지 궁금하다면 아래링크 참고!) 1. ("html요소").empty() .empty()는 선택한 요소의 자식요소를 삭제해주는 제이쿼리메서드로 나 같은 경우 주로 데이터를 바꿔끼워 넣기전에 그자리를 차지하고 있던 데이터를 먼저 비워주고 새로운 데이터를 채워넣을때 사용한다. 왼쪽그림을 보면 b 태그안에 데이터가 뿌려져 있음, 오른쪽은 .empty()메서드를 적용한걸로 b태그안에 데이터가 아..
-
초보자를 위한 Ajax통신으로 메뉴불러오기_(2)Study/JavaScript 2023. 3. 9. 22:45
앞서 백단에서 데이터를 불러오기 위해 작업을 했는데, 궁금하신분들은 아래 링크를 통해 전에 올린 글을 참고 하시길 초보자를 위한 Ajax통신으로 메뉴불러오기_(1) 현재 회사에서 인사조회 관련 기능을 만들고 있는데, 인사조회를 하다보면 특정 팀을 누르면 그팀에 해당하는 사람들을 DB에 끌어와 화면에 뿌려줘야 하는 경우가 있는데, 내가 이번에 구현했던 cbn1218.tistory.com https://cbn1218.tistory.com/32 controller에서 jsonView에 담았는데 그렇다면 이제는 프론트단을 만들어야 할때! 2.프론트단 로직 만들기 (1)HTML 작성 조직도 (1)영업부 (2)경영지원 프론트단의 제일 기본이 되는 html 작성 코드이다. 블로그에 글쓰기 용으로 최대한 간결하게 작성..
-
초보자를 위한 Ajax통신으로 메뉴불러오기_(1)Study/Spring 2023. 3. 7. 22:30
현재 회사에서 인사조회 관련 기능을 만들고 있는데, 인사조회를 하다보면 특정 팀을 누르면 그팀에 해당하는 사람들을 DB에 끌어와 화면에 뿌려줘야 하는 경우가 있는데, 내가 이번에 구현했던 기능이다. 회사플젝코드를 가져올 수 는 없어서 블로그에 글을 쓰기 위하여 간단하게 구현 하였다! 1.백단 로직 만들기 나는 우선 DB를 불러와 jsp에 넘겨주는 비지니스로직을 먼저 구현 하였다! (1)DB 작성 CREATE TABLE employee( name VARCHAR(30) NOT NULL, age INT, number VARCHAR(30) NOT NULL, part VARCHAR(30) NOT NULL, rank VARCHAR(30) )DEFAULT CHARSET=UTF8 (2)VO작성 public class ..
-
초보자를 위한 자바스크립트로 프린트 기능 구현하기Study/JavaScript 2023. 3. 3. 15:42
현재 인사정보조회 관련 기능을 구현 하고 있는데, 고객사측 요구사항중 출력을 할 수 있게 출력 기능을 구현해 달라는 요구 사항이 있었음. 공부 겸 다른분께 도움이 되고자 정리를 하고자 함. 1.구현 방법 구현은 간단하다 자바스크립트로 window.print();를 사용 하면 된다. 나 같은 경우 아래 그림처럼 출력 이라는 버튼에 클릭이벤트를 발생시켜 window.print(); 함수를 작동하도록 구현 하였는데 구현방법은 아래와 같다. 1-1.출력 버튼에 이벤트 걸기 기본정보 출력 코드를 보면 printPage() 라는 onclick 이벤트를 걸어서 출력 버튼을 눌렀을때 아래에 있는 자바스크립트가 작동 하게 됨 function printPage(){ window.print(); } window.print(..
-
초보자를 위한 화살표로 메뉴펼치기 구현(화살표 모양 토글 구현)Study/JavaScript 2023. 3. 2. 23:46
현재 프로젝트를 구현 하는 부분중에 화살표 모양으로 왼쪽 메뉴바를 펼치는 부분을 구현 해야 되었음. 아래와 같이 구현 해야함. *메뉴펼치기전 *메뉴펼치기후 구현하는 방법에는 직접 화살표 아이콘을 사용하여 눌렀을때 화살표 아이콘을 바꿔줘도 되지만 나는 transform 속성 과 board 속성을 이용하여 구현 하였음 어떻게?? 1.html 부분 조직도 (1)영업부 (2)경영지원 특이할점은 없지만 클릭할 부분과 onclick에 의해 펼쳐졌다가 없어질 부분을 div로 구분해 놓아야 됨 id=arrow 로 설정한 div가 화살표가 있는 부분 2.CSS 부분 #arrow{ position:relative; top:10px; width: 10px; height: 10px; border-top: 2px solid b..
-
초보자를 위한 DB 기초편 (JDBC 란? DBMS 란?)Study/Java 2023. 2. 15. 00:35
처음 자바라는 언어를 배웠을때 들었던 의문 자바랑 SQL를 이어서 DB를 조작 할수 있다는데 그게 어케 되지???? 그때 배웠던 JDBC에 대해서 정리 해본다! 지금 제대로 공부해 놓으면 실무때 도움이 될것이다! 1.JDBC 너는 누구? JDBC란 자바 프로그램을 데이터베이스와 연결하여 데이터를 주고 받을수 있데 해주는 중계프로그램 이다. JDBC를 설명하기 위해서는 DBMS에 대해 먼저 아는게 순서 일거 같다. DBMS는 DB를 운영하고 관리해주는 소프트웨어 로 DB의 구성,정의, 유지, 쿼리언어지원 등 DB를 사용하기위해 모든 것을 관리해주는 DB 관리인 이라고 생각하는게 좀더 이해 하기쉬울거 같다. DBMS의 종류는 mysql,oracle,mssql...등 여러종류가 있으며 각각 종류 마다 자바 어..