SUSC-SURVEY

SUSC 폼의 프론트엔드 레포지토리

설치 및 실행

$ npm install

개발 서버 실행

$ npm run dev

정적 빌드

$ npm run build

중요: 스타일 개선을 위한 CSS 기여자를 모집하고 있습니다.

---

기여 가이드

개발 환경 구성을 위해 다음 명령어를 실행하세요:

$ npm install
$ npm run dev

---

프로젝트 구조

src/pages

• admin.tsx

  운영진 전용 페이지입니다. 브라우저에서 F5를 눌러 개발자 도구를 열고 운영진 전용 주소에 접속하면 해당 페이지가 로드되며, admin.tsx 코드를 확인할 수 있습니다.

• DemandSurvey.tsx & ParticipationSurvey.tsx

  각각 수요조사와 참여조사를 위한 페이지입니다. 관련 기능이나 문구를 수정할 경우, ctrl + F로 todo 주석을 검색하면 매 시즌별로 수정이 필요한 위치를 쉽게 찾을 수 있습니다.

---

컴포넌트 구성

src/components/Question.tsx

설문 내 개별 질문 항목의 형태를 정의하는 컴포넌트입니다. 해당 컴포넌트를 자유롭게 조합하여 설문 구조를 변경하거나 질문 내용을 수정할 수 있습니다.

src/components/FormSection.tsx

설문을 논리적 구간(Section)으로 나누어 그룹화하는 데 사용되는 컴포넌트입니다. 각 질문들을 시각적으로 구분할 수 있게 도와주며, 큰 단락 단위로 폼을 구성할 수 있게 해줍니다.

src/components/Header.tsx

페이지 상단에 고정되어 있는 헤더 컴포넌트입니다. 로고, 제목, 내비게이션 등이 포함될 수 있으며, 사용자에게 일관된 인터페이스를 제공합니다.

---

필요하다면 이 설명에 예시 스크린샷, 개발자 팁, 기여 체크리스트 등을 더 추가할 수도 있어요. 특정 포맷이나 항목을 더 포함하고 싶으신가요?