Jquery 의 선택자 및 val 함수에 대해서 알아 봅시다 선택자 선택자는 html 에서 사용한 태그들을 선택하는 방법 입니다. $("선택자") 로 사용 합니다. 당연하게도, 사이에서 사용할 수 있습니다. 예제를 보죠 id 를 apple 로 가진 input 태그가 있습니다. 이 태그를 선택하려면 !? 기존의 java script 에서는 이렇게 사용 했었습니다. 그리고 Jquery 는 이렇게 사용 합니다. 다른 점이 있다면, java script 는 바로 태그를 가져오고, jquery 는 배열에 저장한 뒤 가져 옵니다. 그래서, 실제로 태그를 가지고 오려면, 뒤에 인덱스를 붙여줍니다. 실제로 사용할 때는, 인덱스를 붙이는 게 아닌 함수를 사용합니다. val val 함수는, value 에 있는 값에 접근하..

이제 잠시 Spring 은 잊고, Jquery 에 대해서 배워 봅시다. visual studio code 에서 사용해보도록 하겠습니다. 제이쿼리 제이쿼리는 자바 스크립트를 더욱 간편하게 사용할 수 있도록 해주는 라이브러리 입니다. 웹 페이지의 동적인 부분을 표현하는 자바 스크립트를 제이쿼리로 사용하면, 높은 생산성을 기대할 수 있게 됩니다. 제이쿼리의 사용법 제이쿼리를 사용하기 위해서는 아래처럼 링크를 사용하는 방법. ( 2개 중 아무거나 ) 또는, 다운로드를 받아서 사용하는 방법이 있습니다. 저희는 다운로드를 해서 사용하기로 했습니다. 검색엔진을 이용해서 "jquey" 를 검색 해주세요 uncompressed는 압축되지 않은 파일입니다. 그러면, 아래와 같은 경로의 새 창이 열리면서, Jquery.js..

이번에는 REST API 에 대해서 알아 봅시다. REST API REST API 는 비동기 서버 라고 생각을 하시면 되겠습니다. REST API 를 사용해서, 데이터(객체)를 반환할 수도 있고, 데이터(객체)를 전달 받을 수도 있습니다. REST API 는 @RestController 를 사용하는 데요 지금까지의 spring mvc 구조에서는 컨트롤러에서 뷰 리졸버로 view 에 대한 데이터를 전달해 주었는데, @RestController 는 해당 페이지로 요청한 클라이언트에게 특정한 데이터(객체)를 돌려 줍니다. 이를 실습해 보기 위해서, "크롬 웹스토어" 에 들어가서 "Yet Another Client" 를 설치해 주세요 설치를 완료하면 브라우저 창 오른쪽 상단에, 아래와 같이 나옵니다 클릭을 하면..

이전 글인, Day90 - [Spring]페이징, 페이지네이션 과 이어집니다. 이번에는 Spring 환경에서 게시판의 검색을 구현하는 방법을 알아 봅시다. 검색기능을 만들게 되면, 페이징도 달라지기 때문에, 같이 알아 두셔야 합니다. 검색페이징 먼저, 위와 같은 형태의 검색창이 필요하겠죠? 태그를 이용해서 만들어 주세요. 먼저, "제목, 내용, 작성자, 제목+내용" 중 어떤 걸 선택했는지, 태그에는 어떤게 들어갔는지 매개변수로 넘길 수 있어야 합니다. 각각의 필요한 곳마다 name, value 를 추가 합니다. 그리고, 검색을 하게 되면, 화면에 보여질 게시글 수와 페이지 넘버가 필요하겠죠? "hidden" 을 이용합니다. 이제, 컨트롤러로 넘어갈 때, searchName , searchType, pag..

이번에는 Spring 에서 페이징, 페이지네이션 하는 방법을 알아 봅시다. 페이징 하는 건 JSP 할 때도 한번 해봤었는데, 비슷합니다. 페이징 게시판 같은 곳에 글이 많을 때, 페이지를 나눠서 나오도록 하고 / 밑에 페이지에 대한 걸 보여주는 것을 페이징 이라고 합니다. 먼저, 게시판 테이블에 PL/SQL 문을 사용해서 데이터를 300개 추가 했습니다. ( myBatis , Lombok 등 설정된 상태 ) 게시판의 글들을 나눠서 가져오는 방법은 아래의 코드처럼 작성해 주면 됩니다. ( oracle 공부할때 했었죠 ) 이 코드에서, 숫자가 들어가는 10 , 20 만 유동적으로 바꿔주기만 하면 됩니다. 1 page 일 경우 게시글이 0개 ~ 10개 -> RN > (1page - 1) AND RN RN > ..

이번에는 게시판 기능 구현하는 걸 해볼 겁니다 게시판 기능 구현하기 css, html 등 화면 디자인에 필요한 부분은 선생님께서 배포를 해주셨습니다. 이를 바탕으로 게시판 기능을 구현해 보겠습니다. 현재, 프로젝트는 기본적인 설정이 세팅되어 있는 상태 입니다. ( Lombok, Mybatis, Tiles View Template 등등 ) 먼저, 배포받은 css, font, img 등은 "src" -> "main" -> "webapp" -> "resource" 폴더에 넣습니다. 그리고, 화면에 보여지는 .jsp 파일은 views 폴더에 넣습니다. 이 외에, 공통적으로 사용되는 header , footer 등은 tiles 폴더에 넣었습니다. 이제, 각각의 freeBoard 에 있는 화면들을 각각 컨트롤러를 ..