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

 

Web CTF 관련된 부분을 다 만들었다

 

이전홈페이지에 있던 내용들을 참고해서 만들었지만 구현과정이 달라졌기에 조금 힘든부분이 있긴했다

특히 게시판 부분이 많이 힘들었는데 그래도 성공했다

 

 

 

Web CTF Main

메인 홈페이지 부분이다

 

처음 클릭하면 위와같이 회원들의 전체적인 세부사항이 나타난다

 

최근 해결된 문제에 대해서는 시간도 표시할까 고민중이다

 

 

 

SQL Injection

다음으로 내가 풀고자 하는 카테고리로 마우스를 이동하면 아래에서 초록색의 선이 등장한다

 

그리고 각각의 카테고리별로 문제들이 보여지도록 하였다

 

 

 

게시판

제일 시간이 많이 들어갔던 부분!!

 

이전에는 그냥 게시글 페이지로 이동해서 띄워주면 되는 간단한 방식이었는데 이번에 변경하였다

 

카테고리바를 위에 나두고 아래쪽에 게시판을 표시해주기로 결정하였다
카테고리바 하단에 보여주려는데 Easy, High의 2가지 게시판을 보여줘야 하고 각각에 맞게 페이징도 해줘야 해서 시간이 많이 들어갔다

 

 

상단에 High Level 버튼을 클릭하면 해당 테이블에서 정보를 가져와 보여주고 페이징 역시 변경된다

 

 

 

P.S
아직 css와 애니메이션, 스크롤을 적용하는 기능에 대해서 적용하지 않고 기능만 만들기 위해 위와 같이 만들었다
기능 구현이 끝나면 css, 애니메이션, 스크롤 등등에 대해 공부하고 더 이쁘게 꾸밀 생각이다!