웹 프로그래밍을 할 때 GET 방식과 POST 방식의 공통점과 차이점 설명 예시 : 크롬/오페라/파이어폭스 웹 브라우저 확장 기능을 이용하여 보이지 않는 게시판 게시물의 링크 주소 찾기

웹 프로그래밍을 할 때 GET 방식과 POST 방식의 공통점과 차이점 설명 예시 : 크롬/오페라/파이어폭스 웹 브라우저 확장 기능을 이용하여 보이지 않는 게시판 게시물의 링크 주소 찾기


웹 프로그래밍을 할 때 클라이언트가 서버로 요청을 보내는 방법에는 GET 방식과 POST 방식이 있습니다. 학생들에게 GET 방식과 POST 방식의 공통점과 차이점을 설명할 때 제가 예시로 사용하는 방법입니다.
1. POST 방식으로 짠 게시판 목록 열기 2. 게시판에서 게시물 하나 선택하여 보기 3. 주소창에서 선택한 게시물의 주소 찾아보기 4. 다시 게시판 목록으로 이동 5. 툴을 이용하여 POST 방식을 GET 방식으로 변환하기
6. 게시판에서 게시물 하나 선택하여 보기 7. 주소창에서 선택한 게시물의 주소 찾아보고 차이점 찾기
아래는 파이어폭스 웹 브라우저의 확장기능을 이용하여 POST 방식을 GET 방식으로 변환하는 방법입니다. 이 방법을 이용하면 보이지 않는 게시판 게시물의 링크 주소를 찾을 수 있습니다.
크롬 웹 브라우저를 사용하고 있다면 아래의 링크 주소를 클릭한 후 'Chrome 에 추가' 를 클릭하여 'Web Developer' 를 설치하시면 됩니다.
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
오페라 웹 브라우저를 사용하고 있다면 아래의 링크 주소를 클릭한 후 'Add to Opera' 를 클릭하여 'Web Developer' 를 설치하시면 됩니다.
https://addons.opera.com/en/extensions/details/web-developer


<파이어폭스 웹 브라우저 설치 및 'Web Developer' 사용 방법>
1. https://www.mozilla.org/ko/firefox 에서 Firefox 다운로드 클릭 2. Firefox Installer 설치 및 실행 3. 파이어폭스 주소 창에 https://addons.mozilla.org/en-US/firefox/ 입력 후 오른쪽 검색 창에 'Web Developer' 로 검색 - 또는 파이어폭스 주소 창에 https://addons.mozilla.org/en-US/firefox/addon/web-developer 입력 4. Add to Firefox 클릭 > 추가 클릭 5. POST 방식으로 짠 게시판 목록 열기
- 예) 한국교육과정평가원에서 운영하는 국가교육과정정보센터의 [2015 개정 교육과정] 공지사항 게시판 목록 주소
  http://www.ncic.re.kr/mobile.revise.board.list.do?degreeCd=RVG01&boardNo=1001 6. 게시판에서 게시물 하나 선택하여 보기 7. 주소창에서 선택한 게시물의 주소 찾아보기 8. 다시 [2015 개정 교육과정] 공지사항 게시판 목록 주소로 이동 9. 파이어폭스 확장 기능을 이용하여 GET 방식으로 변환하기 - 주소창 오른쪽 끝에 있는 'Web Developer' 아이콘 클릭 > Forms 클릭 > Convert Form POSTs To GETs 클릭

10. 게시판에서 게시물 하나 선택하여 보기 11. 주소창에서 선택한 게시물의 주소 찾아보고 차이점 찾기