자바스크립트로 수정된 페이지를 저장 가능한가요?

dw0291kim의 이미지

안녕하세요?
서버관리자로 일을 하고 있습니다만
오너의 지시로 웹사이트를 하나 만들어야 합니다.

웹프로그래밍에 서는 문외한지라 매우 어려움이 많아서 질문을 좀 드리겠습니다.

자바스크립트로 페이지를 꾸며놓고 그 페이지에 사용자가 내용을 입력하고 submit 버튼을 누르면

그 상태로 저장이 되게 하고 싶습니다.

그런데 제가 알기로는 자바스크립트는 그냥 브라우져에서 실행하는걸로 알고 있는데 수정된 부분을 서버의 페이지 파일로 저장을 어떻게 하는건가요?>

kldp 처럼 글을 쓰고 저장을을 하면

글쓴내용이 db에 들어가고 새로운 페이지에서 그 db내용을 불러오는건가요?

말이 횡설 수설이 되었네요...

1. 웹 게시판 원리(?) 가 궁금합니다.

7339989b62a014c4ce6e31b3540bc7b5f06455024f22753f6235c935e8e5의 이미지

클라이언트 측 자바스크립트만 가지고는 안되고, 서버에서 처리해야 저장할 수 있습니다. 그냥 게시판을 설치해서 쓰시는 게 어떨지요;

---8< 서명 -----------------
애니메이션 감상 기록 http://animeta.net/

dw0291kim의 이미지

그누보드나 제로보드는 만만한 게시판을 찾지 못하여서요..

원래 엑셀로 관리하던 서버 리스트 테이블을 웹에서 보기를 원해서

html로 다 쳐 놨더니 동적으로 추가 삭제 가 되도록 하라고 하시네요 ㅠㅠ

beyond의 이미지

흐미......그냥 구글 오피스 같은거 사용하면 안되나요.

liame의 이미지

굳이 자바 스크립트를 쓸 필요는 없어 보이는데요.

뭘로 구현하실지 모르겠지만, jsp정도면 되지 않나 싶습니다.

chadr의 이미지

하시고자 하는것을 여기에 다 설명할려면 좀 너무 깁니다.
시중에 있는 간단한 서적을 하나 보시는걸 권해드립니다. (php로 된걸)

전체적인 틀을 말씀드리자면..

html으로 입력 html을 만듭니다. 이때 지금 이런 게시판에 입력을 하는 텍스트박스가 들어가는 부분이
서버로 데이터가 전송되는 데이터가 담기는 곳입니다. 여길 form 태그로 감싸시고(일일히 하나씩 하시는게 아니라
전체 범위를 감싸시면 됩니다.) form 태그의 action부분에 웹서버로 데이터를 전송할 url을 입력해주시면 사용자가
submit을 하면 그 url로 데이터가 전송되게 됩니다. 그러면 서버측에서는 url에 해당하는 php 파일에서 데이터를
받아서 php api를 통해 데이터베이스에 저장을 해주시면 됩니다.

수정도 이와 같은 식으로 해주시면 되고..

보는건 웹브라우저가 보기 url을 요청하면 서버측의 php파일에서 보고자하는 데이터를 데이터베이스에서 가져와서
예쁘게 html코드로 만들어서 출력해주시면 됩니다.
-------------------------------------------------------------------------------
It's better to appear stupid and ask question than to be silent and remain stupid.

-------------------------------------------------------------------------------
It's better to appear stupid and ask question than to be silent and remain stupid.

violino의 이미지

아무래도 AJAX 스타일로 개발하고 싶으신 것 같군요.
위의 분들이 말씀하신 기 개발된 훌륭한 게시판들이 많지만,
공부삼아 한번 개발해 보는 것도 나쁘지 않다고 생각되네요.
DB를 쓰시면 제일 좋구요, 좀더 간단하겐 data 디렉토리를 지정해서 게시물별로 파일을 저장해도 됩니다.
data 디렉토리의 permission에 신경을 많이 쓰셔야 할겁니다.
web server를 돌리는건 님의 계정이 아니라 특별한 시스템 계정일 가능성이 높거든요.
보통 web server 의 configuration file을 보시거나, ps 명령으로 확인해보면 알 수 있어요.

간단한 구조론 게시물 헤더 목록만 저장하는 파일을 하나 두고,
그 파일 안에서 각 게시물 파일의 경로를 가지게 하는 식으로 하면 되지요.
(제가 십여년 전 이 방식으로 구현했는데 아주 간단하지만 생각보단 나쁘지 않았어요)
어떤 경우든 서버쪽에서 돌아가는 servlet이 필요하지요.
(예전엔 CGI 라는 기법도 있었지만, 요즘은 servlet이 대세입니다.)
servlet이란 건 서버에서 돌아가는 application으로, 출력이 모두 html로 렌더링된다고 생각하시면 됩니다.
암튼, 간단하게 ajax를 해보시려면 http://www.w3schools.com/Ajax/default.asp 를 참고해보세요.
쉽게 잘 설명되어 있는 사이트입니다.
(servlet은 미리 공부하셔야 합니다)

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.