WEB 만들기/mk_web - JS, PHP, MYSQL
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.16 - 파일 업로드WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 5. 18:58
게시글을 작성할 때와 수정할 때 파일을 업로드할 수 있도록 했다 파일 업로드 15 파일 전송을 위해 enctype을 반드시 작성해 줘야 한다 32 ~ 36 파일 업로드를 위한 공간을 만들었다 34 ~ 38 수정하는 부분 역시 글쓰기와 마찬가지로 수정해 주고 파일 업로드 공간을 만들어 줬다 21 ~ 24 파일이 있다면 업로드 경로를 지정해 주고 허용할 확장자도 선택해 준다 26 ~ 38 에러가 생긴다면 에러메시지를 변수에 담아주고 파일의 이름도 파일 이름 변수에 담아준다 확장자를 골라주고 입력받은 확장자가 내가 허용할 확장자인지 확인한다 40 ~ 42 파일 이름의 구분을 위해 최종 파일의 이름을 저자 + 제목 + 파일 이름으로 해서 업로드한다 수정할 때와 글을 작성할 때 파일의 이름도 수정과 작성이 되도록..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.15 - 글 삭제WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 17:11
작성된 게시글을 삭제할 수 있도록 했다 글 삭제하기 1 ~ 12 삭제 버튼이 눌러진다면 비밀번호가 비어있는지 먼저 확인 후 비밀번호가 비어있다면 비밀번호 입력요청 메시지를 띄워준다 14 ~ 37 AJAX 통신을 이용하고 성공적으로 삭제가 되면 삭제 완료 메시지를, 삭제에 실패하였을 경우 비밀번호 불일치 메시지를 띄워줬다 5 ~ 12 글의 번호와 비밀번호를 get으로 받아오고 게시글이 있는지 정보를 가져온다 14 ~ 25 만약 게시글이 있다면 게시글을 삭제해주고 exists:true 형태로 json 인코딩한다 ❗️❗️ $result = array(); 를 이미 다른 파일에서 사용하고 있어서 중복으로 사용한다면 json 형식에 문제가 생겨 AJAX 통신에 문제가 생길 수 있다 ❗️❗️ 따라서 $result_..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.14 - 글 수정WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 16:58
작성된 게시글을 수정할 수 있도록 만들었다 글 수정하기 - 사용자 기본적인 글 작성페이지와 같고 15번 줄에 write_fix.js 파일을 추가해 주어 삭제 시 사용하도록 해 주었다 45 ~ 49 글 작성페이지에서 저장버튼을 삭제하고 목록, 수정, 삭제를 만들었다 목록은 왼쪽으로, 수정과 삭제는 오른쪽으로 위치시켰다 글 수정하기 - 서버 7 ~ 17 글 작성만을 확인하였지만 이곳에 idx 정보가 있다면 글을 수정하는 것이므로 수정하도록 글의 정보를 가져오도록 했다 19 ~ 23 만약 글의 정보인 idx 가 있다면 글에대한 정보를 가져오도록 한다 25 ~ 40 입력한 비밀번호가 일치한다면 글을 수정하고 아니라면 글을 수정하지 못하도록 했다 모두 정상적으로 작동한다
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.13 - 글쓰기, 게시글 보기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 6. 3. 16:41
게시판 목록에서 게시글의 제목을 클릭하면 해당 게시물을 볼 수 있도록 했다 글 작성하기 7 ~ 17 사용자의 세션과 글 작성 시 필요한 요소들을 포함시켜 주었다 19 ~ 28 게시글을 작성하기 위한 SQL 질의문을 만들어 실행시키고 게시판으로 이동하도록 했다 모두 test1234로 하고 저장버튼을 누르니 정상적으로 글이 작성되었다 게시글 보기 41 ~ 42 게시글의 제목을 클릭하면 작성된 게시글을 볼 수 있도록 하였고 파란색글자와 아래 밑줄표시를 제거해 주었다 왼쪽 하단에 정상적으로 이동하는 링크가 보인다 6 ~ 11 게시글의 정보를 가져온다 18 ~ 31 제목과 내용을 화면에 보여주고 수정버튼과 목록버튼을 추가했다
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.12 - 글쓰기, 글작성 페이지 만들기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 31. 18:46
글쓰기 버튼을 클릭하면 글을 작성하는 페이지로 이동하도록 해 주었다 글쓰기 버튼 만들기 42 ~ 44 글쓰기 버튼을 클릭하면 글을 작성하는 페이지인 write.php로 이동하도록 해 주었다 오른쪽 아래에 만들어 주었으며 색상은 파란색으로 해 주었다 글 작성 페이지 만들기 1 ~ 6 헤더 부분과 데이터베이스 연결 부분을 가져왔다 8 ~ 10 작성 내용을 write_check 로 post 방식으로 보내어 데이터베이스에 추가하도록 해 주고 위치를 중간으로 만들었다 12 ~ 31 제목, 내용, 비밀번호를 입력하는 공간을 만들어주었다 33 ~ 35 저장버튼을 누르면 위에 작성한 내용이 전송되도록 해 주었다 성공적으로 완성되었다
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.11 - 게시판 목록 페이징 심화WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 22. 23:41
게시물과 페이지를 연결해 주었고, 이전페이지, 다음페이지로의 이동버튼도 만들어 주었다 데이터 추가하기 정확히 적용이 되었는지 확인하도록 11페이지까지 갈 수 있도록 내용을 추가해 주었다 게시판 페이지 19 ~ 20 페이지 번호를 GET 방식을 이용하여 받아오도록 하였다 44 ~ 47 받아온 페이지 번호를 이용하여 함수의 값으로 입력해 준다 게시판 페이징하기 3 ~ 7 게시물의 총개수를 구해서 total_num 변수에 담아준다 9 ~ 16 함수를 만들어주고 시작페이지, 마지막페이지와 같이 페이지의 기준을 만들어준다 18 ~ 26 이전페이지가 음수가되지 않도록, 마지막 페이지가 총페이지의 수를 넘어가지 않도록 해준다 28 ~ 33 중앙으로 오도록 해주고 '처음' 을 클릭하면 1페이지, 1번으로 오도록 해 주..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.10 - 게시판 목록 페이징 기초WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 22. 15:33
데이터베이스로부터 정보를 가져와 한 페이지에 10개의 정보만 보이도록 해 주었다 데이터 베이스 정보 추가하기 우선 테이블에 데이터를 추가해 줬다 1페이지에 10개씩 할 예정이므로 2페이지까지 나오게 된다 INSERT INTO `테이블 이름`(`열1`, `열2`, `열3`, `열4`) VALUES ('내용1' , '내용2' , '내용3' , '내용4'), ('내용11' , '내용22' , '내용33' , '내용44'), ('내용111' , '내용222' , '내용333' , '내용444'), ('내용11111' , '내용2222' , '내용3333' , '내용4444'); -- 여러가지 내용을 한번에 추가할 수 있다 게시판 페이징 17 ~ 24 한 페이지에 10개의 게시물을 표시하기로 하였다 GET방식으로..