라이트닝
라이트닝, 인터넷의 특성상 게시글이 한번 올라가면
사용자가 삭제하거나 사이트가 폐쇄되기 전까지 영구적으로 남게 되어
느껴지는 무거움과 부담에서 벗어나고자해서 생각한 접근이다.
인터넷 공간은 그 특성상 수많은 기록과 정보들이 쌓여
결국 모든 흔적이 영속성을 지니게 된다.
이로 인해 사용자들은 글을 올리는 데
신중해지거나 부담감을 느끼게 된다.
라이트닝은 이러한 영구적 기록의 부담에서 벗어나,
순간적인 소통과 일시적 공감을 중심으로 빠르게 소멸되는 환경을 제공한다.
짧은 시간 동안만 존재하고 빠르게 사라지는
라이트닝 게시판에서는 사용자들이
더 가볍고 솔직하게, 부담 없이 소통할 수 있다.
이 공간에서는 모든 글과 의견이 영구적인 의미를 강요하지 않으며
그 순간의 느낌과 감정을 자유롭게 표현하는 것을 장려한다.
라이트닝은 무거운 영속성 대신
가벼운 순간의 가치를 재발견하는 소통 방식을 제안한다.
라이트닝 기능 추가 과정
라이트닝 기능 구현을 위해 다음과 같은 절차를 거쳤다
타이머 기능 구현
- React의 상태 관리를 활용하여 글이 생성된 직후 타이머를 시작하고, 남은 시간을 실시간으로 보여주도록 구현했다.
- 타이머가 종료되면 댓글 입력 폼을 비활성화하고 "댓글 작성 시간이 종료되었습니다"라는 안내 메시지를 표시한다.
서버 연동과 실시간 업데이트
- 서버에 게시글 생성 시점을 저장하고, 타이머 종료 시점을 계산하여 클라이언트에 전달한다.
- Axios와 polling 기법을 이용해 남은 시간을 서버로부터 주기적으로 업데이트 받는다.
사용자 경험 개선
- 시간이 끝나기 직전 알림 기능을 추가해 사용자들이 마지막 순간까지 적극적으로 참여할 수 있도록 유도했다.
- 타이머 인터페이스를 시각적으로 강조하여 사용자가 쉽게 남은 시간을 인지할 수 있도록 했다.
스크린샷
서툴지언정 늘 행동이 먼저이기를