Study
-
localhost 뭐고?? 127.0.0.1 은 또 뭐고?? 192.168.0.1 ?? 다 같은거라는 데???Study/Server 2023. 3. 21. 23:24
오늘 선임이랑 얘기하다가 localhost ip로 접속해 보라고 해서 넹??localhost가 ip가 따로 있나여?? 하고 동공지진 @_@ 그래서 신입이나 이 업계에 들어오신 분들 은 헷갈릴수 있으실거 같아 정리겸 포스팅 함 먼저 localhost가 뭐인지 부터 궁금할것이다! 보통 인터넷을 이용 할때 아래와 같이 사용자가 요청을 보내면 네트워크를 타고 서버에 갔다가 응답을 가지고 다시 되돌아가는 과정을 거쳐 인터넷을 사용 할 수 있다! 사용자(client) 네트워크 server 그렇다면 개발자는 웹을 개발하여 테스트 할때마다 위와 같이 컴터 2대를 갖추고 네트워크도 설치하여 테스트를 진행 해야 될까?! 그러면 좋겠지만 개발자는 돈도 시간도 효율적이게 쓰고싶어한다! 그래서 우리의 선배 ..
-
초보자도 간단하게 웹페이지에 이미지 보여주기(로컬 폴더에 있는 이미지 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..