✍️ php를 활용한 팀 프로젝트 : 📚 하루 한 지문 📚

View Site : http://dsy1943.dothome.co.kr/php2/main/main.php

이 프로젝트는 PHP를 활용하여 독해력이 부족한 사람들과 문제집이 필요없는 모든 이들을 위한 비문학/문학 문제 풀이 사이트를 만들었습니다. 프로젝트에서는 주로 PHP, MySQL, JavaScript, AJAX 등의 기술을 활용하여 웹 애플리케이션을 구축하였고, 사용자들이 쉽고 편리하게 사이트를 이용할 수 있도록 학습한 내용을 활용하여 효율적으로 개발하였습니다.

🔧 사용 스택

• PHP: PHP는 서버 측 스크립트 언어로, 이 코드에서 주요 언어로 사용되었습니다. PHP를 이용하여 서버와 클라이언트 간의 데이터 통신과 데이터베이스와의 상호작용을 담당합니다.
• MySQL: MySQL은 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)으로, 데이터베이스와의 연결과 쿼리 실행을 위해 사용됩니다.
• AJAX: AJAX(Asynchronous JavaScript and XML)는 비동기적으로 서버와 통신하는 기술로, JavaScript를 사용하여 클라이언트 측에서 서버로 데이터를 보내거나 서버로부터 데이터를 받아올 수 있습니다. AJAX를 사용하여 사용자의 입력 값을 서버로 전달하고, 서버의 응답을 받아오는 비동기 통신을 구현합니다.
• HTML / CSS: HTML은 웹 페이지의 구조를 정의하는 마크업 언어이며, CSS는 웹 페이지의 스타일과 레이아웃을 꾸미는 스타일 시트 언어입니다. HTML과 CSS를 사용하여 페이지 레이아웃과 스타일을 구성합니다.
• JavaScript / jQuery: JavaScript는 클라이언트 측 스크립트 언어로, 웹 페이지의 동적인 기능을 구현하는데 사용됩니다. jQuery는 JavaScript를 보다 쉽게 다루기 위한 라이브러리로, 복잡한 작업을 간편하게 처리할 수 있도록 도와줍니다. jQuery를 사용하여 카테고리별 문제 목록을 필터링하는 기능을 구현하고 있습니다.
• Fetch: Fetch는 JavaScript에서 네트워크 요청을 생성하고 응답을 처리하는 기능을 제공하는 메서드입니다. 이 코드에서는 JSON 파일을 가져오는데 사용되어 문제 데이터를 동적으로 로드합니다.
• Modal: 모달은 사용자가 추가 정보를 입력하거나 확인할 수 있도록 화면에 겹쳐 표시되는 팝업 창입니다. 오답노트를 입력하고 수정하기 위해 모달 창을 사용합니다.
  
  

📚 구현 내역

• 회원가입 및 로그인
• 마이페이지
• 게시판
• 게시판 이미지 업로드, 댓글 (작성, 수정, 삭제)
• 문제 풀이
• 오답노트 작성 후 저장, 수정
• 신조어 테스트, 맞춤법 테스트, 타자 게임

📸 상세페이지