Programmer's Progress

기본적인 회원가입과 로그인을 구현했으니, 로그아웃과 아이디/비밀번호 찾기를 구현할 차례다. 기본적인 원리는 아래와 같이 설계되었다. 우선 스키마 다이어그램에서 빨간색 애트리뷰트는 기본키, 파란색 애트리뷰트는 외래 키를 의미한다. 그렇다면 노란색은 어떤 애트리뷰트를 의미하는 걸까? 바로 UNIQUE 한 값, 즉, 후보 키로써의 역할을 수행함을 의미한다. 상식적으로 회원가입을 진행할 때 같은 이메일, 전화번호로 회원가입이 가능한 경우는 거의 경험하지 못했을 것이다. 그도 그럴 것이, 하나의 이메일, 전화번호는 모두 한 명의 사람에게 속해있기 때문이다. 각 개인은 회원가입 시 입력한 전화번호와 이메일 주소를 아이디를 찾을 수 있게 된다. 그렇다면 비밀번호는 어떤 식으로 찾을 수 있게 할 것인가? 회원가입 시에..

지난 포스팅에는 회원가입을 구현하는 과정과 시연을 보였다. 사실 회원가입이야 이전에도 여러 번 구현해본 적 있었지만, 이번에는 좀 체계적으로 DB를 구성하고 활용하기 위해 최대한 사용자의 릴레이션에는 나이, 성별 등의 서비스 구현에 크게 필요하지 않은 애트리뷰트는 과감히 삭제했고 대신, 아이디를 기본키로 설정후, 이를 외래 키로써 참조하는 릴레이션들을 여럿 구성하였다. 아이디/비밀번호 찾기 회원가입 해당 소스코드는 로그인을 위한 form 태그의 소스코드 일부이다. 상당히 구성이 간단하다. 사용자로부터 ID와 PW를 입력받고, 이 정보가 DB에 존재하는지 여부를 확인하면 끝이다. 그리고는 세션객체를 생성하여 해당 회원정보를 저장하고, 이 세션에 사용자 정보가 담겨있는지 여부를 판단하여 JSP를 이용해 기존..

이전에는 간단하게 로그인, 회원가입, 아이디 비밀번호 찾기 등등 기본적인 웹페이지 화면을 구성하였다. 아무래도 HTML, CSS, JavsScript, JQuery 등등을 사용하면서 좀 완성도 있게 구현해보자 노력했더니 웹 디자인 및 퍼블리싱에도 시간이 상당히 오래 걸렸다. 정확히 말하면 구현하는 데에 많은 시간이 소요된 것이 아니라, 어떤 식으로 꾸밀까... 에 너무 집중한 나머지 여러 웹페이지들의 레이아웃을 참고하면서 나름대로 그림도 그려보고 하다 보니 시간이 오래 걸렸다. 그렇게 해서 어느 정도 웹페이지의 콘셉트를 잡고 난 이후에 본격적으로 웹페이지 구조를 구성하기 시작했다. 전체적인 웹 서비스의 메인, 로그인, 회원가입, 아이디/비밀번호 찾기 화면의 모습이다. 나름대로 웹페이지 레이아웃과 CSS을..

먼저 기본적인 UI를 구성함으로써 앞으로 서블릿과 AJAX를 테스트해볼 수 있도록 할 것이다. 물론 계속해서 화면을 꾸며나가는 과정에서 몇 번이고 수정을 반복해야겠지만, 큰 틀은 변하지 않을 것이다. 기본적으로 메인화면과 로그인화면, 회원가입 화면을 먼저 설계하였다. 앞서 메인화면은 상당히 심플한데, 물론 아직은 정식 서비스를 개시하지 않았기에 내용을 채우지 않아 그런 것이며, 좌측상단에 보면 >>가 담겨있는 빨간색 사각형이 존재하는데, 이를 사각형을 클릭하면... 해당 사이드바는 아직 사용자가 로그인한 상태가 아니기 때문에, 관리자가 아닌 일반 고객과 같은 사이드바 목록을 가지고 있다. 도서, 커뮤니티, 내 정보, 기타 메뉴가 있으며 각각의 상위 메뉴는 하위 메뉴들을 가지고 있다. 상위 메뉴를 클릭하면..

데이터베이스는 여러 의미 있는 값을 지닌 기록들인 데이터를 관련 있게 모아놓은 것을 말한다고 한다. 데이터베이스를 배우기 전까지는 나는 파일의 형태로밖에 데이터를 다루지 못했다. 가령 성적을 입력하면 평점과 이수 학점을 보기좋게 계산해서 DOS창에 일일이 수작업으로 GUI를 구성하여 출력하는 C 프로그램을 제작했던 경험이 있는데, 이 프로그램의 문제는. txt 파일의 형태로 데이터를 기록하다 보니 당연히 띄어쓰기가 잘못되거나, 파일의 경로가 달라지거나, 이름이 같은 사람에 대해서는 서비스를 제공할 수 없다거나... 데이터를 체계적으로 관리할 수 없었다는 것이었다. 때문에 프로그램의 규모가 상당히 작아질 수밖에 없었다. 그러나, 데이터베이스와 DBMS에 대한 공부를 하면서 이제 실전에 적용할 수 있겠다는 ..

이번에는 JSP를 이용해서 동적으로 화면이 구성되도록 하였다. 기존에는 HTML, CSS만을 이용해서 정적인 콘텐츠를 요청, 응답할 수 밖에는 없었다. 예를 들어 로그인을 하기 전과, 로그인한 후의 상태에 따라 메인 페이지에서 서로 다르게 웹페이지가 구성되도록 할 수 없었다는 것이다. 홍길동이라는 사람이 로그인에 성공하여 다시 메인 페이지로 복귀했을 때 최우 상단의 로그인을 위한 영역은, 홍길동이라는 사용자에 대한 정보를 위한 영역으로 쓰여야 하는데 기존의 HTML 문서를 요청하는 방식은 정적 콘텐츠를 요청하는 방식이었으므로 레이아웃을 변경할 수가 없었다. 이처럼 일반적인 웹서버에서는 정적인 콘텐츠만 제공하고, 제공받을 수 있으므로, 쇼핑몰에서 흔히 볼 수 있는 광고나 세일 품목 등, 실시간으로 변경될 ..