Spring (22) 썸네일형 리스트형 SPRING (08.28) - Ajax 기초 더하기 v1 /user/home/plus로 들어가게 되면 controller에서 return으로 jsp의 form이 보이고, 숫자 입력하면 action을 doPlus로 했기에 다시 controller의 설정한 더하기를 하고 그 결과값을 return 새로운 페이지에서 그 값을 보게 된다. 더하기 v2function callByAjax() { let form = document.form1; let num1 = form.num1.value; let num2 = form.num2.value; let action = form.action; $.get(action, { num1 : num1, num2 : num2 }, function(data) { $('.rs').t.. SPRING (08.27) - 좋아요, 싫어요 로그인 후 처리 좋아요, 싫어요 로그인 후 처리 (생각)좋아요 싫어요 할 때 로그인 필요하면 로그인 페이지로 이동하도록 하고 싶은데, 현재 상태는 로그인 안한 상태로 좋아요 버튼 시도 했을 때 좋아요 오류로 창이 뜨고, 그 페이지가 유지된다.그 alert 창이 뜨는 곳에서 수정해주면 될 듯 하다."alert('로그인 먼저 해주세요.');location.href = "../member/login";" 그래서 위의 코드를 안의 if 문 else에 넣었다. 로그인 성공 후 원래의 페이지로 돌아올 수 있도록! (하지만, else에 넣어서, 어떤 오류든 로그인 먼저 해달라는 창만 보게 될 것.. 이게 무슨 코드야.. 생각 좀 더 해보자..)이어서 하면 위의 코드로 로그인 안한 상태로 좋아요 누를 시 alert 창이 띄워지고 확인.. SPRING (08.26) - 좋아요 ajax 적용 .. Dislike ${article.badReactionPoint} LIKE / Dislike / ${usersReaction } 👍 LIKE ${article.goodReactionPoint} 👎 DISLIKE ${article.badReactionPoint} 👍 LIKE ${article.goodReactionPoint} --%> 👎 DISLIKE ${article.badReactionPoint} --%> ... 위 코드 실행 시 오류발생위 코드 실행시 오류가 나는데, 문제는좋아요, 싫어요 버튼의 숫자 X싫어요를 눌러도 싫어요 대신 좋아요가 증가새.. 회원가입 시나리오 정리 Memeber table 생성# 회원 테이블 생성CREATE TABLE `member`( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, loginId CHAR(30) NOT NULL, loginPw CHAR(100) NOT NULL, `authLevel` smallint(2) unsigned default 3 comment '권한 레벨 (3=일반,7=관리자)', `name` char(20) not null, nickname char(20) not null, cellpho.. SPRING(08.23) - 좋아요, 싫어요 버튼 기능 구현, IFNULL, INNER JOIN, LEFT JOIN, 서브 쿼리, UPDATE JOIN IFNULL()IFNULL() 함수는 표현식이 NULL인 경우 지정된 값을 반환한다. 표현식이 NULL이 아닐 경우 함수는 표현식으로 반환한다.IFNULL(expression, alt_value)ex) IFNULL(SUM(IF(RP.point 만약 expression 부분이 NULL이라면 alt_value 값을 반환하고, 그렇지 않으면 expression 반환INNER JOIN두 개의 테이블을 조인할 때, 두 테이블 간에 일치하는 데이터만을 가져온다. => 일치하지 않은 데이터는 불러오지 않는다.inner join은 조인 상태에 따라 2개의 테이블의 컬럼을 합쳐서 새로운 테이블을 생성한다. 즉, 교차된 조인을 한 결과에 조인 조건문을 충족시키는 레코드를 반환LEFT JOINleft join은 outer.. SPRING(08.21) - Ajax (Asynchronous JavaScript and XML), 조회수 증가, 로컬스트리지 Ajax (Asynchronous JavaScript and XML)Ajax는 웹 페이지의 전체 페이지를 새로고침 하지 않고, 자바스크립트를 이용하여 페이지의 일부분만 서버에서 불러와 웹페이지 화면을 동적으로 변경하는 방식을 말한다.Ajax안의 Asynchronous(비동기식)은 서버의 응답이 올 때까지 기다리지 않고, 서버의 데이터가 준비되는 동안에도 사용자가 웹페이지에서 다른 작업을 수행할 수 있는 방식을 말한다.반대로 동기식은 서버의 응답이 돌아올때까지 사용자가 다른 작업을 수행하지 못하고 응답이 돌아와야 다른 처리를 진행할 수 있다.동적인 웹페이지를 위해서는 Ajax가 필수이다.데이터 전송 형식에는 XML, JSON이 있는데, 이 중 XML형식은 html처럼 태그형식으로 데이터를 표현하는데 열고 .. SPRING(08.20) - 검색창(sql 검색), 검색 기능 구현 MyBatis 프레임워크를 사용하여 동적 SQL 쿼리를 생성하였다. MyBatis는 Java에서 SQL을 매핑하고 실행하는 데 사용되는 프레임워크MyBatis를 이용하면 동적 SQL을 JSTL을 사용하여 간단하게 처리할 수 있다. """) 위의 코드에서 WHERE 1을 넣어준 이유는 뭘까? WHERE 1은 항상 참이기에 AND 조건을 추가하거나 빼는 것이 간편해지기 위해 넣어준 것이다. 없을 경우 WHERE AND boardId 가 되기에 형식이 맞지 않게 된다. 는 boardId가 0이 아닐 경우 href로 들어온 boardId값을 넣어값을 select 하는 것 는 list jsp에 만들어둔 검색창에 title이나 body에 포함하거나 맞는 값을 구하기 위해 작성하면 들어오는 값이다. 따라서 검색창.. SPRING(08.20) - 정적, 동적 페이지네이션 정적 페이지네이션 ${i } 위는 정적 페이지네이션을 가리킨다. btn-group으로 묶어주고 for-each 구문으로(pagesCount는 controller에서 전체 게시글 수를 10(화면에 보여주고싶은 게시글 수)으로 나누어서 int로 반환한 값) 1부터 전체 페이지 수까지를 나타내었다.a 태그에서는 param.page(클릭한 페이지에 해당하는 번호)와 i(같은 번호를 갖는 페이지)값 이 같아면 btn-active를 하고 아니면 ''를 보낸다는 것이다. btn-active 클래스를 적용하면, 현재 페이지 번호를 나타내는 버튼을 확인할 수 있어서 사용자가 어느 페이지를 클릭하였는지 쉽게 알 수 있다.그리고 href에 해당 페이지 번호를 보내어 그에 해당하는 게시글을 볼 수 있게끔 하.. 이전 1 2 3 다음 목록 더보기
