Project(33)
-
[Web Application-개발] 2023-11-22 웹 어플리케이션 제작 프로젝트 : 게시판 만들기 #9-1
프로젝트 일지 지난 작업에서는 마이 페이지를 제작하며 사용자별 개인 정보를 확인할 수 있고 필요에 따라 아이디를 제외한 개인 정보를 변경할 수 있는 기능을 구현하였다. 이번 작업은 게시판 페이지를 제작할 예정이며 각 기능별로 일지를 쓸 예정이다. 앞으로 진행할 작업 예정 리스트는 다음과 같다. 게시판 제작 : DB 연결 및 디스플레이 작업게시판 제작 : 페이징 작업게시판 제작 : 글쓰기 및 삭제 작업게시판 제작 : 조회 기능게시판 제작 : 디테일 및 마무리 게시판 제작 : 디스플레이 작업 및 DB 연결 1) 태그HTML에서 테이블 태그는 주로 표를 만들 때 사용하는 태그로 게시판 틀을 만드는데에 있어서도 유용한다. 테이블 태그의 하위 요소들로는 , , 가 존재하며 이..
2023.11.22 -
[Web Application-개발] 2023-11-18 웹 어플리케이션 제작 프로젝트 : 마이 페이지 만들기 #8
프로젝트 일지 마이 페이지를 생성하여 사용자별 개인 정보를 볼 수 있도록 한다. 마이 페이지 요청 시 다시 한번 비밀번호를 입력하여 인증 작업을 거친 후 마이 페이지를 요청한다. 마이 페이지에서는 사용자 정보를 전부 볼 수 있으나 비밀번호는 민감한 정보이기 때문에 볼 수 없다. 그리고 아이디를 제외한 나머지 정보들은 수정이 가능하며 비밀번호를 변경하기 위해서는 현재 비밀번호를 한번 더 입력하여 보안성을 강화하였다. 앞으로 진행할 작업 예정 리스트는 다음과 같다. 마이 페이지 생성 및 개인 정보 변경 기능 구현게시판 생성 마이 페이지 구조 마이 페이지는 두 개의 페이지로 이루어져 있으며 각 페이지 마다 데이터 처리 페이지가 존재한다. check_pass.php => che..
2023.11.18 -
[Web Application-개발] 2023-11-14 웹 어플리케이션 제작 프로젝트 : 코드 리펙토링 및 추가 기능 구현 #7
프로젝트 일지 지난 코드 리펙토링 작업을 어느 정도 마무리하고 회원가입 시 아이디 중복 검사 기능을 구현한다. 앞으로 진행할 작업 예정 리스트는 다음과 같다. 회원가입 시 아이디 중복 검사 기능 구현마이 페이지 생성 및 정보 수정 기능 구현게시판 생성 회원가입 시 아이디 중복 검사 기능 구현 추가한 아이디 중복 검사 기능이 어떻게 작동하는지에 대해 간단하게 설명하자면 회원가입 시 아이디 입력은 '아이디 중복 검사' 버튼을 통해서만 가능하다. 아이디 중복 검사 버튼을 누르게 되면 check_id.php 페이지를 팝업창으로 띄우게 되며 해당 페이지에서 가입에 쓰일 아이디를 입력하고 중복여부를 판별한다.중복되지 않는 경우 사용가능하다는 코멘트가 출력됨과 동시에 해당 아이디..
2023.11.14 -
[Web Application-개발] 2023-11-11 웹 어플리케이션 제작 프로젝트 : 코드 리펙토링 및 추가 기능 구현 #6
프로젝트 일지 회원가입 기능 및 세션 설정 작업까지 어느 정도 구현을 진행했으니 코드 리펙토링 및 유효성 검사 같은 디테일한 부분을 챙길 차례이다. 앞으로 진행할 작업 예정 리스트는 다음과 같다. 반복되는 코드의 함수화 및 파일 분리비밀번호 해시 작업 후 DB에 저장하여 로그인 시 비밀번호 유효성 검사form 태그 내 유효성 검사회원가입 시 아이디 중복 체크 기능 구현웹 디자인 작업 반복되는 코드의 함수화 및 파일 분리 1) db.phpDB와의 연결과 쿼리문을 사용할 시 중복되는 코드 및 길어지는 코드가 생겨 db.php 파일 안에 입력하고 쿼리문 관련 기능 함수 생성 2) common.jslogin.php 페이지와 sign_up.php 페이지에서의 유효성..
2023.11.11 -
[Web Application-개발] 2023-11-06 웹 어플리케이션 제작 프로젝트 : 회원 가입 페이지 만들기 #5
프로젝트 일지 지난번 작업에서 로그인 페이지 기능 구현을 끝마쳤다. 이번에는 회원 가입 페이지를 제작하여 기능 구현까지 진행할 예정이다. 회원 가입 페이지 제작 및 기능 구현 sign_up.php sign_up.php 파일의 작동 순서는 다음과 같다.입력란에 적합한 내용을 입력한 후 회원가입 버튼을 누르게 되면 sign_up_proc.php 페이지로 데이터를 POST 메소드 방식으로 전송한다. sign_up_proc.php 1/2 sign_up_proc.php 파일의 작동 순서는 다음과 같다.sign_up.php 페이지에서 전송된 데이터를 각 변수에 저장한다.입력란에 공란이 없이 전송이 되었는지 유효성 검사를 진행한다. 만약 공란이 있는 상태..
2023.11.06 -
[Web Application-개발] 2023-11-06 웹 어플리케이션 제작 프로젝트 : 로그인 페이지 만들기 #4
프로젝트 일지 지난번 작업에서는 단계별로 기능들이 정상적으로 작동하는지 테스트를 진행하였다. 이번에는 파일 분리 및 DB 연결, 그리고 세션 기능을 추가하여 정상 작동하는지 테스트를 진행할 예정이다. 파일 분리세션 기능 추가 파일 분리 파일은 다음과 같이 분리하였다.index.php : 웹 브라우저에 URL을 입력하면 가장 먼저 반겨주는 대문 페이지이다. 해당 파일에서는 인사말과 계정별 UI를 표시한다.login.php : 로그인 페이지 역할을 담당하며 입력란에 ID와 Password를 입력하고 로그인 버튼을 누르면 데이터를 login_proc.php 파일로 전송한다. 만약 데이터베이스에 저장되어있지 않거나 공란 상태로 로그인 버튼을 누르게 되면 login.php로 다시 돌아..
2023.11.06