반응형

HTML JavaScript 3

[html] button에 type을 명시하자(feat. default submit)

목차 ajax로 페이징을 구현 했는데 페이지 이동이 되었다가 다시 같은 페이지가 호출이 되었다. 콘솔 보면 2페이지 데이터를 정상적으로 가져왔다가 다시 1페이지가 호출이 되고 있다. 간단한 원인 이었는데 꽤 많은 시간 삽질 끝에 나중에 다시 봐야지 하고 넘어 갔었다가 다시 봐서 해결 했다. before source 🙂 /** * 페이지네이션을 그린다. * @param paging */ function drawPagination(paging) { let pageHtml = ""; pageHtml += ""; //first const first = parseInt(paging.firstPage); pageHtml += ""; if (paging.currentPage === paging.firstPage) {..

IT/development 2023.07.09

[bootstrap] bootstrap modal창 띄우기

목차 bootstrap modal 😄 역시 미래의 내가 보기 위해 부트스트랩을 이용해서 모달창을 띄우는 방법을 기록한다. html 코드와 js로 modal을 띄우는 방법이 존재하는데 여기서는 간단하게 html만으로 띄운다. js로 하는 방법은 아래처럼 코드를 수정하면 된다. button에 id값 주고 해당 버튼 클릭 시 $("#모달아이디").modal("show"); 이렇게 이벤트를 준다. 수정 테스트 환경: 부트스트랩 5.2.3버전 수정 버튼을 누르면 id가 "userModal"인 모달창을 띄우는 예제이다. bootstrap.min.css, bootstrap.bundle.min.css 2개의 파일이 필요하니 직접 다운로드 하거나 CDN으로 불러오거나 하면 된다. 아래 링크에서 다운로드 or CDN Do..

IT/development 2022.12.08

[JavaScript] javascript에서 jstl 사용하기

목차 javascript에서 jstl 사용하기 개발을 하다보면 java에서 받아온 값을 javascript에서 사용해야 될 경우가 종종 있다. 이 때 서버가 동작하는 순서를 이해하고 있는게 중요함 JAVA -> JSTL -> HTML -> javascript 순서로 동작함 그러므로 javascript에서는 jstl의 값을 쓸 순 있지만 jstl에서는 javascript값은 사용할 수 없다. 예를 들어서 java의 List타입의 변수에 담긴 데이터를 jstl을 이용해서 javascript에서 사용하려면 아래처럼 사용하면 됨 참조 : https://lee1535.tistory.com/29 [Javascript/JSTL] javascript안에 JSTL 사용 javascript에서 JSTL LIST 받아오기 ..

IT/development 2022.11.24
반응형