JavaProject/Spring

<Select> 유효성 검사 및 프로젝트 등록하기 게시판 구현하기.

devel0per 2022. 5. 6. 20:46

개발 공부는 쉬지 않고 해왔지만,, 4월 중순부터 시작되는 중간고사.... 5월 초에 있는 정보처리기사 실기.... 그리고 4월 말에 있는 내 생일 ... 등등 블로그를 당분간 쉴 수밖에 없었던 이유는 충분했다..

오늘 프로젝트 팀원인 건이와 함께 6월 30일부터 시작하는 Java 기반의 풀스 텍 SW 엔지니어링 국비 교육과 관련한 테스트와 간단한 면접을 보고 왔다. 4학년 1학기를 마치곤, 2학기 때는 아마 학교를 나가지 않고, 주구장창 코딩 공부하다가 취준에 뛰어들 생각이다!

 

이번 프로젝트에서 내가 맡은 바인 로그인 파트를 마치고 다음으로 주어진 세세한 파트로는 select 유효성 검사와 등록하기 게시판을 구현 하는 것이었다.

 

대략 간단하게 사진으로 어떤식으로 구현되나 살펴보면! 

 

1. 등록하기 버튼을 누른다
2. 등록하기 폼이 나타나고 <select> 폼에 맞게 사용자들이 선택한다.
3. 사용자들이 선택한 폼이 게시판 형식으로 등록된다.
4. 맘에 드는 게시판 목록을 클릭하면, 신청하기 폼으로 넘어가기전 정보를 확인 할 수 있는 페이지가 열린다!

 

 

 

내가 구현해야 할 파트는 여기까지 ! 등록하기 > 폼 만들기 > 선택된 폼 value를 이용한 게시판 생성 > 저장된 정보 출력하는 페이지 생성

 

등록하기 버튼을 눌러 폼을 만드는데는 어렵지 않게 성공했고(Select와 관련된 여러 블로그들 예제를 참조했습니다 ^^)

문제는 만들고 보니, 값을 1개 이상 넣지 않는 경우에는 오류가 뜨거나, 빈 value값이 데이터베이스에 들어가 우리가 원하지 않는 정보들이 저장되기 시작됐다! 

 

그래서 아이디어를 생각해낸것이 ! Placeholder도 안되길래. 첫 번째 value값은 [" "]  (공백으로 설정하고) 그 공백이 설정된 값을 넣고 등록하기 버튼을 누르면 alert형식의 경고문이 뜨도록 구현하기로 결심했다!

 

이런 식으로 첫 번째 value를 공백으로 지정한 후,

 

jquery를 이용하여 value값이 0일 경우에는 alert 경고문을 출력하도록 구현하니, 생각대로 잘됐다!

프로젝트를 진행하면서 느끼는 신기한 점이 불과 8개월 전에는 아무것도 모르는 코린이가(물론 지금도 코린이지만,,) 생각한 아이디어를 뚝딱뚝딱 서치 해서 기술로 구현하는 것을 보니 나도 쪼끔은? 성장한 것이 아닐까 나름의 뿌듯함을 가졌다 ㅎㅎ

 

 

다음으로는 폼에서 설정한 Value들의 값이 저장된 데이터베이스에서 알맞게 데이터들을 추출하여, 게시판을 만드는 데 손쉽게 성공했다 !

똑같은 방식으로 신청하기 전의 페이지를 구현하는 것도 성공!

흐흐 이거까지 성공하면서 이제는 진짜 소켓을 활용해서 사용자들끼리 카카오톡 아이디 교환만 이뤄질 수 있게 기술 구현하면 이번 프로젝트도 어느 정도 끝이 보일 것 같다..

 

5월 9일 프로젝트 만나기 전 내가 맡은 모든 구현들 살펴보면서, 추가했으면 좋을 듯한 것들을 생각해봤다.

1. 회원가입할 때 데이터베이스 암호화 구현

2. 회원가입 시 닉네임 중복확인 버튼 구현

 

(1) 지금의 우리 프로젝트에서는 회원가입 시 암호가 너무 적나라하게 데이터베이스에 저장되는 것 같았다.

물론 보안 쪽은 신경 쓰지 않고 진행한 프로젝트지만, 우리가 할 수 있는 또는 생각할 수 있는 보안활동들은 구현해보고 싶었다

보안 생각이 들자마자 구글에 서치 해본 결과, 실제로 회원가입된 비밀번호는 암호화되어 데이터베이스에 저장되는 여러 예제들을 확인할 수 있었다.

팀원들과 상의해서 우리가 할 수 있는 소소한 보안 규정들 (도메인 , 데이터베이스 암호화, FTPS 파일 전송 등 )을 같이 고민해보는 시간도 가졌으면 좋을 것 같다.

 

(2) 현재 ID중복 버튼은 구현에 성공하여 중복된 ID로는 회원가입을 하지 못하지만 

닉네임은 중복 회원가입이 가능하여, 난잡해질 가능성이 있을 것 같다는 생각을 했다.

이것도 어려운 게 아니니까 팀원들과 상의해서 금방 수정해야겠다!