14주차 실력다지기 진행상황 2

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

프론트엔드 개발자, React 프레임워크 사용자

핵심 요약

• 라이트닝 게시판은 영구적인 기록 대신 즉시 소멸되는 순간의 소통을 강조하는 플랫폼이다.
• React의 상태 관리와 Axios + polling 기법을 활용해 게시글의 시간 제한 기능을 구현했다.
• 타이머 종료 시 댓글 입력 폼 비활성화 및 알림 기능을 통해 사용자 참여 유도를 실현했다.

섹션별 세부 요약

라이트닝 게시판의 개념

• 인터넷 공간의 영속성으로 인해 사용자는 글을 올릴 때 부담을 느끼는 경향이 있다.
• 라이트닝은 즉시 소멸되는 환경을 제공하여 사용자가 가볍고 솔직하게 소통할 수 있도록 한다.
• 이 플랫폼은 감정의 순간적 표현을 장려하며, 영구적인 의미를 강요하지 않는다.

라이트닝 기능 구현 절차

• React의 상태 관리를 활용하여 게시글 생성 시 타이머를 시작하고, 남은 시간을 실시간으로 표시한다.
• 타이머 종료 시, 댓글 입력 폼을 비활성화하고 "댓글 작성 시간이 종료되었습니다"라는 메시지를 표시한다.
• 서버에 게시글 생성 시간을 저장하고, 타이머 종료 시간을 계산하여 클라이언트에 전달한다.
• Axios와 polling 기법을 통해 남은 시간을 주기적으로 업데이트한다.
• 타이머 종료 직전 알림 기능을 추가하여 사용자가 마지막 순간까지 참여하도록 유도한다.
• 타이머 인터페이스를 시각적으로 강조하여 사용자가 쉽게 시간을 인지할 수 있도록 했다.

결론

• React와 Axios를 활용한 시간 제한 기능은 사용자 참여 유도와 라이트닝의 핵심 가치를 구현하는 데 효과적이다.