🌐 SemiWiki Frontend

대덕소프트웨어마이스터고등학교 학생 커뮤니티 웹 서비스
React + Vite 기반으로 제작된 SemiWiki 프론트엔드 레포지토리입니다.

---

📖 프로젝트 개요

SemiWiki는 대덕소프트웨어마이스터고등학교 학생들을 위한 커뮤니티 플랫폼으로,
학생들이 자유롭게 정보를 공유하고 소통할 수 있는 공간을 제공합니다.

프론트엔드 레포지토리는 React + Vite + Styled-Components 기반으로 설계되었으며,
사용자 친화적 UI와 빠른 렌더링 성능을 목표로 개발되었습니다.

---

🧭 주요 목표

• 🧩 교내 학생 간 커뮤니티 활성화
• 💬 자유로운 정보 공유 및 질의응답
• 🎓 신입생의 전공 탐색 및 학교 적응 지원
• ⚡ 효율적이고 직관적인 UI/UX 제공

---

🧰 기술 스택

구분	사용 기술
언어(Language)	JavaScript (ES6+)
프레임워크(Framework)	React 18
빌드 도구(Build Tool)	Vite
스타일링(Styling)	Styled-Components
패키지 관리	Yarn
기타 라이브러리	Toast UI Editor / Viewer, React Router

---

🧩 주요 기능

구분	기능 설명
🔐 로그인 / 회원가입	이메일 및 비밀번호 기반 인증, 아이디 중복 확인, 비밀번호 보기 기능
🏠 메인 페이지 (게시판)	최신순 / 추천순 정렬, 카테고리 필터, 페이지네이션
📝 게시글 작성 / 수정	Toast UI Editor 기반 Markdown 작성
📖 게시글 상세 페이지	Markdown Viewer로 본문 렌더링, 좋아요 기능
👤 마이페이지	프로필 정보 조회 및 내가 작성한 게시글 확인
🔎 검색 기능	제목 키워드 기반 실시간 게시글 검색
🚪 로그아웃	토큰 만료 및 상태 초기화 처리

명령어

시작하기

yarn
yarn install

개발 서버 실행하기

yarn run dev