728x90 반응형 HTML22 [HTML/PHP] 간단한 게시판 만들기 #2 (페이징) 간단한 게시판 만들기 2번째 글입니다. 이전에는 DB의 데이터를 불러와 게시판의 형식으로 꾸며주었습니다.이번에는 게시글이 많다면 한 줄로 쭉 늘어서 한번에 표시하면 보기도 힘들고,글의 숫자가 몇천, 몇만 개가 된다면 불러올 때 속도도 느려지기 때문에,페이징을 통해서 한 페이지에 보이는 게시글의 숫자를 제한하는 페이징 기능을 추가해 보겠습니다. DB에 데이터 추가 페이지로 나눠서 보여주기 위해 DB에 데이터를 조금 더 추가해 줍니다. 위와 같이 저는 7개로 추가하여 한 페이지에 보이는 글의 개수를 2개 혹은 3개씩 제한해 여러 페이지로 나눠보겠습니다. php 페이징 함수 이제 php에서 페이징 함수를 코딩해 줍니다. //페이징 START//한페이지에 보여질 갯수, 현재페이지, 전체페이지 수,.. 2023. 1. 26. [HTML/PHP] 간단한 게시판 만들기 #1 (DB 데이터 불러오기, 게시판 형식만들기) 코딩을 할 때 간단한 게시판을 만들다 보면 금방 그 언어에 대한 기본 지식을 채울 수 있습니다.게시물을 나누어 간단한 게시판을 만드는 예제를 포스팅해보려 합니다.현재 포스팅에서는 php를 통해 서버와 통신하고 db에 저장된 정보를 가져와서 html코드로 게시판형식을 만들어 보겠습니다. DB 작성 먼저 게시판의 내용을 담아둘 DB내용을 작성하겠습니다.mysql에서 테이블을 하나 생성해 줍니다. 저는 test_list라고 테이블 명을 지어서 생성해 주었습니다. 위의 이미지와 같이 phpMyAdmin에서 작성해 주었습니다.idx는 자동으로 숫자 1씩 증가시켜서 다른 값들과 구분을 주는 게 좋기 때문에 A.I에 체크해 두었습니다. A.I는 AUTO_INCREMENT의 약자로 값을 자동으로 증가시켜 주는.. 2023. 1. 17. [jQuery] 간단한 예제로 ajax 사용해보기 ajax란 무엇일까? ajax는 비동기 자바스크립트 xml이라고 합니다.비동기로 서버와 통신하고 json, xml, html, text 등의 값을 주고받을 수 있습니다.쉽게 말해서 페이지를 새로고침하지 않고도 서버와의 통신을 통해 값을 받아 올 수 있는 것입니다. 기존에 입력된 값들은 새로고침을 하게 되면 다 날아가게 되어 이런 비동기 방식을 활용하여,입력돼 있던 값들도 살리고 서버에서 필요한 데이터도 가져올 수 있게 하는 것입니다. 예제를 통해 알아보기 test_page.php ajax 통신하기! ajax 통신이 잘되는지 확인하기 위해 간단하게 text값을 넘겨보겠습니다. url에 ajax를 통해 값을 넘겨주고 싶은 페이지의 경로를 적습니다.위의 예제는 같은 폴더에 있는 test_page2.. 2022. 12. 30. [jQuery] 값을 입력하지 않았을 때 경고창 띄우기 (alert) 값을 넘길 때 입력된 것이 아무것도 없는데 페이지만 이동된다면, 난처한 상황이 많이 발생합니다.예를 들어 회원가입 할때, 아이디와 비밀번호를 입력하지 않았는데도 회원가입이 완료된다면 안되겠죠?이때 jQuery를 활용하여 입력된 값이 없을 때는 페이지 이동이 되지 않도록 경고창을 띄워 줄 수 있습니다. html 코드 예제는 햄버거 세트메뉴 만들기라는 주제로 작성해 보았습니다.세트 이름과 세트 메뉴의 소개는 input 텍스트 박스와 textarea 박스로 입력받도록 했고,세트 구성 메뉴는 다중 선택이 가능한 checkbox를 활용해 보았습니다. test_page.php 세트이름 세트 메뉴소개 .. 2022. 12. 20. 이전 1 2 3 4 5 6 다음 728x90 반응형
