92일차(3)
-
Day92 - [Jquery]댓글 기능 만들기
이번에는 저번 게시판 만든 거에 이어서, 댓글 기능을 만들어 보도록 하겠습니다. 먼저, html , css 는 선생님이 만들어서 배포한 상태이며, 저희는 기능만 만들도록 하는데요 비동기통신을 이용해서 만들어 보았습니다. Eclipse 에서 lombok, maBatis, Tiles View Template, Spring, Tomcat, oracle 환경입니다. component-scan 등등이 설정되어 있습니다. 댓글 기능 만들기 먼저, 댓글영역에서 가지고 있을 테이블을 만듭니다. 댓글 테이블이 가지고 있어야 하는 변수는 일단 글번호 ( 어떤 글에 대한 댓글인지 ), 댓글번호 , 내용, 작성자, 비밀번호, 등록일 등이 필요하겠네요 시퀀스를 만들어서, 댓글번호는 순차적으로 증가하도록 해줄 겁니다. 이제, 이..
2021.06.27 -
Day92 - [Jquery]달력. datePicker
이번에는 Jquery 의 달력을 알아보겠습니다. datePicker 를 이용할 예정 입니다. datePicker 검색 엔진에 "datepicker" 라고 검색을 해줍니다. 해당 웹사이트에 들어가서, 나와 있는 예제를 가져다가 사용하면 되는데요 "view source" 를 눌러서 필요한 내용을 가져다가 사용하면 됩니다. 이를 사용하기 위해서는 먼저, 아래의 링크를 복사해서 붙여넣기 해주어야 합니다. 그리고, 예제에 있는 내용 중에서 필요한 코드를 가져다가 사용 해주시면 됩니다. 사이트의 우측에 있는 Examples 를 잘 보고 사용 해주시면 되겠습니다.
2021.06.27 -
Day92 - [Jquery]비동기통신. ajax
이번에는 Jquery 의 비동기통신 방법인 ajax 에 대해서 알아 봅시다 ajax 비동기 통신은 페이지의 이동없이 서버와 데이터를 주고 받는 것을 의미 합니다. 예를 들면, 실시간 으로 되는 것들이 있겠네요 java script 에서는 fetch 라는 걸 썻었는데, Jquery 에서는 ajax 라는 걸 사용하면 됩니다. 이번에는 어제 배운 REST API 를 이용해서, 비동기 서버를 만들고, 만든 비동기 서버에 접속해서 데이터를 가져와 볼겁니다. 실습하는데 필요한 건, 이클립스 , 서버(Tomcat) , visual studio code 가 되겠습니다. 서로 다른 툴을 사용하는 이유는, 서버를 다르게 하기 위해서 입니다. 현재 이클립스는 8181 포트, vs code 는 5501 포트 를 실행하게 되어..
2021.06.27