기록과 정리

[문제]

로그인 시 아이디나 비밀번호가 틀렸을 때 알림만 뜨고 화면은 머물러야 하는데 자꾸 화면이 넘어갔다.

(원래 계획대로라면 JSON과 azax를 이용해 화면은 그대로인 채 정보만 주고 받아야 하는 상황)

[해결]

jsp파일의 <form> 과 <button>에 문제가 있었던 거였음.

<form> 안에 <button>이 있으면 액션이 두 번처리 되는 현상 발생.

---> <button>을 <form>밖으로 빼면서 해결함.

DB에 없는 아이디와 비밀번호를 입력하면

로그인 정보를 확인하라는 알림이 뜨면서

로그인창에 머물게 코딩을 해놓은 상태였음.

근데 JSON으로 넘겨준 메시지가 넘어간 화면에서 뜨는 문제가 발생.

<form>안에 <button>이 있어서 액션이 두 번 처리 됐던 것.

<form></form> 바깥으로 <button>을 빼준다.

Fiddler라는 프로그램을 사용하면 액션이 두 번 처리된 것을 확인할 수 있다.

Fiddler에 대한 자세한 설명은 (https://goddaehee.tistory.com/164) 이 분의 블로그를 참조하면 좋다.

[나의 케이스]

1. 컬러립 사이트에서 디자인소스 받음 https://colorlib.com/wp/templates/
2. 내가 받은 디자인 https://colorlib.com/preview/theme/shotgear/
3. 디자인 내에 캐러셀이 이미 있었음.

4. 2초 간격으로 사진이 자동으로 넘어가게 하는 성정 추가하고 싶었음.

[기본 디자인]

대충 아래와 같이 생긴 기본 템플릿.

노란 부분에 내가 원하는 여러 장의 사진이 들어가길 원함.

+ 2초 간격으로 사진이 넘어갔으면 했음.

[코드 수정 내용]

1. 다른 부분의 캐러셀 코드를 뜯어서 원래 안경 쓴 사람 사진이 있던 위치에 넣음

2.  화면이 넘어가는 단락 찾아내서 그 부분을 이미지소스로 바꿔줌

3. 이미지는 이미지만 모아놓은 폴더 속에 넣음

4. 스크립트 부분에 동작을 넣어줌 (첨부사진 아래 자세히 설명)

캐러셀 이미지가 들어갈 전체 div의 id 부분을 찾아넣음. (JSTL 활용함)

owlCarousel 캐러셀을 이용한 템플릿이어서 이렇게 설정해줌.

[문제]

JSP를 이용하여 페이지를 만들던 중, 화면이 넘어가지 않고

콘솔창에 Unexpected end of JSON input at JSON.parse() 라는 에러가 떴다.

원인은 사이트메시sitemesh 때문에 코드가 앞뒤로 붙으면서 꼬인 것.

[해결]

서블릿Servlet의 urlPatterns 부분에 .do 형식과 .json형식을 따로 주고

ajax 부분에 url을 .json 형식으로 바꾸면서 해결하였다.

console.log로 찍으면서 확인하는 것 추천. 

Unexpected end of JSON input at JSON.parse(<anonymous>) 에러

서블릿Servlet의 urlPatterns 부분에 .do 형식과 .json형식을 따로 줌.

ajax 부분에 url을 .json 형식으로 바꾸면서 해결하였다.

console.log로 찍으면서 확인하는 것 추천. 

[문제]

NumberFormat.getInstance().format( vo.getPrice() )

vo.getPrice() 로 받아오는 것은 스트링(String)이어서 오류가 났던 것. (500에러를 만남)

[해결]

NumberFormat.getInstance().format( Integer.ParseInt(vo.getPrice()) )

형태로 Int로 한 번 더 변환해줘야 한다.

이런 식으로 금액에 천단위마다 쉼표를 주고 싶었다.

NumberFormat.getInstance().format( 금액 or 금액 받아올 것 ) 을 이용하려고 했다.

그래서 이렇게 적으니 500에러가 났다.

이렇게 적어 오류가 해결되었다.