vue.js 토이 프로젝트 - SQL 시험 대비 문제풀이 사이트 (1) 프로젝트 시작

 

정보처리기사 자격증을 공부할 때 SQL 문제들을 연습할 곳이 너무 없었다.

 

그래서 계속 블로그들을 찾아서 복원 문제만 풀어보고를 반복했는데,

지금은 취득했지만, 붙든 못 붙든 꼭 만들어봐야 겠다고 다짐한 사이트!

 

마침 주변에 정보처리기사 준비 하는 지인들이 있어 1회차 시험 치르기 전에 미리 만들어서 도움을 주고자 한다.

무작정 공부하는 것도 좋은 방법이지만, 필요한 서비스를 생각하고 작은 규모라도 만들어 보면서 배우면 손에 좀 더 빨리 익는 기분이다... 😉

 

큼지막한 기능은 대충 아래와 같이 구상했다.

---

• 기존 문제 (복원 문제) 풀어보기
  • 회차별 풀기
• 대비 문제 생성
• 문법 및 단원 공부 (미정)

---

 

별거 없지만... 만들고보면 누구에게든 도움이 되지 않을까 싶은 마음이 있다.

그리고 잘 다듬으면 내가 다른 자격증 준비할 때도 좋지 않을까...?

 

SQL 시험 대비 문제풀이 사이트 구상도

 

대충 호다닥 짜본 사이트 구조...

반응형 처리를 지원할까 생각도 해봤는데 그냥 똑같은 ui를 가져가는 것도 나쁘지 않을 것 같다.

 

적당히 크기 조절만 잘해서 모바일과 웹 두 곳에서 이용할 수 있도록 하는게 제일 좋은 듯.

 

자세히 보면 문제가 주어지고, 답은 입력 형태와 표 형태 두 가지로 제출 할 수 있게 만들었다.

실제 정보처리기사를 치면서 느낀 점은 정답에 대한 폼이 제시되어 있지 않고, 제시 되있는 것만으로도 굉장히 큰 힌트가 되기 때문에...

 

알아서 선택형으로 제출하는 게 낫다고 생각했다.

 

제출한 정답의 값을 처리하는 로직까지 구현 완료한 상태

 

이 역시 이후에는 힌트 개념을 넣어서 정답 폼을 알려준다던가 하는 기능이 들어가도 좋을 듯 하다.

 

표 형태의 답인 경우는 2차원 배열로 되어 있기 때문에

실제 답과 제출한 답을 JSON.stringify() 메소드를 이용해 문자열로 변환한 후 비교하는 로직을 넣어줬다.

 

디자인 씌우고, 문제 넣고 github pages에 올리고 마지막으로 차근차근 다듬어 나가면 될 것 같다.

가볍게 만드는 토이프로젝트의 경우는 별도의 비용이 발생하지 않고 작업도 손쉽기 때문에 깃허브 페이지를 유용하게 이용하고 있다.