공부/WEB개발 과제20 [6주차-2] 게시판 Basic 개발 3 게시글 검색 기능을 만들 것이다. 제목, 내용, 작성자를 검색할 수 있게 했다. 먼저 board.php에서 검색을 할 수 있게 밑부분을 만들었다. 값은 POST로 받아오고 select를 이용하여 어떤 내용을 검색하는지 정할 수 있게 만들었다. 검색 버튼을 누르면 switch로 sql문이 실행된다. 작성자, 1234로 검색을 하면 밑의 결과 창이 나온다. 이렇게 게시글 검색 기능까지 만들었고 이제 CSS를 작업해야겠다. 2023. 5. 7. [6주차-1] 게시판 Basic 개발 2 지난번까지 해서 게시판 목록이랑 게시글 읽기, 게시글 쓰기까지 구현하였다. 이번에는 게시글 수정, 게시글 삭제를 구현할 것이다. 1) 게시글 수정 위의 게시글을 수정할 것이다. 수정 버튼을 누르면 수정할 수 있는 페이지로 넘어가진다. 수정을 누르면 ID값을 받아와서 어떤 글인지 확인을 한다. 로그인 상태에서 수정이 가능하고 만약 작성자랑 이용자가 다르면 수정을 못하게 막아뒀다. 수정버튼을 부르면 process_modify.php로 넘어가서 데이터를 수정시키는 과정을 수행한다. 수정을 누르면 밑의 페이지로 넘어가고 결과는 아래와 같다. 2) 게시글 삭제 위에서 modify로 수정한 8번 글을 삭제할 것이다. 삭제를 누르면 DB에서 아예 지워지고 여기서는 이 방법을 사용했다. 또 다른 방법은 글이 저장되는 .. 2023. 5. 6. [5주차-1] 게시판 Basic 개발 1 로그인과 회원가입 페이지가 완성되었고 게시판을 만들 것이다. 메인 페이지에서 게시판, 문의 게시판, 마이페이지로 넘어가는 메뉴 버튼을 만들어 놨고 문의 게시판과, 마이페이지는 나중에 수정할 예정이고 게시판의 기능 중에서 게시글 리스트 확인, 게시글 읽기, 게시글 쓰기는 구현했고 게시글 수정, 게시글 삭제, 게시글 검색은 다음에 마저 구현할 거다. 메인페이지이고 CSS는 게시판을 전부 구현하고 적용을 시킬 것이다. 게시판이고 아직 css를 적용 안 시켜서 투박하다. 작성자는 세션 ID를 받아오고 제목과 내용을 작성하면 된다. 게시글 작성을 누르면 위의 과정으로 처리가 되고 게시판으로 이동하면 새로운 글이 작성되어 있고 게시글을 누르면 게시글을 읽을 수 있다. 목록을 누르면 다시 게시판으로 돌아온다. 게시글.. 2023. 5. 3. [4주차-3] 회원가입 기능 만들기 4 위의 사진은 전체적인 진행 과정이다. 검색 버튼을 누르면 새 창이 열리고 새 창에서 주소를 검색하면 링크가 걸려서 결과가 출력된다. 링크를 누르면 그 값이 주소 검색 폼에 저장이 되고 나머지 값을 입력하면 회원가입에 성공한다. 39 echo $sel_add;를 링크를 걸어서 출력되게 수정(a태그를 php 밖으로 꺼내니까 작동했다.) 링크된 주소를 누르면 스크립트로 넘어가서 클릭한 주소의 정보를 object.innerText를 이용하여 가져온다. 이 값이 회원가입창의 주소 검색에 들어가고 나머지 세부주소를 입력하면 된다. 회원가입 페이지를 수정하였다. 스크립트 코드를 수정하고 주소창을 누르면 주소검색이 나오는 게 아닌 버튼을 누르면 나오게 변경하였다. 그에 맞춰서 주소를 받아오고 DB에 저장할 수 있게 p.. 2023. 4. 25. [4주차-2] 회원가입 기능 만들기 3 주소를 검색했을 때 보통은 도로명 주소를 입력한다. DB에는 도로명 주소랑 건물번호가 분리돼서 저장이 돼있다. 따라서 우리는 입력받은 도로명 주소를 공백을 보고 분리해서 가져와야 한다. ex) 백제대로 41 -> '백제대로', '41' / 백제대로 -> '백제대로' 공백을 explode 함수를 이용하여 구분할 것이다. 공백을 전후로 arr[0], arr[1] 이렇게 입력이 되고 도로명과 건물번호를 같이 입력하면 if(arr[1])이 실행이 되고 건물번호가 입력되지 않으면 else가 실행될 것이다. $result를 while문으로 반복시켜서 [시도][시군구][도로명][건물번호][건물명]으로 만들어주고 $sel_add를 출력하면 된다. 이제 주소를 클릭하면 그 값이 주소검색 폼으로 들어가서 나머지 세부 주소.. 2023. 4. 24. [4주차-1] 회원가입 기능 만들기 2 회원가입에 주소검색을 추가시켜서 주소를 입력받을 수 있게 수정을 할 것이다. 먼저 user 테이블을 수정을 해줬다. address 컬럼에 회원가입 시 입력받은 주소가 들어갈 것이고 ZIPCODE라는 테이블에 주소 DB를 넣을 것이다. 이렇게 테이블을 만들어주고 우체국 홈페이지에 가서 지역별 주소 DB를 받아온다. 그리고 LOAD DATA 명령어를 이용하여 ZIPCODE 테이블에 데이터를 넣어준다. 주소검색을 위한 데이터는 입력되었으므로 회원가입폼을 수정해 주겠다. onclick을 이용하여 주소 검색 창을 누르면 새창이 팝업 되게 만들었다. 팝업창이 나오면 주소를 검색하면 된다. 지금까지 작업한건 주소 DB를 구축하고 회원가입 창에서 주소 검색창을 출력시켜서 검색을 할 수 있게 만들었고 앞으로 해야할거는 .. 2023. 4. 23. [2주차-1] 회원가입 기능 만들기 1 로그인 페이지 까지는 완성이 되었고 이제는 회원가입 기능을 만들 것이다. 구현해야 할 기능들은 lD 중복검사와 회원가입 로직이고 주소 검색기능은 나중에 추가할 예정이다.(DB에 주소를 아직 추가 안 했다.) 가장 먼저 loginpage에 회원가입 폼을 추가시켜야 한다. 회원가입 버튼을 누르면 create.php로 이동을 하게 된다. 간단한 회원가입 페이지이다. DB에는 admin이라는 아이디가 있으므로 이걸로 중복검사를 하고 비밀번호의 입력값이 맞는지 확인한다. 값을 입력하고 회원가입 버튼을 누르면 process_create.php에서 기능을 수행한다. 2~4 create.php에서 값 받아오기 8~10 아이디랑 비밀번호가 입력되어 있는지 확인한다. 입력값이 없으면 if문이 실행된다. 13~20 $id_.. 2023. 4. 11. [1주차-5] 로그인 페이지 만들기 간단한 로그인 페이지를 만들어 볼것이다. main.php라는 페이지가 있고 로그인 여부를 확인하여 loginpage.php로 보내거나 main페이지의 내용을 보여준다. 처음 접속하면 로그인이 되어있지 않으므로 loginpage.php로 이동되고 로그인 과정은 process_login.php에서 수행된다. 로그인에 성공하면 main.php로 진입을 하게 되고 로그인에 실패하면 다시 로그인페이지로 돌아간다. 간단한 로그인 페이지이다. 지금은 회원가입을 구현하지 않았고 DB에 admin이라는 테스트 계정을 넣어놨다.(id admin / pw admin) 2~3 에러 검출 코드 4 DB 연결 6~7 POST로 넘겨받은 아이디(admin)와 비밀번호(admin) 저장 9~11 아이디가 DB에 있는지 검사 13 ~.. 2023. 4. 6. [1주차-4] DB생성 및 DB데이터 입력하기 DB를 처음 설치하면 비밀번호를 재설정해줘야 한다 alter user 'root'@'localhost' identified with mysql_native_password by '변경할 비밀번호'; 위의 명령어를 사용해서 비밀번호를 변경한 뒤에 flush privileges; 위의 명령어로 변경사항을 적용시켜 준다. userdata라는 DB를 만들 것이고 CREATE DATABASE userdata; // userdata DB 생성 SHOW DATABASES; // DB 확인 DB가 생성 됐다는 걸 확인할 수 있고 CREATE TABLE topic( id INT(11) NOT NULL AUTO_INCREMENT, userid VARCHAR(20) NOT NULL, userpassword VARCHAR(2.. 2023. 4. 3. 이전 1 2 3 다음
