전체 글
-
초보자도 쉽게 이해하는 jQuery 문법_태그 및 요소 추가하기_ .append() .prepend() .before() after()_(1)Study/JavaScript 2023. 3. 25. 02:33
jQuery가 많이 없어지는 추세라고 하지만 금융권에서는 여전히 많이 사용하기도 하고 한번 익혀두면 편리하기에 공부하게 되었슴 특히 플젝에서 많이 사용하게 되는 html태그 추가나 요소를 추가할 경우 많이 쓰는걸 정리해 두었음 참고로 jQuery를 쓸 때 아래의 모양이 기본 형태임 $("지정하고자하는 html태그 또는 id 또는 class 등의 선택자").함수이름("선택자에 추가하고자 하는 내용"); 또한 jQuery를 쓸 때 head 태그안에 아래 링크를 넣어줘야 jQuery를 쓸수 있다. (1) .append() 선택자 뒤에 추가하고자 하는 내용을 넣어줄때 사용함. 첫 번째 두 번째 아래 결과화면을 보면 선택자인 #list 밑에 div태그가 추가 됨. (참고로 선택자의 태그인 oi 의 자식태그가 되어..
-
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 ..