[학교 동아리] 동아리 홈페이지 1

 

 

1년전쯤 만들기 시작했던 동아리 홈페이지...

 

처음 만들어본 홈페이지였기에 부족한 부분도 많았지만 그동안 운영해오면서 실제 공격자들의 공격 패턴과 같이 다양한 경험을 할 수 있었다

 

운영하면서 문제가 되는 부분들에 대해서 수정도 진행하면서 어찌저찌 운영을 해왔지만 결국 다시 만드려고 한다

 

현재 운영중인 홈페이지는 Web CTF 문제 푸는 용도로만 개발이 되었는데 실제 운영되는 웹 서비스처럼 다양한 기능을 추가하려고 한다

 

 

현재 운영중인 홈페이지

2024년 6월 2일 일요일 기준 운영중인 홈페이지의 일부분의 모습이다

 

 

로그인과 회원가입..!

 

 

로그인하고 홈페이지로 이동하면 보이는 모습

 

각각의 분야에 대해 분리해놨고 문제 풀기 버튼을 클릭하면 문제풀이를 위한 페이지로 이동한다

 

 

도라에몽 주머니를 클릭하면 위와같이 전체 사용자에 대한 내용이 나온다

 

 

각각의 문제에 대한 자신의 상황을 알려주는 부분도 포함되어 있다

 

 

 

새로운 홈페이지

1년전과 비교해서 추가적인 기능이 포함되었다

 

피그마로 어떻게 만들지 만들고 있고, Web 부분을 공부하는 동아리원들 말고 다른 동아리원들도 사용이 가능하게끔 만들 예정이다

 

 

우선 로그인하면 나오는 홈페이지!!

 

공지사항과 동아리 과거 내용들에 대한 내용이 나오는 기본적인 곳이다

 

우측 상단에 마이페이지 기능도 추가했다

 

 

다음으로 Web CTF 문제들만 모아놓은 부분이다

 

처음 클릭하면 위와같이 전체적으로 확인이 가능하도록 했다

 

 

그리고 세부적인 카테고리를 클릭하면 각 분야에 맞는 문제들이 보이도록 하려고 한다

 

 

게시글을 클릭하면 위와같이 게시글의 내용을 확인할 수 있도록 하고 다운로드 기능도 추가했다

 

 

동아리 회원들의 정보도 한눈에 확인이 가능하도록 구성했다