프로젝트(4)
-
[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 -
[Web Application-개발] 2023-10-30 웹 어플리케이션 제작 프로젝트 : 로그인 페이지 만들기 #2
프로젝트 일지 지난번에 만들어둔 스켈레톤 코드를 기반으로 작업을 진행하였다. 이번에는 css 언어를 적용하였고 웹 페이지 구조를 어느 정도 구현하였다. DB 연결은 다음번에 구현할 예정이다. DB 연결 Xcss 언어 적용 index.html 파일 index.html파일은 대문 페이지로 인사말과 버튼 두 개로 이루어져 있으며 로그인 버튼을 누르면 로그인 페이지로 이동하도록 구현되어 있다. 회원가입 버튼은 회원가입 페이지로 이동하도록 구현되어 있지만 회원가입 페이지는 아직 개발 중이다. login.html 파일 로그인 페이지에서 ID와 Password를 입력할 수 있는 공간을 구현하였다. 입력 공간에 로그인할 ID와 Password를 입력 후에 로그인 버튼을 누르면 lo..
2023.10.30