기술 강연 이벤트 일정 웹사이트

이 프로젝트는 하루 동안 진행되는 기술 강연 이벤트의 일정을 보여주는 간단한 단일 페이지 웹사이트입니다. 동적으로 생성되는 일정과 카테고리별로 강연을 필터링할 수 있는 실시간 검색 기능을 제공합니다.

주요 기능

• 동적 일정 생성: JavaScript를 사용하여 오전 10시부터 각 강연, 휴식 및 전환 시간을 계산하여 전체 일정을 동적으로 생성합니다.
• 카테고리 검색: 사용자는 검색창에 카테고리(예: "JavaScript", "Python")를 입력하여 실시간으로 일정을 필터링할 수 있습니다.
• 간단한 API: Node.js와 Express로 구성된 백엔드가 간단한 JSON 파일로부터 강연 데이터를 제공합니다.

사용된 기술

• 백엔드 (Backend):
  • Node.js
  • Express.js
• 프론트엔드 (Frontend):
  • HTML
  • CSS
  • JavaScript (ES6+)

시작하기

로컬 컴퓨터에서 프로젝트를 설정하고 실행하려면 다음 지침을 따르세요.

사전 요구 사항

시스템에 Node.js가 설치되어 있어야 합니다.

설치

1. 리포지토리를 복제하거나 소스 코드를 다운로드합니다.

2. 프로젝트의 루트 디렉토리에서 터미널을 열고 필요한 종속성을 설치합니다:

   npm install

애플리케이션 실행

1. 설치가 완료되면 다음 명령어로 서버를 시작합니다:

   npm start

2. 터미널에 서버가 실행 중임을 알리는 메시지가 표시됩니다:

   Server is running on http://localhost:3000
   

3. 웹 브라우저를 열고 http://localhost:3000으로 이동하여 웹사이트를 확인합니다.

프로젝트 구조

/
|-- .gitignore         # Git이 무시할 파일을 지정합니다
|-- package.json       # 프로젝트 메타데이터 및 종속성 정보
|-- server.js          # Express.js 서버 로직
|-- talks.json         # 모든 강연 데이터 (간단한 DB 역할)
|-- public/
|   |-- index.html     # 메인 HTML 구조
|   |-- style.css      # 웹사이트 스타일 시트
|   |-- script.js      # 데이터 요청 및 일정 렌더링을 위한 프론트엔드 로직
|-- README.md          # 이 파일