게시글 만들기 1 : https://pabeba.tistory.com/180 게시글 만들기 2 : https://pabeba.tistory.com/181 저번 시간 '게시글 만들기 2'에서 게시글 상세 보기와 게시글 작성에 대하여 알아보았습니다. 이번 시간에는 게시글 상세보기에 있는 삭제 버튼과 수정버튼에 대한 기능을 넣어보려고 합니다. 게시글 상세 보기에 들어가면 자신이 작성한 글에 대해서는 버튼이 나오고, 자신이 작성하지 않은 글에 대해서는 버튼이 나오지 않는 문법이 있습니다. 삭제 수정 거기에 버튼에 onclick 속성을 넣어서 javascript 문을 이용하여 confirm 함수 및 제출까지 할 수 있도록 작성했습니다. 이제 다음은 수정하는 form으로 가는 것과 글 수정, 그리고 삭제 기능을 알..
게시판 만들기 1: https://pabeba.tistory.com/180 게시판 만들기 1 (게시글 리스트 보기, 로그인, 로그아웃) 게시판 프로젝트 맛보기 : https://pabeba.tistory.com/173 게시판 만들기 (프로젝트 맛보기) 먼저 애플리케이션을 만들기에 앞서 요구사항을 확인해 봅니다. 요구사항 확인 1. 비로그인 상태에서는 게시 pabeba.tistory.com 게시판 만들기 1에 이어서 이번에는 상세페이지 관련 내용을 알아보도록 하겠습니다. 상세페이지 1. SQL 제작 SELECT b.no, title, c.name, c.id, TO_CHAR(time_posted,'YYYY.MM.DD') time_posted,hits FROM board b , community_member ..
게시판 프로젝트 맛보기 : https://pabeba.tistory.com/173 게시판 만들기 (프로젝트 맛보기) 먼저 애플리케이션을 만들기에 앞서 요구사항을 확인해 봅니다. 요구사항 확인 1. 비로그인 상태에서는 게시판의 리스트 정보만 제공합니다. 2. 메인 화면 상단부에는 로그인할 수 있는 폼이 제 pabeba.tistory.com 프로젝트 진행 과정을 보여드렸고 이제는 맛보기에서 말한 방법으로 직접 프로그램을 제작하면서 게시판을 만들어보려고 합니다. 데이터베이스나 UML 등은 미리 만들어 놓았으니 이제는 코드를 작성해보려고 합니다. 위의 글을 읽고 오시면 더 이해가 잘 되실 겁니다. 그리고 기본적인 세팅 같은 것은 앞서 작성한 글들에 있으니까 확인해 보시면 더욱 이해가 잘 되실 겁니다. 1. 게시..
1탄 : https://pabeba.tistory.com/175 2탄 : https://pabeba.tistory.com/176 3탄 : https://pabeba.tistory.com/178 어쩌다 보니 4탄까지 작성하게 되었네요. 어떤 영화를 보면 계속 후속작이 나오는데 솔직히 뒤로 갈수록 흥미가 떨어지더라고요. 아 근데 스파이더맨이랑 범죄도시는 재밌었습니다. 그래서 여러분들이 지루해하실까봐 이번 편을 마무리로 jQuery를 잠깐 보내주려고 합니다. 물론 다른 코드에서 나올 수도 있어요 ㅎㅎ 그래서 오늘은 중요한 Ajax 통신에 대하여 알아보도록 합시다. Ajax 통신 두가지를 알아보도록 하겠습니다. 텍스트만 받아오는 방식과 json을 받아오는 방식을 해보겠습니다. 텍스트 방식 1. script 를 ..
어쩌다 보니 3탄까지 가게 되었습니다. 1탄 : https://pabeba.tistory.com/175 2탄 : https://pabeba.tistory.com/176 slideToggle html에 작성된 내용이 스르륵 내려오는 형태를 보여줍니다. 정보 더보기 호소세 출생 2000년 13월 36일, 서울특별시 국적 대한민국파일:대한민국 본관 호소 호씨[3] 신체 185.7cm 80kg 가족 부모님, 남동생, 형, 누나, 언니, 오빠 이번에 새로 추가된 내용입니다. document ready를 작성하지 않아도 저렇게만 작성하여도 dom이 생성되고 함수를 사용할 수 있게 되었습니다. 코드가 줄었네요 ㅎㅎ 그래서 아이디가 toggleSpan 인 태그를 누르면 숨겨진 내용이 나오게 됩니다. 직접 코드를 옮겨서..
Pagination이란? 콘텐츠를 여러 페이지로 나누는 기술입니다. 웹 페이지에서 일반적으로 볼 수 있는 이전, 다음 버튼이나 숫자로 된 페이지 번호를 클릭하여 다른 페이지로 이동할 수 있는 기능을 의미합니다. Pagination 생각해 보기 코드를 생성하기 전에 어떤 것이 필요할지에 대한 생각을 먼저 하면 좋을 것 같습니다. 1. 현재 페이지 번호 2. 한 페이지당 게시물의 개수 3. 한 페이지 그룹당 페이지 수 -> 페이지 그룹당 페이지 수가 4개고 페이지 수가 10개면 페이지 그룹은 3개가 생깁니다. 1,2,3,4 / 5,6,7,8 / 9,10 4. 총 게시물 수 5. 현재 페이지의 게시물 시작 번호 6. 현재 페이지의 게시물 끝 번호 7. 총 페이지 수 8. 총 페이지 그룹 수 9. 현재 페이지 ..
